@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: 1.8rem;
  -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:#f1f7fc;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.9;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);}
.blue{color: var(--mcolor);}
.green{color: var(--green);}
.txt_u{text-decoration: underline;}
.f_big{font-size: 150%;}
.f_sm{font-size: 80%;}
.m0a{display: block;margin-left: auto;margin-right: auto;}
.desc{font-size: 2rem;}
.fw5{font-weight: 500;}
.link,.link_out{text-decoration: underline;color: var(--mcolor);text-underline-offset: 3px;}
:root {
  --txt: #000;
  --mcolor: #1c6799;
  --scolor: #78b4e6;
  --container: 123rem;

  --gray: #c9e1f5;
  --green: #0b7d89;
  --red: red;

  --f-main: 'Noto Sans JP', sans-serif;
  --f-os: 'Open Sans', 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 1.5rem;}

/*==========================================================
                       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:35px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:35px;height:2px;transition:all ease 0.15s;background-color:#000}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.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,10px,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}

header{position: relative; z-index:10;}
h1{padding-top: 0.6rem;}
.h_box{width:100%;position: fixed;background-color: #fff;height: 10rem;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;max-width: 192rem;margin: 0 auto;padding-left: 2rem;}

.h_contact {display: flex;align-items: center;height: 100%;gap: 2rem;}
.h_contact > p{margin: 0;text-align: center;}
.h_contact_tel{padding-top: 1.3rem;}
.h_contact_tel .tt1 {font-size: 1.2rem;text-align: center;color: var(--mcolor);margin-bottom: 0.5rem;display: block;line-height: 1;font-weight: 500;}
.h_contact_tel .tel {font-size: 2.6rem;font-weight: 600;padding-left: 2.3rem;position: relative;color: var(--mcolor);display: block;line-height: 1;margin-bottom: 0.2rem;}
.h_contact_tel .tel::before{content: "";width: 2rem;height: 2rem;background: url('../images/ic_tel.png') no-repeat center /contain;position: absolute;left: 0;top: 0.6rem;}
.h_contact_tel .time {font-size: 1.5rem;display: block;font-weight: 600;color: var(--mcolor);}
.h_contact_tel .time span{display: inline-block;padding: 0.1rem 1rem;border-radius: 99.9rem;margin-right: 0.7rem;color: #FFF;background-color: var(--mcolor);font-size: 1.4rem;line-height: 1.2;font-weight: 500;}
.h_contact_mail a{width: 14rem;height: 10rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #32aabe;color: #FFF;font-size: 1.4rem;font-weight: 300;line-height: 1.35;border-radius: 0 0 0 2rem;padding-top: 0.2rem;}
.h_contact_mail a::before{content: "";width: 3rem;height: 2rem;background: url('../images/ic_mail.png') no-repeat center /contain;margin: 0 auto 0.8rem;display: block;}
.h_contact_mail .lg {font-size: 1.8rem;font-weight: bold;}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 4;padding-top: 12rem;}
.mv{position: relative;padding: 0;}
.mv::before{content: '';position: absolute;width: 100%;height: calc(50% + 2rem);top: -2rem;left: 0;background-color: #FFF;z-index: -1;}
.mv_pick {width: 64.7%;max-width: 124rem;position: relative;display: flex;justify-content: flex-end;}
.mv_pick img{border-radius: 0 99.9rem 99.9rem 0;}
.mv_pick::after{content: '';position: absolute;width: 41.8rem;height: 17.2rem;background: url('../images/mv_icon.png') no-repeat center /contain;bottom: -3rem;right: -8.2rem;z-index: 1;}
.mv_body {position: relative;}
.mv_body::after{content: '';position: absolute;width: 64.2rem;height: 57rem;background: url('../images/mv_map.png') no-repeat center /contain;left: 51%;top: 55%;transform: translate(-50%, -50%);z-index: -1;}
.mv_tt {font-size: 6rem;font-weight: bold;text-align: center;color: #585656;margin-bottom: 2.1rem;z-index: 1;position: relative;line-height: 1.75;}
.mv_tt span{font-size: 8.4rem;display: inline-block;border-radius: 50%;line-height: 1;padding: 0.6rem 1rem 1.1rem;}
.mv_tt .bg01{color: #32aabe;}
.mv_tt .bg02{color: #78b4e6;}
.mv_tt .bg01::after{background-color: #d6eef2;}
.mv_tt .bg02::after{background-color: #d6e8f7;}
.mv_tt .dot{position: relative;}
.mv_tt .dot::after{content: '';position: absolute;width: 10rem;height: 10rem;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
.mv_des{width: fit-content;margin-left: auto;margin-right: auto;letter-spacing: -0.03rem;color: #333333;}
.mv_des > span {display: block;border-bottom: 0.1rem solid #dbdcdc;text-align: center;font-weight: 500;line-height: 1.95;}
.mv_des > span:first-child{border-top: 0.1rem solid #dbdcdc;}
.mv_tt .dot01{margin-right: -1.9rem;margin-left: -1rem;}
.mv_tt .dot02{margin-right: -1.2rem;}
.mv_tt .dot03{margin-right: -2rem;margin-left: -0.8rem;}
.mv_tt .dot04{margin-right: -1.2rem;}
.dot.bg02::before{background: #78b4e6;}
@media screen and (min-width: 751px) {
  .mv_pick{order: 1;}
  .mv_pick img{max-width: 124rem;}
  .mv_body{order: 2;padding-top: 2.3rem;}
  .mv_box {display: flex;align-items: center;gap: 3%;margin: 0 auto;max-width: 192rem;}
  .mv_des > span:nth-of-type(2){letter-spacing: -.1rem;}
  .mv_des > span:nth-of-type(3){letter-spacing: -.15rem;}
}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.dot{position: relative;display: inline-block;}
.dot::before{content: '';position: absolute;width: 10px;height: 10px;border-radius: 50%;background-color: #32aabe;left: calc(50% - 0.5rem);top: -0.8rem;}
.ttl_h3_en{font-family: var(--f-os);font-size: 2rem;color: #FFF;width: fit-content;margin: 0 auto 0.2rem;padding: 0.7rem 1.7rem;border-radius:99.9rem;font-weight: 400;background-color: var(--scolor);line-height: 1;position: relative;letter-spacing: 0.15rem;min-width: 14rem;text-align: center;}
.ttl_h3_ico{text-align: center;margin: 0 auto 2rem;}
.ttl_h3{font-size: 4.4rem;color: #585656;font-weight: 500;margin-bottom: 5.7rem;position: relative;z-index: 1;letter-spacing: -0.15rem;}
.ttl_h3:last-child{margin-bottom: 0;}
.ttl_h3 .lg{font-size: 5.3rem;}
.ttl_h3 .line{position: relative;}
.ttl_h3 .line::after{content: '';position: absolute;width: 100%;height: 1.5rem;background: url('../images/ttl_h3_line.png') repeat-x left -1.5rem top /auto 100%;left: 0;bottom: 0.2rem;z-index: -1;}

.ttl_h4{font-size: 2.4rem;font-weight: 600;color: #333333;line-height: 1.8;margin-bottom: 3rem;letter-spacing: -.14rem;}
.ttl_h4 .lg{font-size: 3rem;}
.ttl_h4 .lg2{font-size: 3.4rem;line-height: 1.1;}
.ttl_h4 .dot::before{width:4px;height:4px;left: calc(50% - 2px);top: -0.3rem;}
.ttl_h4 .dot.blue::before{background-color: var(--mcolor);}


/* DEFAUTL NAME BUTTON */
.btn a{width: 42rem;height: 8rem;border-radius: 99.9rem;display: flex;justify-content: center;align-items: center;background: url('../images/btn_ic.png') no-repeat right 3.2rem center /0.8rem #585656;font-size: 2rem;color: #fff;box-shadow: 0 0.5rem 0 rgba(28, 103, 153, 0.4);max-width: 100%;padding: 0 4rem;line-height: 1.4;text-align: center;}
.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;gap: 4rem;}
.btn_box .btn{margin: 0;}

/*============= SEC01 ==============*/
.sec01 {position: relative;}
.sec01::after{content: '';position: absolute;width: 192rem;min-width: 100%;height: 71.2rem;background: url('../images/sec01_bg.png') no-repeat center top/cover;left: 50%;bottom: 0;z-index: -1;pointer-events: none;transform: translateX(-50%);}
.sec01_slg {width: fit-content;margin: 0 auto 1.9rem;position: relative;font-size: 2.8rem;font-weight: 600;color: #585656;letter-spacing: -.16rem;transform: translateX(-0.8rem);}
.sec01_slg::after{content: "";position: absolute;width: 37.5rem;height: 9.6rem;background: url('../images/sec01_tt1_bg.png') no-repeat center /contain;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.sec01_h3 > span {position: relative;display: inline-block;padding: 0 4.8rem 0 6.1rem;}
.sec01_h3 > span::before,.sec01_h3 > span::after{content: '';position: absolute;width:4.5rem;height: 5.1rem;top: -3rem;}
.sec01_h3 > span::before{left: 0;background: url('../images/sec01_h3_ic.png') no-repeat center left /auto 100%;}
.sec01_h3 > span::after{right: 0;background: url('../images/sec01_h3_ic.png') no-repeat center right /auto 100%;}
.sec01_ballon li{background-color: #FFF;display: flex;justify-content: center;align-items: center;box-shadow: 0.5rem 0.5rem 0 rgba(28, 103, 153, 0.1);position: relative;font-size: 2.2rem;text-align: center;line-height: 1.55;color: #333333;}
.sec01_ballon li{color: #333333;}
.sec01_ballon li::after{content: '';position: absolute;width: 10.3rem;height: 7.6rem;z-index: 0;}
.sec01_ballon li::before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-color: #FFF;pointer-events: none;border-radius: 2rem;}
.sec01_ballon li a > span{position: relative;z-index: 2;}
.sec01_people {text-align: center;position: relative;z-index: 2;margin: -10.3rem -2.7rem -1px 0;pointer-events: none;}

@media screen and (min-width: 751px) {
  .sec01{padding: 8.9rem 0 12rem;}
  .sec01_head{margin-bottom: 5.7rem;}
  .sec01_ballon {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 12.2rem 2rem;padding-top: 4rem;}
  .sec01_ballon li{width: calc(33% - 1rem);max-width: 38.2rem;font-weight: 500;height: 16rem;padding-bottom: 0.8rem;border-radius: 2rem;letter-spacing: -.1rem;padding-left: 0.8rem;cursor: pointer;}
  .sec01_ballon li:nth-of-type(2){margin-top: -4rem;}
  .sec01_ballon li:nth-of-type(5){margin-top: -8rem;}
  .sec01_ballon li:nth-of-type(1)::after{background: url('../images/sec01_bloon_ic1.png') no-repeat center /contain;bottom: -5.6rem;right: 7.8rem;}
  .sec01_ballon li:nth-of-type(2)::after{background: url('../images/sec01_bloon_ic2.png') no-repeat center /contain;bottom: -5.7rem;left: 8.5rem;}
  .sec01_ballon li:nth-of-type(3)::after{background: url('../images/sec01_bloon_ic3.png') no-repeat center /contain;bottom: -5.6rem;left: 5.2rem;}
  .sec01_ballon li:nth-of-type(4)::after{background: url('../images/sec01_bloon_ic4.png') no-repeat center /contain;bottom: -5.4rem;left: 16rem;}
  .sec01_ballon li:nth-of-type(5)::after{background: url('../images/sec01_bloon_ic5.png') no-repeat center /contain;bottom: -5.4rem;right: 6.3rem;}
  .sec01_ballon li:nth-of-type(6)::after{background: url('../images/sec01_bloon_ic6.png') no-repeat center /contain;bottom: -5.4rem;left: 13.3rem;}
  .ttl_h4 .row{display: block;border-bottom: 0.1rem solid #78b4e6;padding-bottom: 0.3rem;}
  .ttl_h4 .row:not(:last-child){margin-bottom: 1.2rem;}
  .btn.lg a{width: 54rem;}
  .sec01_ballon li:hover{opacity: 0.8;}

}

/*============= SEC02 ==============*/
.sec02 {position: relative;z-index: 2;}
.sec02_box {position: relative;padding: 11.9rem 0 13.4rem;z-index: 2;}
.sec02_box::after{content: '';position: absolute;width: 32.3rem;height: 14.7rem;background: url('../images/sec02_af.png') no-repeat center /contain;bottom: 1.2rem;left: 0.6rem;z-index: 1;}

@media screen and (min-width: 751px) {
  .sec02{margin-top: -12rem;overflow: hidden;padding-bottom: 10px;}
  .sec02_head {margin-bottom: 6.8rem;}
  .sec02_body {max-width: 56rem;width: 50%;margin-left: auto;}
  .sec02_box::before{content: '';position: absolute;width: 160rem;height: 100%;max-width: 90vw;min-width: 100%;left: 50%;top: 0;transform: translateX(-50%);z-index: -2;pointer-events: none;background-color: #FFF;border-radius: 2rem;box-shadow: 0.5rem 0.5rem 0 rgba(28, 103, 153, 0.1);}
  .sec02_map{position: absolute;bottom: -0.3rem;left: 4rem;z-index: -1;pointer-events: none;}
  .sec02 .ttl_h4{width: max-content;}
  .sec03_list{margin-bottom: 7.6rem;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 4rem 1rem;}
  .sec03_list dl {width: 48%;max-width: 56rem}
  .sec03_list dl dt img{max-width: calc(100% + 0.8rem);max-height:calc(100% + 0.8rem);margin-left: -0.4rem;margin-top: -0.4rem;transition: all 0.3s;}
}

/*============= SEC03 ==============*/
.sec03 {position: relative;}
.sec03::after{content: '';position: absolute;width: 192rem;height:28.8rem;background: url('../images/sec03_af.png') no-repeat center/cover;left: 50%;bottom: 6rem;z-index: -1;pointer-events: none;transform: translateX(-50%);}
.sec03_box{position: relative;}
.sec03_box::before,.sec03_box::after{content: '';position: absolute;width: 10.7rem;height:21rem;bottom: -12rem;z-index: 1;}
.sec03_box::before{left: 13.4%;background: url('../images/sec03_ic01.png') no-repeat center /contain;}
.sec03_box::after{right: 13.4%;background: url('../images/sec03_ic02.png') no-repeat center /contain;}
.sec03_list dl dt {border: 0.4rem solid #d6e8f7;border-radius: 2rem;margin-bottom: 2.4rem;overflow: hidden;aspect-ratio: 2/1;}
.sec03_list dl .tt{font-size: 2.8rem;font-weight: 600;color: var(--mcolor);z-index: 1;position: relative;padding-left: 3rem;line-height: 1.4;margin-bottom: 0.9rem;}
.sec03_list dl .tt .num {font-size: 7.8rem;font-family: var(--f-os);color: #c9e1f5;width: 12.6rem;height: 12.6rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;position: absolute;z-index: -1;top: -6.2rem;left: 0;background-color: #f1f7fc;font-weight: 900;letter-spacing: 0;padding-right: 0.3rem;}

.secbnn{background: url('../images/secbnn_bg.png') no-repeat center bottom /192rem var(--mcolor);}
.secbnn_box{position: relative;}
.secbnn_box::after{content: '';position: absolute;width: 16.3rem;height: 10.9rem;background: url('../images/secbnn_af.png') no-repeat center /contain;bottom: -9.3rem;left: 2rem;}
.secbnn_head *{color: #FFF;}
.secbnn_head .desc {line-height: 1.8;letter-spacing: -.1rem;}
.secbnn_head .ttl_h3{color: #FFF;text-align: left;padding-bottom: 0;}
.secbnn_head .ttl_h3::after{display: none;}
.secbnn_en {font-size: 12rem;font-family: var(--f-os);line-height: 1;margin: 1.2rem 0 -6.6rem;color: #3376a3;opacity: 0.9;letter-spacing: -0.4rem;}
.secbnn_body_tt {color: #d2e1eb;text-align: center;width: fit-content;margin: 0 auto 4.1rem;position: relative;padding: 0 4.8rem;line-height: 1.7;font-size: 1.6rem;letter-spacing: -.1rem;}
.secbnn_body_tt::before,.secbnn_body_tt::after{content: '';position: absolute;width:4rem;height: 0.1rem;top: calc(50% - -0.2rem);background-color: #d2e1eb;}
.secbnn_body_tt::before{left: -0.9rem;transform: rotate(60deg);}
.secbnn_body_tt::after{right: 0;transform: rotate(-60deg);}

.secbnn_body_cta {display: flex;justify-content: center;gap: 4rem;}
.secbnn_body_cta li {width: 24rem;height: 18rem;display: flex;flex-direction: column;align-items: center;border-radius: 2rem;text-align: center;color: #FFF;position: relative;}
.secbnn_body_cta li:nth-of-type(1){background-color: #32aabe;}
.secbnn_body_cta li:nth-of-type(2){background-color: #78b4e6}
.secbnn_body_cta li .slg {color: var(--mcolor);font-size: 1.4rem;text-align: center;width: fit-content;margin: -1.5rem auto 0.9rem;padding: 0.1rem 1.1rem 0.2rem;border-radius: 99.9rem;background-color: #FFF;box-shadow:0.5rem 0.5rem 0 rgba(28, 103, 153, 0.1);font-weight: 600;letter-spacing: 0;position: relative;z-index: 2;}
.secbnn_body_cta li .slg::before,.secbnn_body_cta li .slg::after{content: '';position: absolute;width: 0.6rem;height: 0.6rem;clip-path: polygon(50% 100%, 0 0, 100% 0);}
.secbnn_body_cta li .slg::before{background-color: #FFF;bottom: -0.6rem;left: calc(50% - 0.3rem);}
.secbnn_body_cta li .slg::after{background-color: rgba(28, 103, 153, 0.1);bottom: -1.1rem;left: calc(50% + 0.2rem);}

.secbnn_body_cta li:nth-of-type(1) .slg{color:#0b7d89}
.secbnn_body_cta li .img {margin-bottom: 0.4rem;width: 11.2rem;}
.secbnn_body_cta li .tt {font-size: 2rem;font-weight: 500;margin-bottom: 0;line-height: 1.2;letter-spacing: -.1rem;}
.secbnn_body_cta li .en {font-size: 1.4rem;font-weight: 300;color: #c9e1f5;letter-spacing: 0.08rem;}
.secbnn_body_cta li .tel {margin-bottom: 0.7rem;line-height: 1;margin-top: -0.5rem;}
.secbnn_body_cta li .tel  a{letter-spacing: 0.01rem;padding-left: 0.2rem;font-size: 2.6rem;font-family: var(--f-os);font-weight: 500;color: #FFF;}
.secbnn_body_cta li .time {font-size: 1.5rem;font-weight: 500;line-height: 1.2;padding-right: 0.5rem;}
.secbnn_body_cta li .time > span{padding: 0.15rem 1rem 0.3rem;line-height: 1;background-color: var(--mcolor);border-radius: 99.9rem;font-size: 1.4rem;margin-right: 0.8rem;display: inline-block;}
.secbnn_body_cta li > .sweetlink{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 11;}

@media screen and (min-width: 751px) {
  .sec03{padding: 4.2rem 0 12rem;}
  .sec03 .ttl_h3{margin-bottom: 4.9rem;}
  .secbnn{padding: 7.5rem 0 8.1rem;}
  .secbnn .ttl_h3{margin-bottom: 3rem;}
  .secbnn_box {display: flex;justify-content: space-between;}

}

/*============= SEC04 ==============*/
.sec04_ite {position: relative;display: flex;justify-content: space-between;flex-direction: column;}
.sec04_ite::after{content: '';position: absolute;width: 93%;height: 50%;max-width: 84rem;max-height: 42rem;bottom: 0rem;transform: translateX(-50%);z-index: 0;pointer-events: none;}
.sec04_ite:nth-of-type(1)::after{background: url('../images/sec04_ite_bg1.png') no-repeat center bottom /contain;left: 49.5%;}
.sec04_ite:nth-of-type(2)::after{background: url('../images/sec04_ite_bg2.png') no-repeat center bottom /contain;left: 50.5%;}
.sec04_ite:nth-of-type(1) {background:url('../images/sec04_bg01.jpg') no-repeat center /cover;border-radius: 0 2rem 2rem 0;}
.sec04_ite:nth-of-type(2) {background:url('../images/sec04_bg02.jpg') no-repeat center /cover;border-radius: 2rem 0 0 2rem;}
.sec04_ite *{color: #FFF;z-index: 2;position: relative;}
.sec04_baloon li{width: fit-content;}
.sec04_ite:nth-of-type(1) .btn a{background-color: var(--mcolor);}
.sec04_ite:nth-of-type(2) .btn a{background-color: #0b7d89;}

.sec04_ite .ttl_h3 {margin-bottom: 0;}
.sec04_ite .sec04_des {margin-bottom: 3rem}
.sec04_ite .btn {margin-bottom: -3.4rem;}
.ttl_h3 .line2{position: relative;display: inline-block;}
.ttl_h3 .line2::after{content: '';position: absolute;width: 100%;height: 1rem;bottom: 0.4rem;left: 0;z-index: -2;}
.sec04_ite:nth-of-type(1) .ttl_h3 .line2::after{background-color: #5495c1;opacity: 0.6;}
.sec04_ite:nth-of-type(2) .ttl_h3 .line2::after{background-color: #45acb7;opacity: 0.6;}

@media screen and (min-width: 751px) {
  .sec04{padding: 12rem 0;max-width: 192rem;margin: 0 auto;}
  .sec04 .ttl_h3{margin-bottom: 1.6rem;}
  .sec04_col{display: flex;justify-content: space-between;gap: 8rem;}
  .sec04_ite{width: 49%;max-width: 92rem;padding: 4.3rem 5rem 0;}
  .sec04_ite:nth-of-type(1) .sec04_baloon li:nth-of-type(1){margin-bottom: -7.6rem;margin-left: 0.8rem;}
  .sec04_ite:nth-of-type(1) .sec04_baloon li:nth-of-type(2){margin: 0 0.2rem -6.9rem auto;}
  .sec04_ite:nth-of-type(1) .sec04_baloon li:nth-of-type(3){margin-bottom: -6.9rem;margin-left: 11.5%;}
  .sec04_ite:nth-of-type(1) .sec04_baloon li:nth-of-type(4){margin-left: auto;margin-right: -0.4rem;}
  .sec04_ite:nth-of-type(2) .sec04_baloon li:nth-of-type(1){margin: 0.4rem 0 -8.1rem -3.2rem;}
  .sec04_ite:nth-of-type(2) .sec04_baloon li:nth-of-type(2){margin: 0 3.4rem -6.5rem auto;}
  .sec04_ite:nth-of-type(2) .sec04_baloon li:nth-of-type(3){margin-bottom: -7.5rem;margin-left: 8rem;}
  .sec04_ite:nth-of-type(2) .sec04_baloon li:nth-of-type(4){margin-left: auto;margin-right: -5.4rem;}
  .sec04_baloon {min-height: 47rem;margin-bottom: -1.3rem;}
  .sec04_ite .sec04_img {margin-bottom: -3.1rem;}

}

/*============= SEC05 ==============*/
.sec05{position: relative;z-index: 2;}
.sec05_head{position: relative;}
.sec05_head::after{content: '';position: absolute;width: 41rem;height: 41rem;background: url('../images/sec05_head_ic.png') no-repeat center /contain;top: 19%;left: 5.9rem;z-index: -1;transform: translateX(-50%);}
.sec05_cta {position: relative;display: flex;flex-direction: column;justify-content: space-between;align-items: space-between;box-shadow: 0.5rem 0.5rem 0 rgba(28, 103, 153, 0.1);border-radius: 2rem;}
.sec05_cta:nth-of-type(1){background: url('../images/sec05_img1.jpg') no-repeat center /cover;}
.sec05_cta:nth-of-type(2){background: url('../images/sec05_img2.jpg') no-repeat center /cover;}
.sec05_cta_des {padding: 1rem 1.7rem 1.2rem 1.5rem;border-radius: 1.4rem;background-color: rgba(255,255,255,0.8);width: fit-content;color: #333333;font-size: 1.6rem;line-height: 1.5;font-weight: 500;position: relative;z-index: 2;}
.sec05_cta_tt{width: fit-content;margin-left: auto;position: relative;z-index: 2;}
.sec05_cta_tt a{font-size: 2.8rem;font-weight: 500;color: var(--mcolor);background-color: #f1f7fc;border-radius: 2rem 0 0 0;padding: 0.2rem 4.7rem 0.5rem 2.3rem;position: relative;display: block;transform: translate(0.5rem,0.5rem);letter-spacing: -.1rem;}
.sec05_cta_tt a::after{content: '';position: absolute;width: 3rem;height: 3rem;background: url('../images/btn_ic.png') no-repeat center /0.8rem #585656;border-radius: 50%;top: calc(50% - 1.7rem);right: 0.5rem;transition: all 0.3s;}

@media screen and (min-width: 751px) {
  .sec05{padding: 4rem 0 0;}
  .sec05 .ttl_h3_en{margin-left: 0;}
  .sec05_box{display: flex;justify-content: space-between;gap: 5rem;}
  .sec05_head{width: 45%;max-width: 52rem;}
  .sec05_body{width: 50%;max-width: 60rem;padding-top: 1rem;}
  .sec05 .ttl_h4{max-width: 43rem;}
  .sec05 .ttl_h3{margin-bottom: 4.2rem;}
  .sec05 .ttl_h3_en{margin-bottom: 1.2rem;}
  .sec05 .ttl_h4 .row{padding-bottom: 0.7rem;font-weight: 500;}
  .sec05 .ttl_h4 .row:not(:last-child){margin-bottom: 0.8rem;}
  .sec05_img{padding-left: 2.4rem;transform: translateY(0rem);margin-bottom: -1.1rem !important;}
  .sec05_des{margin-bottom: 4.1rem;}
  .sec05_cta{width: 60rem;height: 24rem;padding: 2rem 0 0 2rem;}
  .sec05_cta:not(:last-child){margin-bottom: 5rem;}


}

/*============= SEC06 ==============*/
.sec06{background-color: #FFF;position: relative;z-index: 1;}
.sec06::after{content: '';position: absolute;width: 81rem;height: 10rem;background: url('../images/sec06_af.png') no-repeat center /contain;bottom: -1.9rem;left: calc(50% - 41.2rem);z-index: 0;}
.sec06 .ttl_h4{width: fit-content;margin: 0 auto 2.7rem;}
.sec06_pick li{box-shadow: 1.8rem 2rem 0 #d4e5f0;}
.sec06_pick li:nth-of-type(1){border-radius: 0 99.9rem 99.9rem 0;}
.sec06_pick li:nth-of-type(2){border-radius: 99.9rem 0 0 99.9rem;}

@media screen and (min-width: 751px) {
  .sec06{padding: 12rem 0 14rem;}
  .sec06 .ttl_h3{margin-bottom: 4rem;}
  .sec06_pick li{position: absolute;}
  .sec06_pick li:nth-of-type(1){left: -34.5rem;top: 0;}
  .sec06_pick li:nth-of-type(2){right: -34.5rem;bottom: 12rem;}
  .sec06 .ttl_h4 .row:not(:last-child){margin-bottom: 0.7rem;}
  .sec06 .ttl_h4 .row{padding-bottom: 0.9rem;}
  .sec06_des{margin-bottom: 5.8rem;}

}

/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;background-color: #78b4e6;}
address{color:var(--mcolor);text-align:center;font-size: 1.6rem;font-weight: 500;letter-spacing: -.03rem;}
.btn_address a{width: 30rem;height: 6rem;display: flex;justify-content: center;align-items: center;border-radius: 99.9rem;font-size: 2rem;text-align: center;background-color: #FFF;box-shadow: 0 0.5rem 0 rgba(28, 103, 153, 0.4);color: var(--mcolor);padding-bottom: 0.4rem;}
.btn_address a > span{position: relative;padding-left: 2.8rem;}
.btn_address a > span::before{content: '';position: absolute;width: 2.4rem;height: 2.4rem;background: url('../images/ic_add.png') no-repeat center /contain;left: 0;top: calc(50% - 1rem);}

.ft_bot{position: relative;padding: 10.4rem 0 5.5rem;}
.ft_links li{line-height: 1.7;}
.ft_links li a{font-size: 1.6rem;color: #585656;position: relative;padding-left: 1.8rem;font-weight: 500;letter-spacing: 0;}
.ft_links li a::before{content: '';position: absolute;width: 0.8rem;height: 1.2rem;background: url('../images/ft_link_ic.png') no-repeat center /contain;left: 0;top: 0.7rem;}
.ft_links li:not(:last-child){margin-bottom: 0rem;}
.ft_links li.big{font-size: 1.6rem;color: #0b7d89;font-weight: bold;}
.ft_top .ft_top_add{font-weight: 500;}

@media screen and (min-width: 751px) {
  .ft_top{display: flex;justify-content: space-between;align-items: center;padding: 9.9rem 0 9.5rem;}
  .ft_top > p{margin-bottom: 0;}
  .ft_top .btn_address{margin-left: 2rem;}
  .ft_top .ft_top_add{margin-left: auto;letter-spacing: 0;}
  .ft_links{display: flex;justify-content: center;margin-bottom: 10rem;gap: 12rem;}
  .ft_links ul:first-child{margin-top: -0.3rem;}
  .ft_links ul:first-child li:not(:last-child){margin-bottom: 1rem;}
  .ft_links li.big:not(:first-child){margin-top: 3.3rem;}

  .sidebar_fixed{position: fixed;right: -9rem;top: calc(50% - 11.4rem);transition: all 0.3s;z-index: 10;}
  .sidebar_fixed.show{right: 0;}
  .sidebar_cta a{font-size: 2rem;font-weight: 400;color: #FFF;width: 8rem;height: 24rem;border-radius: 2rem 0 0 2rem;display: flex;justify-content: center;align-items: center;-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;-moz-text-orientation: upright;-ms-text-orientation: upright;text-orientation: upright;background-color: var(--mcolor);letter-spacing: 0;position: relative;padding-bottom: 0.5rem;}
  .sidebar_cta a:before{content: '';width: 4rem;height: 2.4rem;background: url('../images/sidebar_ic.png') no-repeat center /contain;display: block;margin: 0 auto 0.7rem;}
  .ft_bot::after{content: '';position: absolute;width: 160rem;height: 100%;max-width: 90vw;min-width: 100%;left: 50%;top: 0;transform: translateX(-50%);z-index: -2;pointer-events: none;background-color: #c9e1f5;border-radius: 2rem 2rem 0 0;}

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

/* FIREFOX ONLY */
@-moz-document url-prefix() {
  .h_contact_tel .time span{padding-top: 0;padding-bottom: 2px;}
}

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