@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..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, del{font-size: 160%;-webkit-text-size-adjust: none;font-weight: 500;}
*,::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.86em;letter-spacing: 0;}
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: #222222;
  --mcolor: #2ED7DB;
  --scolor: #F5489A;
  --container: 1230px;

  --gray: #E7E7E8;
  --yellow: #FFFF53;
  --red: red;

  --f-main:'Noto Sans JP', sans-serif;
  --f-osw:"Oswald", sans-serif;
}

#wrapper{min-width: 1260px;overflow:hidden;margin:0 auto;max-width: 1920px;}
.inner{width: var(--container);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}
.blue{color: var(--mcolor);}
.yellow{color: var(--yellow);}
/*==========================================================
                       H E A D E R
==========================================================*/
/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding: 1rem 0.9rem 0.5rem;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: 2.1rem;height:2.4rem}
.hamburger-inner{top:50%;display:block;margin-top:-0.2rem}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:2.1rem;height:0.3rem;transition:all ease 0.15s;background-color:var(--mcolor);border-radius: 99.9rem;}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-0.7rem}
.hamburger-inner::after{bottom:-0.7rem}
.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,0.7rem,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-0.7rem,0) rotate(-45deg)}

header{position: relative; z-index:9;display: flex;justify-content: center;}
.h_box{width:100%;position: absolute;top: 0;left: 0;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;}
.h_contact{margin-bottom: 0;}
.h_contact a{font-size: 1.4rem;font-weight: bold;display: flex;justify-content: center;align-items: center;width: 23.9rem;height: 4.4rem;border-radius: 99.9rem;text-align: center;background:url('../images/h_contact_ic.png') no-repeat center right 1.5rem /0.9rem var(--scolor);color: #fff;border: 1px solid #FFF;box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.16);}
.en{font-family: var(--f-osw);}

@media screen and (min-width: 751px) {
  .sp{display:none !important}
  .hamburger{display:none;}
  nav{margin-left: auto;}
  .h_box{min-width: calc(var(--container) + 3rem);padding: 1.7rem 6rem 1.7rem 4rem;}
  .h_box.is-active{position: fixed; z-index: 9999; animation: scrolltop 1s; animation-iteration-count: 1; background-color: rgba(255,255,255,1); box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.22);border-radius: 99.9rem;width: calc(100% - 8rem);left: 4rem;top: 3rem;padding: 1.7rem 4.5rem 1.7rem 5rem;max-width: 186rem;}
  @keyframes scrolltop {
    0%{transform:translateY(-9rem);transform-origin:center;opacity:0;transition:ease-in-out}
    100%{transform:translateY(0);opacity:1}
  }
  .nav_list{display: flex;justify-content: space-between;margin-right: 2rem;}
  .nav_list>li:not(:last-child){margin-right: 4rem;}
  .nav_list>li>a{display:flex;align-items:center;position:relative;font-weight: bold;font-size: 1.4rem;color: #02030A;}
}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;}
.mv{position: relative;padding: 0;z-index: 2;}
.mv .inner{height: 100%;}
.mv_box {height: 76.8rem;background: url('../images/mv_bg.png') no-repeat center right -0.8rem /auto 100% #F6FFFF;}
.mv_ttl1{font-size: 2.3rem;font-weight: bold;background-color: var(--mcolor);border-radius: 99.9rem;border: 0.2rem solid var(--mcolor);position: relative;padding: 1rem 1rem 0.8rem;display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 1.5rem;color: #FFFFFF;}
.mv_ttl1::after{content: '';position: absolute;width: 1.2rem;height: 1.2rem;background-color: var(--mcolor);top: 100%;left: calc(50% - 2.5rem);clip-path: polygon(100% 0, 0 0, 100% 100%);}
.mv_ttl1 .en{font-size: 3rem;margin: 0 0.6rem;display: inline-block;transform: translateY(-0.2rem);}
.mv_ttl1 .st1{margin-right: 1.5rem;}
.mv_ttl2 {font-size: 3.2rem;font-weight: 900;display: flex;align-items: center;justify-content: center;margin-bottom: 0;}
.mv_ttl2 .key{font-size: 2rem;display: inline-block;padding: 0.4rem 2rem 0.5rem;border: 1px solid #747474;margin-right: 2rem;line-height: 1.6;}
.mv_h1 {font-size: 5.4rem;font-weight: 900;line-height: 1.7;}
.mv_h1 > span{display: block;position: relative;background-image: url("../images/mv_h1_u.png");background-repeat: repeat-x;background-position: left bottom;background-size: auto 1px;padding-bottom: 0.3rem;width: fit-content;}
.mv_h1_en {font-size: 4.4rem;}
.mv_h1_sm {font-size: 3.6rem;}
.sys{margin-right: -2.5rem;display: inline-block;}
.sys_r{margin-right: -1.5rem;}
.mv_video {position: relative;border-radius: 1rem;background-color: #FFF;border: 1.2rem solid #FFF;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.16);cursor: pointer;}
.mv_video_fr {position: relative;display: flex;justify-content: center;align-items: center;}
.mv_video_fr::after{content: '';position: absolute;width: 100%;height: 11.9rem;bottom: 0;left: 0;background-image: linear-gradient(to bottom, #ffffff, #bcbcbc, #7d7d7d, #434343, #101010);mix-blend-mode: multiply;opacity: 0.56;transition: all 0.3s;}
.mv_video_fr.is-playing::after,
.mv_video_fr.is-playing ~ .mv_video_cta{display: none;}
.mv_video_cta{width: 100%;text-align: center;position: absolute;z-index: 2;bottom: 4.7rem;left: 0%;}
.mv_video_cta > span {font-size: 1.8rem;font-weight: bold;color: #FFF;padding-left: 6.6rem;position: relative;text-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.54);cursor: pointer;}
.mv_video_cta > span::before{content: '';position: absolute;width: 5rem;height: 3.8rem;background: url('../images/ic_video.png') no-repeat center /contain;left: 0;top: calc(50% - 1.9rem);}
.mv_cta_tt {font-size: 2.1rem;font-weight: bold;text-align: center;width: fit-content;margin: 0 auto 0.9rem;padding: 0 6.8rem;position: relative;}
.mv_cta_tt::before,.mv_cta_tt::after{content: '';position: absolute;width: 1.4rem;height: 2.2rem;background:url('../images/mv_cta_tt_ic.png') no-repeat center/auto 100%;top: 1.2rem;}
.mv_cta_tt::before{left: 25px;background-position: left center;}
.mv_cta_tt::after{right: 0px;background-position: right center;}
@media screen and (min-width: 751px){
  .mv_cta_tt::after{right: 30px;}
}
.btn_contact a{font-size: 2.3rem;font-weight: bold;color: #FFF;border-radius: 99.9rem;border: 0.3rem solid #FFF;display: flex;justify-content: center;align-items: center;box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);background: url('../images/btn_contact_ic.png') no-repeat center right 2.7rem /1.1rem var(--scolor);margin: 0 auto;width: 46.3rem;height: 7.2rem;}

.mv_carousel {padding: 2rem 0;display: flex; animation: slide_animation 80s linear infinite; width: max-content;background-color: #FFF;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.22);}
.mv_mv_carousel_ite{margin: 0 0.7rem 0 0.8rem;}
.mv_mv_carousel_ite img{height: 5rem;width: auto;}
@keyframes slide_animation { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--mv-width))); } }
@media screen and (min-width: 751px){
  .mv .inner{width: 140.4rem;padding-top: 12.6rem;}
  .mv_col {display: flex;justify-content: space-between;align-items: center;margin-bottom: 3.5rem;padding-left: 0.5rem;}
  .mv_ttl{max-width: 54.8rem;margin: 0 auto 0.9rem;padding-left: 1rem;}
  .mv_video{max-width: 50%;}
  .btn_contact.lg a{width: 90rem;height: 9rem;font-size: 2.8rem;background: url('../images/btn_contact_ic_lg.png') no-repeat center right 3.7rem /1.8rem var(--scolor);}
  
}
@media screen and (min-width: 1581px){
.mv_h1_en {font-size: 6rem;}
.mv_h1_sm {font-size: 4.8rem;}
}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
h2,h3{font-weight: bold;}
/* DEFAULT TITLE */
.ttl_h2{text-align: center;font-size: 3.6rem;position: relative;margin-bottom: 3.3rem;padding-bottom: 3.5rem;}
.ttl_h2::after{content: '';position: absolute;width: 16rem;height: 0.6rem;background-color: var(--mcolor);left: calc(50% - 8rem);bottom: 0;}
.sidebar_cta{position: fixed;z-index: 8;}
.sidebar_cta a{border: 0.2rem solid #FFF;background-color: var(--scolor);display: flex;justify-content: center;align-items: center;color: #FFF;position: relative;font-weight: 500;box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.16);}


/* DEFAUTL NAME BUTTON */
.btn a{width: 25rem; height: 6rem; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; background: url('../images/ic-right.png') no-repeat right 2rem center /0.6rem var(--mcolor);font-size: 1.6rem; color: #fff;}
.btn.center a{margin-left: auto; margin-right: auto;}
.audio_hidden audio{visibility: hidden;opacity: 0;position: absolute;pointer-events: none;}
.audio_btn{cursor: pointer;width: 35rem;height: 6.4rem;border-radius: 99.9rem;display: flex;justify-content: center;align-items: center;background-color: var(--yellow);font-size: 2rem;font-weight: bold;border: 1px solid var(--txt);position: relative;padding-left: 1.9rem;}
.audio_btn:not(:last-child){margin-bottom: 2.6rem;}
.audio_btn::after{content: '';position: absolute;width: 3.8rem;height: 3.8rem;border-radius: 50%;background-color: #FFF;z-index: 1;top: calc(50% - 1.9rem);left: 2.8rem;}
.audio_btn::before{content: '';position: absolute;background-color: var(--txt);z-index: 2;}
.audio_btn:not(.is-play)::before{width: 1.2rem;height: 1.5rem;clip-path: polygon(0 0, 0% 100%, 100% 50%);left: 4.4rem;top: calc(50% - 0.7rem);}
.audio_btn.is-play::before{width: 1.3rem;height: 1.7rem;top: calc(50% - 0.8rem);border-left: 0.5rem solid var(--txt);border-right: 0.5rem solid var(--txt);clip-path: none;background-color: #FFF;left: 4.1rem;}

.btn_box:not(:last-child){margin-bottom: 3rem;}
.btn_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 2rem;}
.btn_box .btn{margin: 0;}
/*============= SEC01 ==============*/
.sec01{position: relative;}
.sec01 .inner{z-index: 2;}
.sec01_h2 {font-size: 3.8rem;font-weight: bold;text-align: center;margin-bottom: 3.8rem;color: #FFF;}
.sec01_h2 span{text-decoration: underline;text-underline-offset: 1.5rem;text-decoration-color:var(--yellow);text-decoration-thickness:1px;}
.sec01_list {display: grid;grid-template-columns: repeat(4,1fr);gap: 1.6rem;}
.sec01_list dl dt{background-color: #FFF;border-radius: 0.5rem;padding: 1rem;font-size: 2rem;font-weight: bold;position: relative;line-height: 1.4;text-align: center;margin-bottom: 1.6rem;}
.sec01_list dl dt::after{content: '';position: absolute;width: 1.8rem;height: 1.7rem;background-color: #FFF;clip-path: polygon(50% 100%, 0 0, 100% 0);top: calc(100% - 1px);left: calc(50% - 0.9rem);}
.sec01_list dl dd{text-align: center;}

/*============= SEC02 ==============*/
.sec02 {position: relative;}
.sec02::before,.sec02::after{content: '';position: absolute;width: 65.5rem;height: 56.8rem;background: url('../images/sec02_before.png') no-repeat center /contain;z-index: -1;}
.sec02::before{left: -1%;top: -8%;}
.sec02::after{right: -9%;bottom: -10%;}
.sec02_head {margin-bottom: 6.9rem;}
.sec02_tt {font-size: 3rem;font-weight: bold;text-align: center;margin-bottom: 1.7rem;line-height: 1.4;}
.sec02_h2 {font-size: 4.2rem;font-weight: bold;text-align: center;margin: 0 auto 1.3rem;width: fit-content;color: var(--mcolor);border: 0.3rem solid var(--mcolor);padding: 0.6rem 2.7rem;background-color: #FFF;}
.sec02_list {display: grid;grid-template-columns: repeat(4,1fr);gap: 1.5rem;}
.sec02_list dl{padding: 1.5rem 1.6rem 1.7rem;background-color: #FFF;border-radius: 1rem;box-shadow: 0 0 0.6rem #D0E9E8;}
.sec02_list dl dt{margin-bottom: 2.2rem;position: relative;padding: 1rem 1rem 2rem;background-color: var(--mcolor);border-radius: 0.5rem;}
.sec02_list dl dt::after{content: '';position: absolute;width: 1.8rem;height: 1.7rem;background-color: var(--mcolor);clip-path: polygon(50% 100%, 0 0, 100% 0);top: calc(100% - 1px);left: calc(50% - 0.9rem);}
.sec02_list dl dt .ico {margin: -6.5rem auto 0rem;width: fit-content;}
.sec02_list dl dt .tt {font-weight: 900;font-size: 2.2rem;text-align: center;color: #FFF;line-height: 1.2;}
.sec02_list dl dt .tt span{font-size: 3rem;color: var(--yellow);}
/* .sec02_list dl:last-child dt .tt span{color: #FFE924;} */

/*============= SEC03 ==============*/
.sec03 {background-color: #E4FDFE;}
.sec03_head{margin-bottom: 4.1rem;}
.sec03_tt {font-size: 2.6rem;font-weight: bold;max-width: 81rem;margin: 0 auto 1.4rem;}
.sec03_tt img{display: inline-block;margin-right: 0.4rem;transform: translateY(-0.3rem);}
.sec03_h2 span{display: inline-block;padding: 0.5rem 1.6rem 0.5rem 1.7rem;background-color: var(--mcolor);color: #FFF;margin: 0 1.5rem;}
.sec03_frame {background-color: #FFF;border-radius: 1rem;padding: 2.3rem 3rem 4.4rem;}
.sec03_frame .tt {font-size: 1.8rem;font-weight: bold;text-align: center;color: var(--mcolor);margin-bottom: 1.9rem;}
.sec03_frame .fr {text-align: center;}

@media screen and (min-width: 751px) {
   .desc{font-size: 1.8rem;}
  .sidebar_cta{right:-2px;bottom: 23%;}
  .sidebar_cta a{width: 6rem;height: 37.4rem;border-radius: 1rem 0 0 1rem;font-size: 1.8rem;letter-spacing: 0.32rem;-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;}
  .sidebar_cta a::after{content: '';width: 2rem;height: 1.6rem;background: url('../images/sidebar_ic.png') no-repeat center /contain;display: block;margin-top: 0.9rem;}
  .sidebar_cta a span{position: relative;display: inline-block;margin-bottom: 1.9rem;}
  .sidebar_cta a span::after{content: '';position: absolute;width: 2rem;height: 0.2rem;background-color: #FFF;border-radius: 99.9rem;transform: rotate(-33deg);left: calc(50% - 1rem);bottom: -1rem;}
  .sec01{padding: 6.1rem 0 12rem;}
  .sec01_list dl:nth-of-type(2) dt,.sec01_list dl:nth-of-type(4) dt{font-size: 1.9rem;}
  .sec01_list dl dt{min-height: 11.4rem;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 0.9rem;}
  .sec01::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/sec01_bg.png') no-repeat center top /auto;z-index: 0;}

  .sec02{padding: 5.6rem 0 10rem;}
  .sec03{padding: 7.8rem 0 6.4rem;}
  .sec03_h2 {text-align: center;font-size: 2.6rem;padding-right: 1.4rem;}

}

/*============= SEC04 ==============*/
.tabs {display: flex;justify-content: center;align-items: flex-end;gap: 0.8rem;}
.tabs .tab-link {font-size: 1.7rem;font-weight: bold;display: flex;justify-content: center;align-items: center;width: 28.8rem;text-align: center;background-color: #E4FDFE;height: 6rem;cursor: pointer;padding-top: 0.3rem;}
.tabs .tab-link.current{color: #FFF;background-color: var(--mcolor);height: 8rem;padding-top: 0.6rem;}
.tab-content:not(.current){display: none;}
.sec04_box {padding: 2.6rem 1.9rem 3.8rem 2rem;background-color: #FFF;border: 1.5rem solid var(--mcolor);display: flex;justify-content: center;align-items: center;gap: 6.2rem;}
.sec04_box_r .example .key {font-weight: bold;display: inline-block;padding: 1.1rem 2.9rem;background:#E4FDFE;color: #06AAAE;margin-right: 0.7rem;flex-shrink: 0;line-height: 1.4;border-radius: 99.9rem;}
@media screen and (min-width: 751px) {
  .sec04{padding: 10.2rem 0 10rem;}
  .sec04 h2{margin-bottom: 4.8rem;}
  .sec04_box_l {width: 48%;max-width: 50.4rem;}
  .sec04_box_r {width: 48%;max-width: 52rem;}
  .sec04_box_r .desc {margin-bottom: 2.3rem;}
  .sec04_box_r .example {display: flex;align-items: center;}

}

/*============= SECNEW ==============*/
.secnew{background-color: #E4FDFE;position: relative;overflow: hidden;}
.secnew::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 7rem;background-color: #FFF;clip-path: polygon(0 0, 100% 0, 50% 100%);}
.secnew .inner{position: relative;z-index: 1;}
.secnew_head{text-align: center;}
.secnew_lead{font-size: 2.6rem;font-weight: bold;line-height: 1.5;margin-bottom: 1.4rem;}
.secnew_ttl{font-size: 4rem;font-weight: bold;line-height: 1.35;color: var(--mcolor);border: 0.3rem solid var(--mcolor);background-color: #FFF;width: fit-content;margin: 0 auto;}
.secnew_tabs{align-items: flex-end;}
.secnew_tabs .tab-link{background: url(../images/secnew_tab_off.png)no-repeat center bottom; /*background: linear-gradient(110deg, #D3D3D3 0%, #E6E6E6 47%, #C9C9C9 48%, #D9D9D9 100%);*/ font-size: 2.6rem;color: #555;width: 52rem;height: 7rem;}
.secnew_tabs .tab-link.current{background: url(../images/secnew_tab_on.png)no-repeat center bottom; /* background: linear-gradient(110deg, #20C3C8 0%, #2DD6DA 48%, #4BDEE1 49%, #22C8CD 100%);*/ height: 8.4rem; color: #FFF;}
.secnew_panel{background-color: #FFF;border: 5px solid #2ED7DB;border-radius: 0.3rem;box-shadow: 0 0.3rem 0.7rem rgba(0, 168, 172, 0.28);}
.secnew_summary{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);gap: 2rem;}
.secnew_issue,.secnew_strength,.secnew_target{border-radius: 0.5rem;}
.secnew_issue{background-color: #ECECED;}
.secnew_strength,.secnew_target{background-color: #F2FEFF;}
.secnew h3{font-size: 1.8rem;font-weight: bold;line-height: 1.4;position: relative;padding-left: 2.4rem;margin-bottom: 1.6rem;}
.secnew h3::before{content: '';position: absolute;width: 1.5rem;height: 1.5rem;border-radius: 50%;background-color: var(--mcolor);left: 0;top: 0.45rem;}
.secnew_issue_list li{background-color: #FFF;border: 1px solid #D0D0D0;border-radius: 0.4rem;font-size: 1.7rem;font-weight: bold;line-height: 1.55;min-height: 8.6rem;position: relative;padding: 1.7rem 0.5rem 1.7rem 8rem;text-align: left;font-feature-settings: "palt";}
.secnew_issue_list li:not(:last-child){margin-bottom: 1rem;}
.secnew_issue_list li::before{content: '';position: absolute;width: 4.5rem;height: 4.5rem;left: 1.5rem;top: calc(50% - 3rem);background-repeat: no-repeat;background-position: center;background-size: contain;}
.secnew_issue_list li:nth-child(1)::before{background-image: url('../images/secnew_icon01.svg');}
.secnew_issue_list li:nth-child(2)::before{background-image: url('../images/secnew_icon02.svg');}
.secnew_issue_list li:nth-child(3)::before{background-image: url('../images/secnew_icon03.svg');}
.secnew_issue_list li::after{display: none;}
.secnew_issue_list li span{color: var(--mcolor);white-space: wrap;}
.secnew_issue_list li .secnew_issue_line{display: block;color: var(--txt);white-space:wrap;letter-spacing: -0.04em;}
.secnew_issue_list li .secnew_issue_line span{color: var(--mcolor);}
.secnew_merit{display: flex;flex-direction: column;gap: 2rem;}
.secnew_strength dl{display: grid;grid-template-columns: 14rem minmax(0, 1fr);gap: 1.3rem;align-items: center;font-weight: bold;}
.secnew_strength dl:not(:last-child){margin-bottom: 1.2rem;}
.secnew_strength dt{background-color: var(--mcolor);color: #FFF;font-size: 1.5rem;line-height: 1.3;text-align: center;border-radius: 0.3rem;padding: 1.2rem 0.8rem;}
.secnew_strength dd,.secnew_target p{font-size: 1.6rem;font-weight: bold;line-height: 1.55;}
.secnew_panel .secnew_audio_btn{margin-left: auto;margin-right: auto;}
.secnew_images{display: grid;grid-template-columns: minmax(0, 1fr) 32rem;gap: 4.2rem;align-items: center;}
.secnew_img p{font-size: 1.6rem;font-weight: bold;margin-bottom: 1rem;}
.secnew_img img{display: block;width: 100%;height: auto;}
.secnew_img_r{max-width: 32rem;}
@media screen and (min-width: 751px) {
  .secnew{padding: 12rem 0 8rem;}
  .secnew_head{margin-bottom: 6.4rem;}
  .secnew_ttl{padding: 0.6rem 4.6rem;}
  .secnew_panel{padding: 5rem 5rem 4.8rem;}
  .secnew_summary{margin-bottom: 3.6rem;}
  .secnew_issue{padding: 2.8rem 2rem;}
  .secnew_strength,.secnew_target{padding: 2.8rem 3rem;}
  .secnew_panel .secnew_audio_btn{margin-bottom: 3rem;}
  .secnew .inner{max-width: 120rem;}
  .secnew_issue_list li{text-align: center;}
  .secnew_issue_list li span{color: var(--mcolor); white-space: nowrap;}
  .secnew_issue_list li .secnew_issue_line{white-space: nowrap;}
  .secnew_issue_list li::before{width: 6rem;height: 6rem;}
}

/*============= SEC05 ==============*/
.sec05 {background-color: #E4FDFE;position: relative;}
.sec05::after{content: '';position: absolute;width: 100%;bottom: 0;left:50%;transform: translateX(-50%);z-index: 0;}
.sec05 .inner{position: relative;z-index: 2;}
.sec05_list li{background-color: #FFF;border-radius: 1.5rem;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.16);padding: 1.4rem 2.4rem 2.8rem;}
.sec05_list li .ico {margin: 0 auto 0.5rem;width: fit-content;}
.sec05_list li .tt {font-size: 2rem;font-weight: 900;text-align: center;padding-bottom: 1.7rem;margin-bottom: 1.5rem;position: relative;line-height: 1.5;}
.sec05_list li .tt::after{content: '';position: absolute;width:10rem;height: 0.3rem;background-color: #CCCCCC;left: calc(50% - 5rem);bottom: 0;}
.sec05_list li .tt span{color: var(--mcolor);font-size: 2.8rem;background: linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 80%, var(--yellow) 80%, var(--yellow) 100%);background-size: 3rem 7rem;background-position: top 2.5rem left;;}
@media screen and (min-width: 751px) {
  .sec05{padding: 10.2rem 0 9.9rem;}
  .sec05_list {display: grid;grid-template-columns: repeat(3,1fr);gap: 3rem;}
  .sec05::after{height: 68.6rem;background: url('../images/sec05_bg.png') no-repeat center /contain; min-width: 192rem;}
}

/*============= SEC06 ==============*/
.sec06_list {display: grid;grid-template-columns: repeat(4,1fr);gap: 1.5rem;}
.sec06_list dl{box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.16);border-radius: 0.5rem;overflow: hidden;background-color: #FFF;}
.sec06_list dl dt{padding: 1.4rem 1rem;background-color: var(--mcolor);font-size: 2rem;font-weight: bold;text-align: center;color: #FFF;}
.sec06_list dl dd{padding: 1.5rem 1.6rem 1.8rem;}
.sec06_list dl dd .ico {margin: 0 auto 1.6rem;width: fit-content;}
.sec06_list dl dd .ico ~ p{line-height: 1.67;}
.sec06_list dl.bg02 dt{background-color: #4470B1;}
.sec06_list dl.bg03 dt{background-color: #B455B0;}
.sec06_list dl.bg04 dt{background-color: #7EB144;}

.secbnn{padding: 6rem 0 6.7rem;background-color:var(--mcolor);position: relative;}
.secbnn::after{content: '';position: absolute;width: 103rem;height: 100%;background: url('../images/sec_bnn_bg.png') no-repeat center bottom/100% auto;bottom: 0;left: 0;z-index: 0;mix-blend-mode: multiply;pointer-events: none;}
.secbnn .inner{z-index: 2;}
.secbnn_h2{font-size: 4rem;text-align: center;margin-bottom: 1.5rem;color: #FFF;line-height: 1.6;}
.secbnn_des{text-align: center;color: #FFF;}

@media screen and (min-width: 751px) {
  .sec06{padding: 10.1rem 0;}
  .secbnn_des{font-size: 2.5rem;margin-bottom: 3.5rem;}
}

/*============= SEC07 ==============*/
.sec07 {background-color: #EAFEFF;}
.sec07_list{margin-bottom: 3.1rem;}
.sec07_list .slick-list{overflow: inherit;}
.sec07_ite {width: 112rem;padding: 0 5.6rem 4.3rem 4rem;background-color: #FFF;box-shadow: 0 0 0.6rem #D0E9E8;border-radius: 1rem;margin: 0 2rem;}
.sec07_ite_head {margin-bottom: 1.1rem;display: flex;justify-content: space-between;align-items: center;}
.sec07_ite_head .case {font-size: 1.2rem;font-family: var(--f-osw);text-align: center;line-height: 1;background-color: var(--mcolor);display: flex;justify-content: center;align-items: center;flex-direction: column;color: #FFF;width: 6.4rem;height: 8.5rem;margin-right: 2.6rem;}
.sec07_ite_head .case span{font-size: 3.2rem;font-weight: 400;display: block;}
.sec07_ite_head .tt {font-size: 2.7rem;font-weight: bold;}
.sec07_ite_head .ico {margin-left: auto;margin-top: 1rem;}
.sec07_ite_body {display: flex;justify-content: space-between;gap: 1.5rem;margin-bottom: 2.8rem;min-height: 18.5rem;}
.sec07_ite_body dl dt{font-size: 1.5rem;font-weight: bold;text-align: center;color: var(--mcolor);position: relative;margin-bottom: 1.3rem;}
.sec07_ite_body dl dt::after{content: "";position: absolute;width: 100%;height: 1px;background-color: #B8B8B8;top: 44%;left: 0;z-index: 0;}
.sec07_ite_body dl dt > span{display: inline-block;padding: 0 3rem;background-color: #FFF;z-index: 2;position: relative;}
.sec07_ite_body .tt {font-size: 1.8rem;font-weight: bold;padding-left: 2.5rem;position: relative;margin-bottom: 0.3rem;}
.sec07_ite_body .tt::before{content: '';position: absolute;width: 1.6rem;height: 1.6rem;background-color: var(--mcolor);border-radius: 50%;left: 0;top: 1rem;}
.sec07_ite_body .tt ~ p{font-size: 1.4rem;line-height: 1.7;}
.sec07_ite_body .slg {font-size: 1.8rem;font-weight: bold;text-align: center;display: flex;justify-content: center;align-items: center;border-radius: 99.9rem;background-color: #E4FDFE;padding: 1.4rem 2rem 0.9rem;height: 6.4rem;}
.sec07_ite_body .slg:not(:last-child){margin-bottom: 0.8rem;}
.sec07_ite_body .slg span{color: var(--mcolor);}
.sec07_ite_body .slg .sm{display:inline-block;transform: translateY(-0.3rem);}
.sec07_ite_body .slg .lg {display: inline-block;line-height: 1;margin: 0 0.2rem 0 0.6rem;}
.slick-next:hover{background:url(../images/ic_slick_next.png) no-repeat center /1.4rem #E4FDFE;}
.slick-prev:hover{background:url(../images/ic_slick_prev.png) no-repeat center /1.4rem #E4FDFE;}
.slick-prev,.slick-prev:focus{left:0;background:url(../images/ic_slick_prev.png) no-repeat center /1.4rem #fff;}
.slick-next,.slick-next:focus{right:0;background:url(../images/ic_slick_next.png) no-repeat center /1.4rem #fff;}
.slick-prev,.slick-next,.slick-prev:focus,.slick-next:focus{z-index:95;height:6.4rem;width:6.4rem;border-radius: 50%;overflow: hidden;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.16);}
.slick-prev:before,.slick-next:before{display:none}


@media screen and (min-width: 751px) {
  .sec07{padding: 7.2rem 0 0;}
  .sec07_ite_body dl:nth-of-type(1){max-width: 50.4rem;width: 49%;}
  .sec07_ite_body dl:nth-of-type(2){max-width: 49.6rem;width: 49%;}
  .sec07_ite_body .slg:first-child{margin-top: 1.8rem;}
  .sec07_ite_body .slg .lg{font-size: 3.5rem;transform: translateY(-0.3rem);}

}

/*============= SEC08 ==============*/
.sec08 {position: relative;}
.sec08::before,.sec08::after{content: '';position: absolute;width: 65.5rem;height: 56.8rem;background: url('../images/sec02_before.png') no-repeat center /contain;z-index: -1;}
.sec08::before{left: 2%;top: -19%;}
.sec08::after{right: 1%;bottom: -13%;}
.sec08_head {margin-bottom: 2.6rem;}
.sec08_frame {background-color: #F3F3F3;border-radius: 1rem;}
.sec08_frame_box {border:0.5rem solid var(--mcolor);border-radius: 1rem;background-color: #FFF;width: 100%;height: 100%;}
.sec08_frame_box:not(:last-child){margin-bottom: 0.8rem;}
.sec08_frame_box .tt {font-size: 3rem;font-weight: bold;text-align: center;color: var(--mcolor);margin: 0;}
.sec08_frame_box .tt .ic_note {font-weight: bold;color: var(--txt);display: inline-block;transform: translateY(-171%);font-size: 1.6rem;line-height: 1;}
.sec08_frame_box dl{background-color: var(--mcolor);padding: 0.9rem 2rem 2rem;border-radius: 1rem;}
.sec08_frame_box dl dt{font-size: 1.8rem;font-weight: bold;text-align: center;color: #FFF;margin-bottom: 0.7rem;}
.sec08_frame_box dl dd ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.5rem;}
.sec08_frame_box dl dd ul li{font-size: 1.4rem;font-weight: bold;border-radius: 0.5rem;text-align: center;padding: 0.4rem 1rem 0.5rem;background-color: #FFF;}
.sec08_frame_ite{position: relative;}
.sec08_frame_ite:not(:first-child)::before{content: '';position: absolute;width: 4.5rem;height: 4.5rem;background: url('../images/sec08_ic.png') no-repeat center /contain;left: -5.7rem;top: calc(50% - 2.2rem);}

@media screen and (min-width: 751px) {
  .sec08{padding: 10.2rem 0 10rem;}
  .sec08 h2{margin-bottom: 3rem;}
  .sec08_frame{max-width: 99.2rem;padding: 3.8rem 1.5rem 5.8rem 2rem;gap: 7rem;margin: 0 auto 3.2rem;display: flex;justify-content: center;}
  .sec08_frame_ite{height: 20.1rem;}
  .sec08_frame_ite .sec08_frame_box {min-width: 24.8rem;height: 100%;}
  .sec08_frame_ite:nth-of-type(2) .sec08_frame_box .tt{padding-top: 1rem;}
  .sec08_frame_box{display: flex;align-items: center;justify-content: center;padding: 2.6rem 1.9rem 1.8rem 3rem;gap: 2rem;}
  .sec08_frame_box dl dd ul li{min-width: 17rem;}

}

/*============= SEC09 ==============*/
.sec09 {background-color: #EAFEFF;}
.sec09_box{padding: 7.1rem 4rem 7rem;background-color: #FFF;border-radius: 1rem;}
.sec09_list{position: relative;}
.sec09_list::before{content: '';position: absolute;}
.sec09_list dl{border-radius: 1rem;overflow: hidden;background-color: #F5F5F5;}
.sec09_list dl dt{font-size: 2.3rem;font-weight: bold;color: #FFF;text-align: center;background-color: var(--mcolor);line-height: 1.6;padding: 1rem 1.5rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.sec09_list dl:nth-of-type(1) dt{background-color: #2ED7DB;}
.sec09_list dl:nth-of-type(2) dt{background-color: #2BD9DE;}
.sec09_list dl:nth-of-type(3) dt{background-color: #1ED1D6;}
.sec09_list dl:nth-of-type(4) dt{background-color: #13CBD1;}
.sec09_list dl:nth-of-type(5) dt{background-color: #00A8AC;}
.sec09_list dl dt span{font-size: 1.8rem;}


@media screen and (min-width: 751px) {
  .sec09{padding: 7rem 0;}
  .sec09 .ttl_h2{padding-bottom: 3.9rem;}
  .sec09 .inner{width: 139.8rem;}
  .sec09_list {display: flex;justify-content: center;gap: 4rem;padding-bottom: 7.3rem;}
  .sec09_list dl{width: 20.8rem;}
  .sec09_list dl dt{min-height: 11.3rem;}
  .sec09_list dl dd{padding: 1.4rem 1rem 2.1rem 1.7rem;line-height: 1.75;}
  .sec09_list::before{width: 100%;height: 4.8rem;bottom: 0;background: url('../images/sec09_arrow.png') no-repeat center right /contain;max-width: 120rem;left: 50%;transform: translateX(-50%);}
}
/*============= SEC10 ==============*/
.sec10 {position: relative;}
.sec10::before,.sec10::after{content: '';position: absolute;width: 93.4rem;height: 75.4rem;background: url('../images/sec10_before.png') no-repeat center /contain;z-index: -1;}
.sec10::before{left: -4%;top: -1%;}
.sec10::after{right: -5%;bottom: -20%;}
.faq_list{max-width: 112rem;margin: 0 auto;}
.faq_list dl{padding: 2.3rem 2.4rem 2.5rem;background-color: #FFF;border-radius: 1rem;box-shadow: 0 0 0.6rem #D0E9E8;cursor: pointer;}
.faq_list dl:not(:last-child){margin-bottom: 1.6rem;}
.faq_list dt{font-weight: bold;align-items: center;font-size: 2.2rem;}
.faq_list dt::after{width: 2.7rem;height: 1.7rem;background: url('../images/faq_ic.png') no-repeat center /contain;right: 1.1rem;top: calc(50% - 0.8rem);content: '';position: absolute;}
.faq_list dl.active dt{margin-bottom: 2.4rem;}
.faq_list dl.active dt::after{transform: rotate(180deg);}
.faq_list dl:not(.active) dd{height: 0;overflow: hidden;padding-top: 0;padding-bottom: 0;border-top: 0;}
.faq_list dt,
.faq_list dd{position: relative;display: flex;transition: all 0.3s;}
.faq_list dd{border-top: 1px solid #C2C2C2;padding: 2.2rem 5rem 0 0;line-height: 1.8;}
.faq_list dt > span,.faq_list dd > span{font-weight: bold;font-size: 3.1rem;margin-right: 1.7rem;flex-shrink: 0;width: 4.8rem;height: 4.8rem;display: flex;justify-content: center;align-items: center;border-radius: 0.3rem;border: 0.2rem solid var(--mcolor);}
.faq_list dt > span{color: #FFF;background-color: var(--mcolor);padding-bottom: 0.3rem;}
.faq_list dd > span{color: var(--mcolor);margin-right: 2.5rem;}

@media screen and (min-width: 751px) {
  .sec10{padding: 10.8rem 0 9.8rem;}
}

/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;padding: 4.3rem 0;}
address{text-align: center;font-size: 1.5rem;}
.ft_links{display: flex;justify-content: center;align-items: center;gap: 3.3rem;padding-bottom: 2.7rem;border-bottom: 1px solid #C2C2C2;margin-bottom: 2.9rem;}
.ft_links li a{font-size: 1.3rem;font-weight: 400;text-decoration: underline;}

/* BACK TO TOP */
.to_top{position:fixed;z-index:8;width:7rem;height:7rem;bottom:1.5rem;right:1.5rem;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() {}

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