@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap'); */
/*==========================================================================*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
  font-size: 160%;
  -webkit-text-size-adjust: none;
  font-weight: 400;
}
/* html:focus-within {scroll-behavior: smooth;} */
*,::before,::after{box-sizing:border-box;outline: none;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
select { visibility: visible !important; }
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff}
body{-webkit-text-size-adjust:none;min-width:320px;color:var(--txt);font-family: var(--f-main)}
table {width: 100%}
h1,h2,h3,h4,h5,h6{line-height: 1.4;}
p,dd,dt,li,th,td,address{line-height: 2em;letter-spacing: 0;}
p{margin: 0 0 30px;}
p:last-child{margin-bottom: 0}

.bold{font-weight: bold;}
.left{text-align:left}
.right{text-align: right;}
.auto{margin-left: auto; margin-right: auto;}
.red{color: var(--red);}
.txt_line{text-decoration: underline;}
.f_big{font-size: 150%;}
.f_sm{font-size: 80%;}
.m0a{display: block;margin-left: auto;margin-right: auto;}

:root {
  --txt: #626262;
  --mcolor: #00405F;
  --scolor02: #00BBB4;
  --scolor: #00A5A5;
  --container: 1130px;
  --f-main: 'Noto Sans JP', sans-serif;
  --f-rbt: "Roboto", sans-serif;
  --f-barlow: "Barlow", sans-serif;
}

#wrapper{min-width: 1260px;overflow:hidden;margin:0 auto}
.inner{width: var(--container);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}

/*==========================================================
                       H E A D E R
==========================================================*/
/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:10px 8px 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0}
.hamburger-box{position:relative;display:inline-block;width:20px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:20px;height:2px;transition:all ease 0.15s;background-color:#fff}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top: -6px;}
.hamburger-inner::after{bottom: -6px;}
.hamburger--3dxy .hamburger-box{perspective:80px}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before{transition:transform cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy.is_active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}
.hamburger--3dxy.is_active .hamburger-inner::before{transform: translate3d(0,6px,0) rotate(45deg);}
.hamburger--3dxy.is_active .hamburger-inner::after{transform: translate3d(0,-6px,0) rotate(-45deg);}

header{position: relative; z-index:9;}
.h_box{width:100%;position: fixed;top: 0;transition: .3s ease-in-out;}
.h_inner{display:flex;height: 100%;justify-content: space-between;transition: .3s ease-in-out;}
.h_left{display: flex;padding: 40px 0 0 45px;flex-shrink: 0;transition: .3s ease-in-out;}
.h_plg_box{width: 200px;height: 110px;background: var(--mcolor);transition: .3s ease-in-out;}
.h_plg_box a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.h_plg_box a span{display: inline-block;line-height: 1.5;color: #fff;font-size: 18px;font-weight: 700;padding: 37px 0 0 0;letter-spacing: 0.02em;position: relative;}
.h_plg_box.line a span::before{content: '';position: absolute;top: 0;left: calc((100% - 32px)/2);width: 32px;height: 31px;background: url(../images/h_line.png) no-repeat center/100%;}
.h_plg_box.mail a span::before{content: '';position: absolute;top: 5px;left: calc((100% - 27px)/2);width: 27px;height: 20px;background: url(../images/h_mail.png) no-repeat center/100%;}
.h_plg_box.line{background: #06C755;}
.h_plg_list{display: flex;align-items: center;}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;padding-top: 0;}
.mv{position: relative;padding: 0;}
.mv_bg{position:relative;overflow:hidden;opacity:0;transition:all .3s;}
.mv_bg.init{opacity:1}
.mv_slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.mv_bg,.mv_slider_ite{width:100%;height:680px}
.mv_slider_ite .bg{position:absolute;width:100%;height:100%;z-index:0;top:0;left:0;background-size:cover;background-position:center}
.mv_slider_ite.zoomed .bg{animation-name:zoomImg;animation-duration:6s;animation-timing-function:linear;animation-fill-mode:forwards}

.mv_txt{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto}
.mv_txt h2{font-size:40px;font-weight:bold;text-align:center}

@keyframes zoomImg { 0%{transform:scale(1.2)} 100%{transform:scale(1.0)}}

/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.ttl_h3{text-align: center;font-weight: bold;}
.ttl_h3:not(:last-child){margin-bottom: 30px;}
.ttl_h3 span{display: block;}
.ttl_h3 .ja{font-size: 32px;}
.ttl_h3 .en{font-size: 16px;}

/* DEFAUTL NAME BUTTON */
.under main .btn_contact_custom input,
.btn a{width: 340px;height: 90px;background: var(--scolor) url(../images/btn_ic.png) no-repeat right 25px center/26px 12px;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 18px;}
.btn.center a{margin-left: auto; margin-right: auto;}

.btn_box:not(:last-child){margin-bottom: 30px;}
.btn_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.btn_box .btn{margin: 10px;}

section{padding: 40px 0;}
.h_logo{display: flex;margin: 0 47px 0 0;transition: .3s ease-in-out;cursor: pointer;}
.h_logo img{filter: brightness(0) invert(1);transition: .3s ease-in-out;}
.h_tag p,
.h_tag a{font-size: 16px;font-weight: 700;color: #fff;line-height: 1.2;transition: .3s ease-in-out;display: block;}
.h_tag{width: 87px;height: 36px;display: flex;justify-content: center;align-items: center;border: 2px solid #407891;margin: 5px 0 0 19px;padding: 1px 0 0 0;}
.h_tel .number a{display: inline-block;line-height: 1.5;font-size: 29px;font-family: var(--f-rbt);color: var(--mcolor);font-weight: 700;letter-spacing: 0.02em;position: relative;padding: 0 0 0 40px;}
.h_tel .number a::before{content: '';position: absolute;top: 13px;left: 7px;width: 20px;height: 20px;background: url(../images/h_tel.png) no-repeat center/100%;}
.h_tel .txt p{font-size: 16px;font-weight: 500;color: var(--mcolor);line-height: 1.5;padding: 0 0 0 25px;}
.h_tel .number{margin: 0 0 -5px 0;}
.h_tel{margin: 0 32px 0 0;text-align: center;}
/*============= SEC01 ==============*/
.sec01{height: 100%;position: relative;padding: 0 0 100px 0;background: #F7F7F7;z-index: 1;--after-left: 0px;}
.sec01::before{content: '';position: absolute;top: 0;left: 0;width: calc((100% - 1131px));height: 100%;background: var(--mcolor);z-index: -1;transition: .3s ease-in-out;}
.sec01::after{content: '';position: fixed;top: var(--after-top);left: var(--after-left);width: 1920px;height: 1200px;background: url(../images/s1_bg.png) no-repeat center/cover;z-index: -1;transition: .3s ease-in-out;}
.sec01 .s1_heading span{display: inline-block;font-size: 130px;color: #fff;font-weight: 900;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;letter-spacing: -2.5px;position: relative;padding: 0 24px 0 0;}
.sec01 .s1_heading{display: flex;}
.s1_left{width: 100%;max-width: 50%;}
.s1_left_col.v1{padding: 126px 0 0 142px;}
.s1_left_col.v2{padding: 113px 0 0 142px;}
.sec01 .s1_heading span::after{content: '';position: absolute;top: 3px;right: 0;width: 15px;height: calc((100% - 92px));background: #006B7E;}
.sec01 .s1_heading span:not(:last-child){}
.s1_flex{display: flex;justify-content: space-between;align-items: flex-end;position: relative;padding: 31px 0 0 0;}
.s1_txt01 p{font-size: 53px;font-weight: 900;color: var(--mcolor);line-height: 1.4;letter-spacing: 0.03em;text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;}
.s1_txt02_box{width: 286px;height: 79px;border-radius: 12px;display: flex;justify-content: center;align-items: center;background: #fff;padding: 0 0 0 0;}
.s1_txt02_box p::after,
.s1_txt02_box a::after{content: '';position: absolute;top: 17px;right: 9px;width: 25px;height: 12px;background: url(../images/s1_txt02_box_ic.png) no-repeat center/100%;transition: .3s ease-in-out;}
.s1_txt02_box p,
.s1_txt02_box a{color: #E82200;font-size: 58px;font-weight: 900;line-height: 1;letter-spacing: 0.02em;display: flex;width: 100%;height: 100%;position: relative;padding: 6px 0px 0px 11px;transition: .3s ease-in-out;}
.s1_txt02{display: flex;}
.s1_txt02_normal p{font-size: 48px;font-weight: 900;line-height: 1.4;color: var(--mcolor);}
.s1_txt03 p{font-size: 53px;color: var(--mcolor);font-weight: 900;line-height: 1.4;text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;}
.s1_txt04{display: flex;}
.s1_txt04_normal p{font-size: 40px;font-weight: 900;color: var(--mcolor);line-height: 1.4;letter-spacing: 0.03em;text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;}
.s1_right{padding: 0 55px 104px 200px;margin: 0 0 0 0;width: 100%;max-width: 50%;}
.s1_scroll{position: absolute;top: 185px;right: 21px;transition: .3s ease-in-out;}
.s1_scroll p,
.s1_scroll a{font-size: 18px;font-family: var(--f-rbt);color: var(--mcolor);font-weight: 700;transform: rotate(90deg);letter-spacing: 0.1em;display: block;}
.s1_scroll a::after{content: '';position: absolute;top: 0;left: 0;width: 200%;height: 200%;}
.s1_scroll::before{content: '';position: absolute;top: -26px;left: 16px;width: 12px;height: 155px;background: url(../images/s1_scroll.png) no-repeat center/100%;transition: .3s ease-in-out;}
.s1_txt01{margin: 0 0 6px 0;}
.s1_txt02_normal.c1{margin: 10px 10px 0 10px;}
.s1_txt02_normal.c2{margin: 10px 0 0 10px}
.s1_txt03{margin: 0 0 40px 0;}
.s1_txt04_home{margin: -20px 0 0 11px;}
.sec01_content02{height: auto;padding: 280px 0 200px 15px;}
.s1_ct02_desc p{font-size: 25px;color: #fff;font-weight: 900;font-size: 25px;line-height: 2.3;letter-spacing: 0.03em;}
.s1_ct02_desc p:not(:last-child){margin: 0 0 50px 0;}
.sec01.pause::after{position: static;}
/*============= SEC02 ==============*/
.sec02{position: relative;height: auto;z-index: 2;padding: 0 0 0 0;}
.s2_bg{background: var(--mcolor);padding: 90px 0 185px 0;position: relative;}
.s2_bg::after{content: '';position: absolute;top: 99%;left: calc((100% - 66px)/2);width: 66px;height: 42px;background: var(--mcolor);clip-path: polygon(50% 100%, 0 0, 100% 0);}
.s2_bg::before{content: '';position: absolute;bottom: 99%;left: 0;width: 100%;height: 30%;background: var(--mcolor);background: linear-gradient(360deg, rgba(0, 64, 95, 1) 0%, rgba(0, 64, 95, 0.84) 20%, rgba(255, 255, 255, 0) 100%);}
/* .sec02::after{content: '';position: absolute;bottom: 500px;left: 0;width: 100%;height: 998px;background: url(../images/s2_bg.png) no-repeat center/cover;z-index: -1;} */
.s2_home_ttl{text-align: center;margin: 0 0 28px 0;}
.s2_home_ttl h3{font-size: 43px;color: #fff;font-weight: 900;line-height: 1.5;letter-spacing: 0.05em;}
.sec02 .inner{position: relative;z-index: 1;}
.s2_home_logo{text-align: center;}
/*============= SEC03 ==============*/
.sec03{position: relative;z-index: 1;background: #F7F7F7;padding: 162px 0 60px 0;}
.s3_ttl{text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.s3_en{width: 135px;height: 37px;border: 4px solid var(--scolor);display: flex;justify-content: center;align-items: center;margin: 0 0px 7px 0;}
.s3_en p{font-size: 18px;color: var(--scolor);line-height: 1;font-weight: 500;}
.s3_ja h3{display: inline-block;font-size: 83px;color: var(--scolor);font-weight: 900;line-height: 1.5;padding: 0 0 7px 0;position: relative;margin: 0 0 10px 0;}
.s3_ja h3::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 13px;background: var(--scolor);}
.s3_ja p{font-size: 54px;color: var(--mcolor);font-weight: 900;line-height: 1.5;letter-spacing: 0.02em;}
.s3_left_box{width: 905px;height: 815px;background: var(--mcolor);border-radius: 40px;padding: 30px 0 0px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.s3_content{margin: 110px 0 0 0;padding: 0 32px 0 32px;}
.s3_left_text .txt01 p{font-size: 37px;color: #93BFD5;line-height: 1.61;text-align: center;letter-spacing: 0.02em;font-weight: 900;}
.s3_left_text .txt01 p .color{color: #fff;/* display: inline-block; */transform: translateY(-5px);}
.s3_left_img{text-align: center;}
.s3_left_text{margin: 0 0 42px 0;}
.s3_left{flex-shrink: 0;margin: 0 60px 0 0;}
.s3_row{display: flex;align-items: center;position: relative;padding: 0 0 41px 0;}
.s3_row::before{content: '';position: absolute;bottom: 0;left: -32px;width: calc((100% + 64px));height: 1px;background: #E3E3E3;}
.s3_row:last-child::before{display: none;}
.s3_right_head .ttl p{font-size: 18px;font-weight: 700;color: var(--mcolor);line-height: 1.35;}
.s3_right_head .ttl{height: 100%;display: flex;justify-content: center;align-items: center;margin: 0 31px 0 0;}
.s3_right_head .number{height: 100%;display: flex;justify-content: center;align-items: center;border-left: 1px solid rgba(0,64,95,.35);padding: 0 0 0 15px;}
.s3_right_head .number p{line-height: 1.2;color: var(--mcolor);font-size: 20px;font-weight: 700;font-family: var(--f-barlow);}
.s3_right_head{width: 268px;height: 53px;border-radius: 999px;border: 1px solid rgba(0,64,95,.35);display: flex;align-items: center;padding: 0 5px 0 20px;margin: 0 0 25px 0;}
.s3_right_title p{font-size: 61px;color: var(--mcolor);font-weight: 900;line-height: 1.3;letter-spacing: 0.025em;}
.s3_right_title p .color{color: #E82200;text-decoration: underline;text-decoration-thickness: 10px;text-underline-offset: 15px;line-height: 1.65;}
.s3_right_demo p{font-size: 36px;font-weight: 900;color: var(--mcolor);line-height: 1.4;position: relative;padding: 0 0 0 39px;letter-spacing: 0.03em;}
.s3_right_demo p::before{content: '';position: absolute;top: 15px;left: 0;width: 30px;height: 25px;background: url(../images/s3_demo_ic.png) no-repeat center/100%;}
.s3_right_demo p .color{color: var(--scolor);}
.s3_right{padding: 38px 0 0px 0;}
.s3_right_title{margin: 0 0 26px 0;position: relative;padding: 0 0 51px 0;border-bottom: 1px solid #95989A;width: 600px;}
.s3_right_demo{margin: 0 0 51px 0;}
.s3_center_icon{width: 78px;height: 78px;border-radius: 50%;border: 1px solid rgba(0,64,95,.4);margin: 0 62px 0 0;display: flex;justify-content: center;align-items: center;padding: 0 0 10px 0;}
.s3_row:not(:last-child){margin: 0 0 39px 0;}
/*============= SEC04 ==============*/
.sec04{background: #fff;position: relative;z-index: 1;padding: 136px 0 137px 0;}
.s4_content01{position: relative;padding: 0 0 140px 0;margin: 0 0 78px 0;}
.s4_content01::after{content: '';position: absolute;bottom: 0;left: -8px;width: 1820px;height: 303px;background: url(../images/s4_bg.png) no-repeat center/100%;}
.s4_ct01_title .txt_demo{width: 109px;height: 61px;background: url(../images/s4_txt_demo.png) no-repeat center/100%;display: flex;justify-content: center;align-items: center;padding: 0px 0 12px 0;margin: 0 0 18px 0;}
.s4_ct01_title .txt_demo p{font-size: 20px;font-family: var(--f-barlow);font-weight: 700;color: #fff;transform: rotate(-2deg);}
.s4_ct01_title{display: flex;flex-direction: column;align-items: center;}
.s4_ct01_title h3{display: flex;padding: 0 0 0 0px;}
.s4_ct01_title h3 span{font-size: 55px;color: var(--mcolor);font-weight: 900;line-height: 1.3;letter-spacing: 0.08em;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;}
.s4_ct02_text p{font-size: 21px;font-weight: 900;color: var(--mcolor);letter-spacing: 0;line-height: 2.4;}
.s4_ct02_text p .txt_box{display: inline-block;background: var(--mcolor);color: #fff;padding: 5px 10px;line-height: 1.6;margin: 0 6px;}
.s4_ct02_text_box{text-align: center;}
.s4_ct02_text_box:not(:last-child){margin: 0 0 49px 0;}
/*============= SEC05 ==============*/
.sec05{padding: 120px 0 40px 0;background: var(--scolor);position: relative;z-index: 1;height: 500px;}
.s5_ttl h3{font-size: 55px;font-weight: 900;color: #fff;line-height: 1.5;}
.s5_ttl h3 .big{font-size: 57px;width: 272px;height: 98px;border: 4px solid #fff;display: inline-flex;justify-content: center;align-items: center;margin: 3px 4px 0 2px;}
.s5_des p{font-size: 18px;font-weight: 700;color: #fff;line-height: 2.2;white-space: nowrap;letter-spacing: 0.035em;}
.s5_ttl{margin: 0 0 46px 0;}
.s5_flex{display: flex;}
.s5_right{margin: -25px 0 0 43px;}
.s5_btn .btn a{background: var(--mcolor) url(../images/btn_ic.png) no-repeat right 25px center/26px 12px;width: 420px;flex-shrink: 0;}
.s5_btn{margin: -54px 0 0 100px;position: relative;z-index: 1;}
/*============= SEC06 ==============*/
.sec06{background: #fff;position: relative;z-index: 1;padding: 125px 0 132px 0;}
.s6_ttl{display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 0 24px 0;}
.s6_ttl_en{width: 72px;height: 37px;border: 4px solid var(--scolor);display: flex;justify-content: center;align-items: center;margin: 0 0 19px 0;}
.s6_ttl_en p{font-size: 18px;color: var(--scolor);line-height: 1.3;text-transform: uppercase;font-weight: 700;}
.s6_ttl_ja h3{color: var(--mcolor);font-size: 46px;font-weight: 900;line-height: 1.3;}
.s6_content{margin: 52px 0 0 0;}
/* .s6_list{display: flex;justify-content: center;} */
/* .s6_col{width: 530px;margin: 0 15px;} */
.s6_col{width: auto;margin: 0 15px;width: 530px;position: relative;z-index: 1;}
/* .s6_box{width: auto;height: 448px;border: 1px solid #E3E3E3;border-radius: 20px;padding: 60px 60px;} */
.s6_box{width: auto;height: auto;border: 1px solid #E3E3E3;border-radius: 20px;padding: 60px 60px;min-height: 502px;}
.s6_date p{font-family: var(--f-rbt);font-size: 14px;color: #626262;line-height: 1.3;text-align: right;}
.s6_date{margin: 0 0 21px 0;}
.s6_ttl a{display: inline-block;font-size: 21px;color: var(--mcolor);font-weight: 700;line-height: 1.65;letter-spacing: 0.02em;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.s6_des p{font-size: 16px;color: #626262;line-height: 1.7;letter-spacing: 0;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.s6_des{border-bottom: 1px solid #E3E3E3;padding: 0 0 28px 0;margin: 0 0 15px 0;}
.s6_cate{display: flex;flex-wrap: wrap;}
.s6_cate p{font-size: 14px;color: var(--mcolor);border-radius: 999px;padding: 10px 19px;font-weight: 500;background: #F0F0F0;white-space: nowrap;line-height: 1;}
.s6_cate p{margin: 5px;}
.s6_btn{display: flex;justify-content: center;margin: 50px 0 0 0;}
.s6_next{width: 80px;height: 80px;border-radius: 50%;background: url('../images/s6_next.png') no-repeat center/26px 12px var(--mcolor);transition: .3s ease-in-out;cursor: pointer;pointer-events: auto;}
.s6_prev{width: 80px;height: 80px;border-radius: 50%;background: url('../images/s6_prev.png') no-repeat center/26px 12px var(--mcolor);transition: .3s ease-in-out;cursor: pointer;pointer-events: auto;}
.s6_button .inner{display: flex;justify-content: space-between;position: absolute;top: 180px;left: calc((100% - 1373px)/2);width: 1373px;padding: 0 0;z-index: 2;pointer-events: none;}
.s6_swiper{position: relative;}
/* .s6_content .swiper-wrapper{transform: translateX() !important;} */
.sec06 .slick-prev{opacity: 0;}
.sec06 .slick-right{opacity: 0;}
/*============= SEC07 ==============*/
.sec07{background: var(--mcolor);position: relative;z-index: 1;padding: 129px 0 312px 0;}
.sec07::before{content: '';position: absolute;top: 0;left: calc((100% - 51px)/2);width: 111px;height: 1979px;background: url(../images/s7_after.png) no-repeat center/100%;}
.s7_ttl .ttl_small{text-align: center;margin: 0 0 47px 0;}
.s7_ttl .ttl_small p{font-size: 28px;color: #00CBCB;font-weight: 900;text-align: center;line-height: 1.45;position: relative;display: inline-block;padding: 0 0 21px 0;}
.s7_ttl .ttl_small p::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 9px;background: #00CBCB;}
.s7_ttl .ttl_big{display: flex;justify-content: center;}
.s7_ttl .ttl_big h3{display: flex;}
.s7_ttl .ttl_big h3 span{font-size: 59px;color: #fff;font-weight: 900;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;line-height: 1.3;letter-spacing: 0.15em;}
.s7_icon{width: 80px;height: 80px;border-radius: 50%;background: #004C6F;flex-shrink: 0;margin: 0 20px 0 0;display: flex;justify-content: center;align-items: center;}
.s7_row{position: relative;display: flex;}
.s7_box{display: flex;width: 100%;max-width: 550px;border-bottom: 3px solid #69A1BC;padding: 0 0 27px 0;position: relative;height: 100%;}
.s7_box:not(:first-child){margin: 55px 0 0 0;padding: 0 0 28px 98px;}
.s7_box::after{content: '';position: absolute;bottom: -3px;right: 0;width: 45px;height: 3px;background: #fff;}
.s7_text_on p{font-size: 22px;color: #93BFD5;line-height: 1.4;letter-spacing: 0.025em;}
.s7_text_bot a{display: inline-block;font-size: 35px;font-weight: 900;color: #fff;line-height: 1.5;letter-spacing: 0.025em;position: relative;}
.s7_text_bot a::after{content: '';width: 19px;height: 9px;position: absolute;top: 14px;right: -29px;background: url(../images/s7_btn_ic.png) no-repeat center/100%;}
.s7_text_on{margin: -7px 0 8px 0;}
.s7_content{margin: 47px 0 0 0;}
.s7_box:not(:first-child):after{right: unset;left: 0;}
.s7_row:not(:last-child){margin: 0 0 39px 0;}
.s7_btn_all{display: flex;justify-content: center;margin: 68px 0 0 0;}
.s7_btn_all .btn a{width: 420px;}
/*============= SEC08 ==============*/
.sec08{background: #F7F7F7;position: relative;z-index: 1;padding: 150px 0 102px 0;}
.s8_head{display: flex;justify-content: space-between;margin: 0 0 111px 0;}
.s8_ttl_en{width: 104px;height: 37px;border: 4px solid var(--scolor);display: flex;justify-content: center;align-items: center;margin: 0 0 15px 0;}
.s8_ttl_en p{font-size: 18px;color: var(--scolor);line-height: 1.2;text-transform: uppercase;font-weight: 600;}
.s8_ttl_ja h3{font-size: 46px;font-weight: 900;color: var(--mcolor);}
.s8_box_btn{margin: 13px 0 0 0;}
.s8_box_btn .btn a{width: 420px;}
.s8_icon p{width: 60px;height: 60px;border-radius: 50%;background: url(../images/s8_btn_ic.png) no-repeat center/22px 10px #fff}
.s8_row{display: flex;border-bottom: 1px solid #D1D1D1;padding: 0 0 46px 0;}
.s8_row:last-child{border-bottom: 0;}
.s8_row:not(:first-child){padding: 49px 0 46px 0;}
.s8_info .date p{font-size: 14px;font-family: var(--f-rbt);color: #626262;line-height: 1.2;}
.s8_info .ttl a{display: inline-block;font-size: 23px;color: var(--mcolor);font-weight: 500;letter-spacing: 0.025em;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;line-height: 1.8;}
.s8_info .ttl{margin: 0 0 24px 0;}
.s8_info .des p{color: #626262;font-size: 16px;line-height: 1.8;font-weight: 500;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.s8_content{padding: 0 0 0 70px;}
.s8_icon{margin: 0 40px 0 0;}
.s8_info .date{margin: 0 0 10px 0;}
/*============= SEC09 ==============*/
.sec09{background: var(--scolor);position: relative;z-index: 1;padding: 60px 0 58px 0;}
.s9_inner{width: 100%;max-width: 1462px;margin: 0 auto;}
.s9_ttl_ja01{width: 178px;height: 50px;border: 4px solid #fff;display: flex;justify-content: center;align-items: center;margin: 0px 0 24px 0;}
.s9_ttl_ja01 p{font-size: 21px;color: #fff;font-weight: 500;line-height: 1.2;}
.s9_ttl_ja02 h3{color: #fff;font-size: 60px;font-weight: 900;line-height: 1.5;letter-spacing: 0.03em;}
.s9_right_box{width: 708px;height: 462px;background: rgba(255,255,255,.11);padding: 51px 104px;}
.s9_flex{display: flex;justify-content: space-between;align-items: center;}
.s9_list{width: 500px;}
.s9_list ul{width: 100%;}
.s9_list li{width: 100%;line-height: 1.5;}
.s9_list li a{display: block;font-size: 20px;color: #fff;font-weight: 500;letter-spacing: 0.02em;border-bottom: 1px solid rgba(255,255,255,.5);padding: 44px 0 44px 0;line-height: 1.5;position: relative;}
.s9_list li a::after{content: '';position: absolute;top: calc((100% - 10px)/2);right: 18px;width: 22px;height: 10px;background: url(../images/s9_btn.png) no-repeat center/100%;transition: .3s ease-in-out;}
.s9_list li:not(:first-child) a{padding: 44px 0 44px;}
.s9_list li:last-child a{border-bottom: 0;}
/*============= SEC10 ==============*/
/*============= SEC11 ==============*/

/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;}
.ft_contact_ttl_ja01{width: 221px;height: 50px;border: 4px solid #00CBCB;display: flex;justify-content: center;align-items: center;margin: 0 auto 16px auto;}
.ft_contact_ttl_ja01 p{font-size: 21px;color: #00CBCB;line-height: 1.2;}
.ft_contact_ttl_ja02 p{color: #fff;font-size: 51px;font-weight: 900;text-align: center;line-height: 1.6;letter-spacing: 0.01em;}
.ft_contact_ttl_ja02 p .small01{font-size: 40px;}
.ft_contact_ttl_ja02 p .small02{font-size: 35px;}
.ft_contact{padding: 133px 0 106px 0;position: relative;background: #003753;z-index: 1;}
.ft_contact::after{content: '';position: absolute;bottom: 184px;left: 0;width: 1820px;height: 111px;background: url(../images/ft_contact_after.png) no-repeat center/100%;z-index: -1;}
.ft_contact_img{text-align: center;margin: 35px 0 -104px 33px;}
.ft_contact_box{width: 354px;height: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: .3s ease-in-out;}
.tel .ft_contact_box{border: 5px solid #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 0 0 0;}
.line .ft_contact_box{background: #06C755;}
.mail .ft_contact_box{background: #fff;}
.ft_contact_list{display: flex;justify-content: space-between;}
.ft_number{margin: 0 0 5px 0;}
.ft_number a{display: inline-block;font-size: 32px;font-family: var(--f-rbt);line-height: 1.2;position: relative;padding: 55px 0 0 0;color: #fff;font-weight: 500;letter-spacing: 0.03em;}
.ft_number a::before{content: '';position: absolute;top: 0;left: calc((100% - 37px)/2);width: 37px;height: 37px;background: url(../images/ft_tel.png) no-repeat center/100%;}
.ft_txt p{font-size: 16px;line-height: 1.2;color: #fff;}
.ft_txt_line a{display: inline-block;color: #fff;font-size: 26px;font-weight: 700;position: relative;padding: 60px 0 0 0;letter-spacing: 0.05em;}
.ft_txt_line a::before{content: '';position: absolute;top: 0;left: calc((100% - 49px)/2);width: 49px;height: 46px;background: url(../images/ft_line.png) no-repeat center/100%;}
.ft_txt_mail a{display: inline-block;color: #fff;font-size: 26px;color: var(--scolor);font-weight: 700;line-height: 1.2;position: relative;padding: 55px 0 0 0;letter-spacing: 0.05em;}
.ft_txt_mail a::before{content: '';position: absolute;top: 0;left: calc((100% - 46px)/2);width: 46px;height: 34px;background: url(../images/ft_mail.png) no-repeat center/100%;}
.ft_menu{background: var(--mcolor);padding: 120px 0 0 0;}
.ft_logo{text-align: center;margin: 0 0 34px 0;}
.ft_address p{text-align: center;line-height: 2.1;font-size: 14px;color: #fff;}

.ft_menu_box .item,
.ft_menu_ttl p{display: inline-block;color: #fff;font-size: 18px;font-weight: 500;line-height: 1.3;text-transform: uppercase;letter-spacing: 0.02em;}
.ft_menu_list_item li a{display: inline-block;font-size: 16px;line-height: 1.3;color: #fff;position: relative;padding: 0 0 0 26px;letter-spacing: 0.03em;}
.ft_menu_list_item li a::before{content: '';position: absolute;top: 7px;left: 0;width: 16px;height: 8px;background: url(../images/ft_menu_ic.png) no-repeat center/100%;}
.ft_menu_box.only_item ul li:not(:last-child){margin: 0 0 24px 0;}
.ft_menu_list_item li{line-height: 1.3;}
.ft_menu_list_item li:not(:last-child){margin: 0 0 19px 0;}
.ft_menu_list{display: flex;}
.ft_address{margin: 0 0 103px 0;}
.ft_menu_ttl{margin: 0 0 32px 0;}
.ft_menu_banner{text-align: center;margin: 79px 0 36px 0;}

address{color: #69A1BC;font-size: 14px;text-align: center;letter-spacing: 0;}

/* BACK TO TOP */
.to_top{position:fixed;z-index:9;width:70px;height:70px;bottom:20px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden;width: 70px;height: 70px;background: var(--mcolor);}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}



.swiper-slide,.sec06 .slick-slide {
  opacity: 0.2;
  transition: all 0.3s ease;
  pointer-events: none;
}
.sec06 .slick-slide.slick-current,
.sec06 .slick-slide.done,
.swiper-slide.swiper-slide-active,
.swiper-slide.swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
  transition: all 0.3s ease;
}
.s6_list .slick-track{}

/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;background: var(--mcolor);padding: 0 0 104px 0;}

/* BACK TO TOP */
.to_top{position:fixed;z-index: 8;width:70px;height:70px;bottom: 10px;right: 10px;cursor:pointer;margin: 0;transition:all .2s;opacity:0;visibility:hidden;width: 70px;height: 70px;background: var(--mcolor);border: 1px solid #fff;}
.to_top::after{content: '';position: absolute;top: calc((100% - 37px)/2);left: calc((100% - 22px)/2);background: url(../images/btn_top.png) no-repeat center/100%;width: 17px;height: 37px;}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}



.swiper-slide,.slick-slide {
  opacity: 0.2;
  transition: all 0.3s ease;
  pointer-events: none;
}
.slick-slide.slick-current,
.slick-slide.done,
.swiper-slide.swiper-slide-active,
.swiper-slide.swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
  transition: all 0.3s ease;
}
.s6_list .slick-track{}
.ft_address a{color: #fff;}
.not_call{pointer-events: none;}