@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/*==========================================================================*/
/*                                                                          */
/*    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, del{
  font-size: 160%;
  -webkit-text-size-adjust: none;
  font-weight: 400;
}
*,::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;}
video{max-width: 100%;height: auto;}
figure{margin: 0;}
figure:not(:last-child){margin-bottom: 20px;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff;font-size: 62.5%;}
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: 1.8;letter-spacing: 0.05rem;}
p{margin: 0 0 1.5em;}
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_u{text-decoration: underline;}
.f_big{font-size: 150%;}
.f_sm{font-size: 80%;}
.m0a{display: block;margin-left: auto;margin-right: auto;}

:root {
  --txt: #333333;
  --mcolor: #2A61B3;
  --scolor: #14A5A0;
  --container: 1220px;

  --gray: #EFFAFF;
  --red: red;
  --org: #FB8F03;

  --f-main: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif ;
}

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

/*==========================================================
                       H E A D E R
==========================================================*/
/* HAMBUGER BUTTON */
.hamburger{font:inherit;overflow:visible;margin:0;padding: 0.7rem 0.8rem 0.5rem;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;width: 8rem;height: 7rem;border-radius: 0.5rem;background-color: var(--txt);display: block;z-index: 10;}
.hamburger-box{position:relative;display:inline-block;width:100%;height:100%;display: flex;justify-content: center;align-items: flex-end;}
.hamburger-inner{top:30%;display:block;}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:3rem;height:1px;transition:all ease 0.15s;background-color:#fff}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-1rem}
.hamburger-inner::after{bottom:-1rem}
.hamburger--3dxy .hamburger-box{perspective:8rem}
.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,1rem,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-1rem,0) rotate(-45deg)}
.hamburger .hamburger-box .hamburger-txt {font-size: 1.5rem;font-weight: bold;color: #FFF;text-align: center;padding-bottom: 0.3rem;}

header{position: relative; z-index:9;}
h1{font-size:1.2rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 500;position: absolute;}
.h_box{width:100%;position: fixed;top: 3.8rem;transition:all 0.3s}
.h_inner{width: 98%;max-width: 180rem;margin: 0 auto;border-radius: 1rem;background-color: #FFF;box-shadow: 0 0 0.6rem rgba(0,0,0,0.16);padding: 0.9rem 2.6% 0.9rem 2.1%;display:flex;justify-content:space-between;align-items: center;height: 100%;position: relative;}
.h_slg {gap: 1rem;display: flex;}
.h_slg li{font-size: 1.4rem;font-weight: bold;text-align: center;padding: 0.8rem 2rem 0.6rem;background-color: #DCF0F8;color: var(--mcolor);display: flex;justify-content: center;align-items: center;line-height: 1.3;letter-spacing: 0;white-space: nowrap;}
.h_right {display: flex;align-items: center;gap: 1.3rem;}
.h_contact {display: flex;align-items: center;gap: 3rem;}
.h_contact p{margin: 0;}
.h_contact_tel a{font-size: 4rem;font-weight: bold;position: relative;padding-left: 4.2rem;white-space: nowrap;letter-spacing: 0;}
.h_contact_tel a::before{content: '';position: absolute;width: 3.6rem;height: 3.6rem;border-radius: 50%;background:url('../images/ic_tel.svg') no-repeat center var(--org);left: 0;top: 50%;transform: translateY(-50%);}
.h_contact_fax a{font-size: 3rem;font-weight: bold;position: relative;display: flex;align-items: center;gap: 0.5rem;white-space: nowrap;letter-spacing: 0;}
.h_contact_fax a::before{content: '訪 問';display: inline-block;color: #FFF;font-size: 1.8rem;font-weight: bold;background-color: #14A5A0;border-radius: 99.9rem;width: 10rem;height: 3rem;display: flex;justify-content: center;align-items: center;padding-top: 0.3rem;}
nav{display: none;width: 100%;height: 100%;min-width: 100vw;min-height: 100vh;background-color: var(--mcolor);position: absolute;top: 0;left: 0;}
.nav_list {display: flex;justify-content: space-between;gap: 4rem;position: relative;}
.nav_list li:last-child{margin-bottom: 0;}
.nav_list li a{position: relative;padding-left: 2rem;font-size: 1.8rem;letter-spacing: 0.1rem;}
.nav_list li a,.nav_list li .hook{color: #FFF;}
.nav_list li a::before{content: "";position: absolute;width:1rem;height: 0.7rem;background: url('../images/ft_link_ic.svg') no-repeat center /contain;top: calc(50% - 0.4rem);left: 0;}
.nav_list li .hook,.nav_list li.big a{position: relative;padding-left: 2rem;display: block;border-bottom: 1px solid #FFF;padding-bottom: 1px;margin-bottom: 0.9rem;font-size: 2rem;font-weight: 500;letter-spacing: 0.1rem;}
.nav_list li .hook::before,.nav_list li.big a::before{content: "";position: absolute;width: 0.9rem;height: 0.9rem;background: #FFF;top: calc(50% - 1.1rem);left: 0;border-radius: 50%;}

/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;}
.mv{position: relative;}
.mv_box {background: url('../images/mv_bg.jpg') no-repeat center /cover;height: 90rem;position: relative;}
.mv_box::after{content: "";position: absolute;width: 100%;height:31.3rem;background: linear-gradient(to bottom,#fff,#A9A9A9);bottom: 0;left: 0;z-index: 0;mix-blend-mode: multiply;pointer-events: none;}
.mv_box .inner{height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;position: relative;z-index: 2;}

.mv_tt{font-weight: 600;text-align: center;color: #FFF;text-shadow: 0 0 0.5rem rgba(25,25,25,1);line-height: 1.3;}
.mv_tt .sm{font-size: 3.5rem;display: inline-block;position: relative;letter-spacing: 0.08rem;}
.mv_tt .sm::before{content: '';position: absolute;width: 18rem;height: 18rem;background: url('../images/mv_tt_ic.svg') no-repeat center /contain;left: -17.6rem;top: -12.6rem;}
.mv_tt .sm span{font-size: 4rem;}
.mv_tt .lg{font-size: 6.7rem;display: block;}
.mv_tt .lg span{font-size: 7.4rem;}
.mv_bnn {background-color: #e5f3f9;position: relative;}
.mv_bnn::after{content: '';position: absolute;width: 100%;height: 100%;clip-path: polygon(100% 0, 0% 100%, 100% 100%);background-color: #d7f0f9;bottom: 0;left: 0;pointer-events: none;z-index:1;}
.mv_bnn_box {position: relative;z-index: 2;}
.mv_bnn_box::before{content: '';position: absolute;width: calc(100% - 1rem);height: calc(100% - 1rem);top: 0.5rem;left: 0.5rem;border: 1px solid #DCF0F8;pointer-events: none;z-index: 2;}
.mv_bnn_box *{color: #FFF;}
.mv_bnn_body {background-image: linear-gradient(to right, #2a61b3,#0146ae 90%);display: flex;flex-direction: column;justify-content: center;}
.mv_bnn_body::before,.mv_bnn_body::after{content: "";content: '';position: absolute;background: url('../images/mv_bnn_ic.png') no-repeat center top /100% auto;right: 0;width: 12rem;pointer-events: none;mix-blend-mode: screen;}
.mv_bnn_body::before{top: 0;height: 9rem;}
.mv_bnn_body::after{background-position: center bottom;bottom: 0;height: 12rem}
.mv_bnn_body .tt {font-size: 3.4rem;position: relative;font-weight: 500;padding-left: 4.6rem;margin-bottom: 0;line-height: 1.6;}
.mv_bnn_body .tt::before{content: "";position: absolute;width: 3.6rem;height: 3.6rem;background: url('../images/mv_bnn_tel.svg') no-repeat center /contain;left: 0;top: 50%;transform: translateY(-50%);}
.mv_bnn_body .des {font-size: 1.8rem;font-weight: 500;margin-bottom: 2.3rem;line-height: 1.65;letter-spacing: 0;}
.mv_bnn_body .des .line{text-decoration: underline;text-underline-offset: 0.2rem;}
.mv_bnn_body .des .s1{margin-right: 0.8rem;}
.mv_bnn_body .cta .key {font-size: 2rem;font-weight: bold;text-align: center;color: #2A61B3;border-radius: 99.9rem;background-color: #FFF;margin: 0;padding: 0.2rem 2rem;letter-spacing: 0;}
.mv_bnn_body .cta .tel {font-size: 3rem;font-weight: 500;line-height: 1;white-space: nowrap;letter-spacing: 0;}
.mv_bnn_body .cta .tel .num {font-size: 4rem;font-weight: bold;margin-left: 1rem;}
@media screen and (min-width: 751px) {
  nav{top:-3.8rem}
  nav .inner{height: 100%;display: flex;flex-direction: column;justify-content: center;padding-bottom: 4.9rem;}
  h1{top: 10px;width: 98%;max-width: 180rem;left: 50%;transform: translateX(-50%);padding-left: 4rem;letter-spacing: 0.06rem;}
  body.is_nav{overflow: hidden;}
  /* body.is_scroll .h_box{top:0} */
  /* body.is_scroll nav{top:0} */
  #logo {margin-top: 0.4rem;max-width: 32%;}
  .h_left {display: flex;align-items: center;gap: 2.2rem;}
  .mv_box{padding: 5rem 0 11.3rem;min-height: 60vh;}
  .nav_list{margin-bottom: 4.7rem;}
  .nav_list li{margin-bottom: 2.8rem;}
  .nav_list li .sub {display: flex;gap: 4rem;}
  .nav_list li .sub ul:nth-of-type(1){min-width: 15.3rem;}
  .nav_list > li:nth-of-type(1){width: 10rem;}
  .nav_list > li:nth-of-type(2){width: 31.5rem;}
  .nav_list > li:nth-of-type(3){width: 62.5rem;}
  .h_slg li:nth-of-type(1){padding-left: 2.7rem;padding-right: 2.7rem;}
  .h_slg li:nth-of-type(2){padding-left: 2.3rem;padding-right: 2.3rem;}
  .mv_bnn_box {display: flex;transform: translateY(-5rem);}
  .mv_bnn_body{padding: 0.5rem 10rem 1.5rem;width: calc(100% - 34rem);margin-left: -2rem;}
  .mv_bnn_body .cta {display: flex;align-items: center;gap: 2rem;}
  .mv_bnn_pick {clip-path: polygon(0 0, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 0 100%);width: 36rem;}

}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
.org{color: var(--org);}
.blue{color: var(--mcolor);}
.green{color: var(--scolor);}
/* DEFAULT TITLE */
.ttl_h2 {font-weight: bold;font-size: 4rem;margin-bottom: 3rem;line-height: 1.55;}
.ttl_h2:last-child{margin-bottom: 0;}
.ttl_h2 .sm{display: block;font-size: 3rem;}
.ttl_h2 .sm1 {font-size: 3rem;font-weight: 400;display: block;}
.ttl_h2 .sm2 {font-size: 3.5rem;}
.ttl_h3{font-size: 3rem;font-weight: bold;line-height: 1.8;margin-bottom: 2rem;}

/* DEFAUTL NAME BUTTON */
.btn a{width: 30rem; height: 6rem; border-radius: 99.9rem; display: flex; justify-content: center; flex-direction: column;align-items: center; color: #FFF;font-size: 1.8rem;font-weight: bold;background-color: var(--mcolor);position: relative;max-width: 100%;line-height: 1.4;text-align: center;}
.btn a::after{content: '';position: absolute;width: 1rem;height: 1.1rem;top: 50%;transform: translateY(-50%);right: 2rem;background-color: #FFF;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.btn.center a{margin-left: auto; margin-right: auto;}

.btn_box:not(:last-child){margin-bottom: 3rem;}
.btn_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.btn_box .btn{margin: 1rem;}

/*============= SEC01 ==============*/
.sec01_logo {display: flex;justify-content: space-between;align-items: center;gap: 3.4rem;margin-bottom: 2.2rem;padding-top: 0.5rem;}
.sec01_logo dt{flex-shrink: 0;}
.sec01_logo dd{font-size: 1.5rem;font-weight: bold;color: #0271BB;padding: 1rem 1rem;border-top: 1px solid #0271BB;border-bottom: 1px solid #0271BB;display: flex;justify-content: center;align-items: center;width: 100%;}
.sec01_slg {gap: 1rem;display: flex;justify-content: space-between;margin-bottom: 2.9rem;}
.sec01_slg li{font-weight: bold;text-align: center;padding: 1rem 2.2rem;background-color: #DCF0F8;color: var(--mcolor);display: flex;justify-content: center;align-items: center;line-height: 1.25;letter-spacing: 0;}
.sec01_calendar {margin-bottom: 0.7rem;}
.sec01_time {display: flex;justify-content: space-between;align-items: center;font-size: 1.8rem;font-weight: bold;padding: 0 1.8rem 0 2rem;letter-spacing: 0.11rem;}
.sec01_map {margin-bottom: 0.7rem;border-radius: 1rem;overflow: hidden;}
.sec01_add {font-weight: bold;margin-bottom: 1rem;letter-spacing: 0.01rem;}
.sec01_cta {display: flex;justify-content: space-between;gap: 1rem;}
.sec01_cta li a{font-size: 1.5rem;font-weight: bold;display: flex;justify-content: center;align-items: center;border-radius: 99.9rem;border: 1px solid #2A61B3;width: 28rem;height: 4rem;letter-spacing: 0.09rem;text-decoration: underline;}
.sec01_cta li a > span{display: inline-block;position: relative;padding-left: 1.8rem;}
.sec01_cta li a > span::before{top: 50%;transform: translateY(-50%);content: '';position: absolute;left: 0;}
.sec01_cta li.car a > span{padding-left: 3rem;}
.sec01_cta li.car a > span::before{width: 1.6rem;height: 1.4rem;background: url('../images/ic_car.svg') no-repeat center /contain;left: 0.4rem;}
.sec01_cta li.map a > span::before{width: 1.1rem;height: 1.8rem;background: url('../images/ic_add.svg') no-repeat center /contain;left: 0.2rem;}

.cta_box li a{color: #FFF;display: flex;justify-content: center;align-items: center;gap: 3rem;width: 58rem;height: 10rem;border-radius: 99.9rem;position: relative;}
.cta_box li a::before{content: ''; position: absolute; width: calc(100% - 0.4rem); height: calc(100% - 0.4rem); top: 0.2rem; left: 0.2rem; border: 1px solid #FFF; pointer-events: none; z-index: 2;border-radius:99.9rem;}
.cta_box li a .key{font-size: 2.6rem;font-weight: bold;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;width: 12rem;text-align: center;line-height: 1.86;letter-spacing: 0.25rem;padding-left: 0.3rem;}
.cta_box li a .tel{font-size: 4rem;font-weight: bold;position: relative;padding-left: 6rem;}
.cta_box li a .tel::before{content: '';position: absolute;width: 5rem;height: 5rem;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);background: url('../images/ic_tel_org.svg') no-repeat center right 1.8rem /2rem #FFF;}
.cta_box .cta_tel a{background: var(--org);}
.cta_box .cta_tel a .tel::before{background-image:url('../images/ic_tel_org.svg')}
.cta_box .cta_tel a .slg{font-size:2.4rem;font-weight: bold;margin-bottom:-20px}
.cta_box .cta_tel a .slg.sm{font-size:1.8rem;margin-bottom:-15px}
.cta_box .cta_tel a:has(.slg){padding-top: 1.2rem}
.cta_box .cta_fax a{background: var(--scolor);}
.cta_box .cta_fax a .tel::before{background-image:url('../images/ic_tel_green.svg')}
.cta_box .cta_contact a{background: var(--scolor);font-size:2.6rem;font-weight: bold;line-height:1.3}
.cta_box .cta_contact a .tel::before{background-image:url('../images/ic_tel_green.svg')}

@media screen and (min-width: 751px) {
  .sec01{padding: 10rem 0 5.1rem;}
  .sec01_box {display: flex;justify-content: space-between;margin-bottom: 3.9rem;}
  .sec01_box .box_l,.sec01_box .box_r{width: calc(50% - 2rem);}
  .cta_box {display: flex;justify-content: center;align-items: center;gap: 4rem;}
  .btn.lg a{width: 59rem;}
  .cta_box .cta_contact a:hover{background: var(--mcolor);}

}
/*============= SEC02 ==============*/
.sec02_top {display: flex;justify-content: center;align-items: center;}
.sec02_top li{width: 50%;position: relative;}
.sec02_top li .ico {font-size: 2.8rem;font-weight: bold;width: 20rem;height: 20rem;border-radius: 50%;color: #FFF;display: flex;justify-content: center;align-items: center;position: absolute;bottom: 1.8rem;z-index: 2;letter-spacing: 0.16rem;}
.sec02_top li .ico::before{content: ''; position: absolute; width: calc(100% - 1.6rem); height: calc(100% - 1.6rem); top: 0.8rem; left: 0.8rem; border: 0.3rem solid #B7E0E4; pointer-events: none; z-index: 2; border-radius: 99.9rem;}
.sec02_top li:nth-of-type(1) .ico{background:url('../images/sec02_ic01.png') no-repeat center /14rem var(--mcolor);right: 5rem;}
.sec02_top li:nth-of-type(2) .ico{background:url('../images/sec02_ic02.png') no-repeat center /14rem var(--scolor);left: 5rem;}
.sec02_head{position: relative;background-color: #FFF;padding: 7.7rem 2rem 5.3rem;border-radius: 1rem;margin-top: -10rem;}
.pick_2col:last-child{margin-bottom: 0;}
.pick_2col .pick_img{position: relative;}
.pick_2col .pick_img .ico{position: absolute;width: 23rem;height: 23rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #FFF;background-color: var(--mcolor);right: 2rem;top: 2rem;}
.pick_2col .pick_img .ico .txt{font-size: 2.4rem;font-weight: bold;text-align: center;line-height: 1.45;padding-top: 1.4rem;}
.pick_2col .pick_img .ico .txt .sm{font-size: 2rem;letter-spacing: 0.13rem;}
.pick_2col .pick_img .ico img{position: absolute;top: 51%;left: 50%;transform: translate(-50%,-50%);}
.pick_2col .pick_img > img{border-radius: 1rem;}
.pick_2col .pick_body .des{letter-spacing: 0.08rem;}
.pick_2col .pick_body .des:last-child{margin-bottom: 0;}
.pick_body .tt {line-height: 1.6;}
.pick_body .tt .sm {font-size: 2.5rem;font-weight: 500;display: block;}
.pick_body .tt .lg {font-size: 4rem;font-weight: bold;color: var(--mcolor);display: block;}

.heading_box{position: relative;}
.heading_box .des{line-height: 2.18;letter-spacing: 0.08rem;}
.heading_box .img{border-radius: 10px;overflow: hidden;}
@media screen and (min-width: 751px) {
  .sec02{padding: 10rem 0 30.9rem;}
  .pick_2col{display: flex;justify-content: space-between;margin-bottom: 8rem;}
  .pick_2col .pick_img{width: calc(50% - 4rem);}
  .pick_2col .pick_body{width: 50%;}
  .pick_2col.reverse .pick_img{order: 2;}
  .pick_2col.reverse .pick_body{order: 1;}
  .pick_2col .pick_body .des.mb25{margin-bottom: 2.5rem;}
  .pick_2col .pick_body .des {margin-bottom: 3.6rem;margin-top: -0.3rem;}
  .sec02_top{overflow: hidden;}
  .sec02_top li:nth-of-type(1) .img{justify-content: flex-end;display: flex;align-items: center;}
  .sec02_top .img img{max-width: 96rem;}
  .heading_box{width: 50%;margin-bottom: 7.2rem;margin-left: auto;}
  .heading_box .img{right:calc(100% + 5.05rem);position: absolute;bottom: 1.3rem;margin: 0;width: 90.2rem;}
  .heading_box .img img{max-width: calc(100% + 0.8rem);}
  .heading_box.reverse{margin-left: 0;}
  .heading_box.reverse .img{left: calc(100% + 5rem);}
  .pick_body .tt {margin-bottom: 2.6rem;margin-top: -0.5rem;}

}

/*============= SEC03 ==============*/
.sec03 {background-color: #EFFAFF;}
.treatment_list li {border-radius: 1rem;overflow: hidden;position: relative;}
.treatment_list li p{margin: 0;}
.treatment_list li::before,.treatment_list li::after{content: "";position: absolute;width: 100%;mix-blend-mode: multiply;}
.treatment_list li::before{background-color: var(--mcolor);top: 1rem;left: 1rem;width: 5.7rem;height: 5.7rem;border-radius: 50%;}
.treatment_list li::after{height: 7.6rem;background-color: #102E5D;bottom: 0;left: 0;}
.treatment_list li .num {font-size: 2.8rem;color: #FFF;width: 5.7rem;height: 5.7rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;left: 1rem;top: 1rem;}
.treatment_list li .img {}
.treatment_list li .tt {font-size: 2rem;font-weight: bold;text-align: center;display: flex;justify-content: center;align-items: center;color: #FFF;position: absolute;bottom: 0;z-index: 2;width: 100%;min-height: 7.6rem;line-height: 1.48;padding-top: 0.3rem;letter-spacing: 0.05rem;}
.sec03_frame {background-color: #FFF;border: 0.5rem solid #14A5A0;border-radius: 1rem;}
.sec03_frame .ttl_h3 {color: var(--scolor);}
.sec03_frame .cta_fax{width: 100%;}
.sec03_frame .cta_fax a{width: 100%;}
.sec03_frame .des{letter-spacing: 0.08rem;}
@media screen and (min-width: 751px) {
  .sec03{padding: 9.6rem 0 15.1rem;}
  .treatment_list{display: flex;justify-content: center;gap: 2rem;margin-bottom: 10rem;}
  .sec03_frame{padding: 4.5rem;display: flex;gap: 4.1rem;}
  .sec03_frame .box_l {flex-shrink: 0;width: 40rem;}
  .sec03_frame .box_r {width: calc(100% - 44rem);margin-top: -0.7rem;}
  .sec03_frame .des{margin-bottom: 4.4rem;}
  .sec03_frame .cta_fax a .tel{letter-spacing: -0.04rem;}

}
/*============= SEC04 ==============*/
.sec04 {position: relative;}
.sec04 .inner{z-index: 2;}
.sec04::after{content: '';position: absolute;width: 100%;height: 36.5rem;background: url('../images/sec04_bg.png') repeat;bottom: 0;left: 0;z-index: 0;}
.tabs {display: flex;justify-content: center;gap: 1rem;}
.tabs .tab-link{font-size: 2.2rem;font-weight: bold;text-align: center;padding: 1.1rem 1rem 0.8rem;border-radius: 0.5rem 0.5rem 0 0;background-color: #E1E1E1;width: 49%;max-width: 58rem;}
.tabs .tab-link.current{background-color: var(--mcolor);color: #FFF;}
.tab-content {background-color: #FFF;padding: 3.6rem 3rem 3.9rem;border: 0.4rem solid var(--mcolor);}
.tab-content:not(.current){display: none;}
.sec04_list li a{aspect-ratio: 1/1;display: flex;justify-content: center;align-items: center;flex-direction: column;border: 0.2rem solid var(--mcolor);border-radius: 0.5rem;position: relative;}
.sec04_list li a::before,.sec04_list li a::after{content: '';position: absolute;}
.sec04_list li a::before{bottom: 0.5rem;right: 0.4rem;width: 0.6rem;height: 0.7rem;clip-path: polygon(0 0, 0% 100%, 100% 50%);background-color: #FFF;z-index: 2;}
.sec04_list li a::after{bottom: -0.2rem;right: -0.2rem;width: 3.5rem;height: 3.5rem;background-color: var(--mcolor);clip-path: polygon(100% 0, 0% 100%, 100% 100%);z-index: 1;border-bottom-right-radius: 0.5rem;}
.sec04_list li a .ico {margin-bottom: 0.8rem;width: 10rem;height: 10rem;border-radius: 50%;background: var(--mcolor);display: flex;justify-content: center;align-items: center;}
.sec04_list li a .tt {font-size: 2.2rem;text-align: center;font-weight: bold;min-height: 6rem;line-height: 1.4;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sec04_list li a .tt .sm {font-size: 1.7rem;}
.sec04_list li a .des {font-size: 1.8rem;font-weight: bold;text-align: center;line-height: 2.5;}
.sec04_list li a .des span{color: var(--mcolor);}
.sec04_list li.item_green a {border-color: var(--scolor);}
.sec04_list li.item_green a::after{background-color: var(--scolor);}
.sec04_list li.item_green a .des span{color: var(--scolor);}
.sec04_list li.item_green a .ico{background-color: var(--scolor);}


@media screen and (min-width: 751px) {
  .sec04{padding: 13.7rem 0 10.4rem;}
  .sec04 .ttl_h2{margin-bottom: 4.5rem;}
  .sec04 .ttl_h2 .sm{margin-bottom: 1rem;}
  .sec04_list {display: flex;justify-content: center;gap: 1rem;flex-wrap: wrap;}
  .sec04_list li:has(.ico) a{padding-top: 1.4rem;}
  .tabs .tab-link:not(.current){cursor: pointer;}
  .sec04_list li a{width: 21.6rem;}

}

/*============= SEC05 ==============*/
.sec05 {}
.sec05 .pick_2col.pick_2col_green .pick_img .ico{background-color: var(--scolor);}
.sec05 .pick_2col.pick_2col_green .pick_body .tt .lg{color: var(--scolor);}
.frame00 {padding: 3.4rem 3.9rem 2.7rem;border: 1px solid #2AB3AE;margin-bottom: 3rem;}
.frame00 .tt {padding: 0.4rem 1rem;color: #FFF;background-color: var(--scolor);font-size: 2rem;font-weight: bold;text-align: center;margin-bottom: 2.1rem;}
.frame00 .des {font-size: 1.8rem;font-weight: bold;line-height: 1.5;}
@media screen and (min-width: 751px) {
  .sec05{padding: 9.9rem 0 25.9rem;}
  .sec05 .pick_2col.pick_2col_green .pick_img .ico{width: 20rem;height: 20rem;padding-bottom: 1.3rem;left: 2rem;top: 2.3rem;}
  .sec05 .pick_2col.pick_2col_green .pick_img .ico .txt{font-size: 2.5rem;}
  .sec05 .frame00 .des{margin-bottom: 1.7rem;letter-spacing: 0;}
}
/*============= SEC06 ==============*/
.sec06 {background-color: #EFFAFF;}
@media screen and (min-width: 751px) {
  .sec06{padding-bottom: 15rem;padding-top: 9.5rem;}
  .sec06 .treatment_list{margin-bottom: 6rem;}
}

/*============= SEC07 ==============*/
.sec07_box {position: relative;max-width: 192rem;margin: 0 auto;}
.sec07_box::after{content: "";position: absolute;width: 96rem;background: url('../images/sec07_before.png') no-repeat center top /contain;right: 0;top: 0;pointer-events: none;max-width: 52%;aspect-ratio: 1/1;}
.sec07_box .inner{z-index: 2;}
.sec07_list {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 5.3rem 4rem;}
.sec07_item .img {position: relative;margin-bottom: 5.1rem;}
.sec07_item .img img{border-radius: 1rem;}
.sec07_item .img .num {width: 8rem;height: 8rem;border-radius: 50%;background-color: var(--mcolor);color: #FFF;font-size: 4rem;font-weight: 500;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);bottom: -4rem;z-index: 1;padding-top: 0.5rem;}
.sec07_item .tt {font-size: 3rem;font-weight: bold;margin-bottom: 1.4rem;text-align: center;line-height: 1.5;}
.sec07_item .tt span{color: var(--mcolor);}
.sec07_item .tag{display: flex;flex-wrap: wrap;gap: 1.1rem 1rem;margin-bottom: 2rem;}
.sec07_item .tag li{font-weight: bold;text-align: center;padding: 0.7rem 1.2rem;background-color: #DCF0F8;color: var(--mcolor);}
.sec07_item .des{letter-spacing: 0.08rem;}
@media screen and (min-width: 751px) {
  .sec07_box{padding: 14.7rem 0 4.6rem;}
  .sec07_item {width: 56rem;}
  .sec07_item:nth-of-type(2) .tt{margin-bottom: 0.9rem;}
  .sec07 .ttl_h2{margin-bottom: 4.7rem;}
  .sec07_item .tag{padding-top: 0.3rem;}
  .sec07_item .tag li:nth-of-type(1){width: 29rem;}
  .sec07_item .tag li:nth-of-type(2){width: 26rem;}
  .sec07_item .tag li{min-width: 18rem;text-align: center;display: flex;align-items: center;justify-content: center;padding-bottom: 0.3rem;letter-spacing: 0;}
}
/*============= SEC08 ==============*/
.sec08_top {display: flex;justify-content: space-between;}
.sec08_top .item img{border-radius: 1rem;}
.sec08_box {padding: 10rem 0 8rem;}
.author_box .author_company {font-size: 2.5rem;font-weight: 500;margin-bottom: 0;letter-spacing: 0.1rem;line-height: 1.6;}
.author_box .author_name {margin-bottom: 1.4rem;}
.author_box .author_name .key {font-size: 2rem;font-weight: 500;margin-right: 1rem;letter-spacing: 0.05rem;}
.author_box .author_name .name {font-size: 2.5rem;font-weight: bold;letter-spacing: 0.1rem;}
.author_box .author_name .name .sm {font-size: 1.8rem;letter-spacing: 0.1rem;}
.author_box .author_history {display: flex;align-items: center;padding: 1.6rem 0;border-top:1px solid #AAAAAA;border-bottom: 1px solid #AAAAAA;margin-bottom: 4rem;}
.author_box .author_history dt{font-size: 2rem;font-weight: bold;color: var(--mcolor);flex-shrink: 0;margin-right: 2rem;position: relative;line-height: 1.6;}
.author_box .author_history dd li{font-size: 1.8rem;font-weight: 500;position: relative;padding-left: 1.2rem;line-height: 1.6;letter-spacing: 0.08rem;}
.author_box .author_history dd li::before{content: "";position: absolute;width: 0.5rem;height: 0.6rem;background-color: var(--mcolor);clip-path: polygon(0 0, 0% 100%, 100% 50%);left: 0;top: calc(50% - 0.4rem);}

@media screen and (min-width: 751px) {
  .sec08{padding: 10rem 0 0;}
  .sec08_box .pick_body .ttl_h2 {margin-top: -0.4rem;margin-bottom: 3.6rem;}
  .sec08 .pick_2col .pick_body .des{margin-bottom: 1.7rem;}
  .sec08_top .item:nth-of-type(1){margin-top: 10rem;}
  .sec08_top .item:nth-of-type(2){margin-left: -40rem;}
}
/*============= SEC09 ==============*/
.sec09 {background: url('../images/sec09_bg.png') repeat;}
.sec09_box{border-radius: 1rem;position: relative;overflow: hidden;}
.sec09_box .box_l::before,.sec09_box .box_l::after{content: '';position: absolute;background: url('../images/sec09_box_before.png') no-repeat center top /100% auto;left: 0;width:13.3rem;pointer-events: none;mix-blend-mode: screen;}
.sec09_box .box_l::before{top: 0;height: 13.3rem;}
.sec09_box .box_l::after{background-position: center bottom;bottom: 0;height: 9rem}
.sec09_box .box_l *{position: relative;z-index: 2;}
.sec09_box .box_l{position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;background-color: var(--mcolor);}
.sec09_box .box_r .cta a{width: 9rem;height: 9rem;border-radius: 50%;border: 0.2rem solid #FFF;justify-content: center;align-items: center;color: #FFF;font-size: 1.8rem;font-weight: bold;text-align: center;background-color: #333333;display: flex;flex-direction: column;position: absolute;right: 2rem;bottom: 2rem;line-height: 1.1;padding-top: 0.4rem;}
.sec09_box .box_r .cta a::after{content: '';width: 1.1rem;height: 1rem;clip-path: polygon(0 0, 0% 100%, 100% 50%);background-color: #FFF;margin: 0.7rem auto 0;}
.sec09_head .ttl_h2 {margin: 0;color: #FFF;}
.sec09_head ul{display: flex;align-items: center;gap: 1rem;}
.sec09_head ul li{padding: 0.8rem 1rem 0.6rem;background-color: #FFF;text-align: center;font-size: 2rem;font-weight: bold;color: var(--mcolor);min-width: 16rem;}
.sec09_box .des {font-size: 2rem;font-weight: 500;margin-bottom: 1rem;color: #FFF;letter-spacing: 0;}
.sec09_list li{color: #FFF;display:block;padding-left:2.5rem;position:relative;font-size: 2rem;font-weight: 500;letter-spacing: 0;}
.sec09_list li::before{background-color: #FFF;width:1.6rem;height:1.6rem;position:absolute;top:1rem;left:0;content:'';border-radius: 50%;}


@media screen and (min-width: 751px) {
  .sec09{padding: 8rem 0;}
  .sec09_box{display: flex;justify-content: space-between;}
  .sec09_box .box_l{padding: 1rem 5rem;clip-path: polygon(0% 0%, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 0% 100%);width: calc(100% - 54rem);}
  .sec09_head {display: flex;gap: 1.9rem;align-items: center;margin-bottom: 1rem;}
  .sec09_box .box_r {margin-left: -2rem;width: 56rem;position: relative;}
  .ft_links > li:nth-of-type(1){width: 20rem;}
  .ft_links > li:nth-of-type(2){width: 30rem;}
  .ft_links > li:nth-of-type(3){width: 61.9rem;}
  .ft_links li .child {display: flex;gap: 4rem;}
  .ft_links li .child ul:nth-of-type(1){min-width: 13.8rem;}
  .ft_links {display: flex;justify-content: space-between;gap: 4rem;padding: 8.8rem 0 10.7rem;position: relative;}
  .ft_bnn{gap: 2rem;padding: 4rem 0 5.1rem;}

}
/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;}
.ft_box{position: relative;z-index: 1;}
.ft_box::before{content: '';position: absolute;width: 130rem;height: 12rem;top: -10rem;background-color: #FFF;left: 50%;transform: translateX(-50%);z-index: -1;pointer-events: none;border-radius: 1rem;}
.ft_box .cta_box{margin-bottom: 5.6rem;}
.ft_des {font-size: 14px;font-weight: 500;margin-bottom: 5.6rem;letter-spacing: 0.08rem;}
.ft_links {position: relative;}
.ft_links::after{content: '';position: absolute;width: 192rem;height: 100%;min-width: 100vw;left: 50%;transform: translateX(-50%);top: 0;background-color: var(--mcolor);z-index: -1;pointer-events: none;}
.ft_links *{color: #FFF;}
.ft_links li{margin-bottom: 0.6rem;}
.ft_links li:last-child{margin-bottom: 0;}
.ft_links li a{position: relative;padding-left: 2rem;letter-spacing: 0.09rem;}
.ft_links li a::before{content: "";position: absolute;width:1rem;height: 0.7rem;background: url('../images/ft_link_ic.svg') no-repeat center /contain;top: calc(50% - 0.4rem);left: 0;}
.ft_links li .big {position: relative;padding-left: 2rem;display: block;border-bottom: 1px solid #FFF;padding-bottom: 1px;margin-bottom: 1.3rem;letter-spacing: 0.1rem;}
.ft_links li .big::before{content: "";position: absolute;width: 0.9rem;height: 0.9rem;background: #FFF;top: calc(50% - 0.7rem);left: 0;border-radius: 50%;}

.ft_bnn {display: flex;align-items: center;flex-wrap: wrap}
.ft_bnn li a{font-size: 2rem;font-weight: 500;display: flex;justify-content: center;align-items: center;height: 6.5rem;}
.ft_bnn li:has(.txt) a{border: 0.2rem solid var(--mcolor);width: 25rem;overflow: hidden;}
.ft_bnn li a img{flex-shrink: 0;}
.ft_bnn li a .txt{text-align: center;display: block;width: 100%;}

address{background-color: #000000;padding: 2rem;color:#fff;text-align:center;font-size: 1.2rem;letter-spacing: 0.1rem;}

/* BACK TO TOP */
.to_top{position:fixed;z-index:8;width:7rem;height:7rem;bottom:2rem;right:2rem;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden;background-color: var(--txt);}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}
.to_top::after{content: "";position: absolute;width: 1.5rem;height: 1.3rem;clip-path: polygon(50% 0%, 100% 100%, 0 100%);background-color: #FFF;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/* 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) {}