@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');
/*==========================================================================*/
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*==========================================================================*/
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd { font-size: 160%; -webkit-text-size-adjust: none; font-weight: 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;}
ol li{list-style: decimal;}

/*==========================================================================*/
/*                             Common-Setting                               */
/*==========================================================================*/
:root {
  --txt: #000;
  --mcolor: #F2D830;
  --scolor: #FF8000;
  --container: 1000px;

  --gray: #FEFBEA;
  --red: rgb(55, 39, 39);

  --f-main: 'Noto Sans JP', sans-serif;
  --f-inter: "Inter", sans-serif;
}
html{background:var(--gray);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.8em;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;}
.link{text-decoration: underline;color: var(--scolor);text-underline-offset: 2px;}

.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.org{color: var(--scolor);}

#wrapper{min-width: 1260px;overflow:hidden;margin:0 auto;max-width: 1920px;}
.inner,.inner_big{width: var(--container);margin:0 auto;position:relative;max-width: 100%;padding: 0 20px;}
/*==========================================================================*/
/*                                 TOP PAGE                                 */
/*==========================================================================*/
/* HAMBUGER BUTTON */
.hamburger{position:absolute;right:0;bottom:0;font:inherit;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;z-index: 101;}
.hamburger-box{position:relative;display:inline-block;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #000;}
.hamburger-inner{top:50%;display:block;margin-top:-17px;}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:2px;height:16px;transition:all ease 0.15s;background-color:#fff;}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{left:-7px}
.hamburger-inner::after{right:-7px}
.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;transform: skewX(-35deg);}
.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(7px,0,0) rotate(40deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(-7px,0,0) rotate(-40deg)}
.hamburger-txt{color: #FFF;font-size: 1rem;margin-top: 30px;}
.hamburger--3dxy.is_active .hamburger-inner,
.hamburger--3dxy.is_active .hamburger-inner::after,
.hamburger--3dxy.is_active .hamburger-inner::before{height: 21px;width: 2px;}

/*============= HEADER ==============*/
header{position: relative; z-index:9;}
.h_box{width:100%;position: absolute;transition: all 0.3s;}
@keyframes scrolltop {
    0%{transform:translateY(-90px);transform-origin:center;opacity:0;transition:ease-in-out}
    100%{transform:translateY(0);opacity:1}
}
.fixed .h_box{position: fixed; z-index: 9999; animation: scrolltop 1s; animation-iteration-count: 1; background-color: rgba(255,255,255,1); }
.h_inner{display:flex;align-items: center;height: 100%;padding-left: 3.6%;}

@media screen and (min-width: 751px) {}
/*============= MAIN ==============*/
main{position: relative;z-index: 2;}
/* Custom */
.btn a{width: auto;padding: 7px 40px 6px 23px;border-radius: 999px;background: url('../img/btn_ic_arrow_black.svg') no-repeat center right 20px #FFF;box-shadow: 0 4px 0 #000;display: inline-block;font-weight: bold;}
.btn.right a{margin-left: auto;}
.btn.center a{margin-left: auto; margin-right: auto;}
.ttl_h2{font-size: 3.2rem;font-weight: bold;text-align: center;margin-bottom: 43px;}
.ttl_h2 > img{display: block;margin: 0 auto 11px;}
.desc{font-size: 1.8rem;}
.txt_note{text-align: right;font-size: 1.3rem;}
.line{background-image: linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 87%, var(--mcolor) 84%, var(--mcolor) 100%);background-size: 30px 70px;background-position: top 17px left;}
.line_bg{background-color:rgba(242, 216, 48, 0.5);padding-left: 5px;font-weight: bold;}

/* Main Visual */
.mv{position: relative;text-align: center;height: 100vh;}
.mv::before,
.mv::after{content: "";position: absolute;width: 100%;height: 40px;}
.mv::before{background: url('../img/mv_before.png') repeat right;top: 103px;right: 11.58%;}
.mv::after{background: url('../img/mv_after.png') repeat left;bottom: 0;left: 10.58%;}
.mv .inner{height: 100%;}
.mv_box{width: 100%;position: relative;margin: 0 auto;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-top: 68px;}
.mv_tt02{font-weight: 900;position: relative;width: fit-content;}
.mv_tt02::after{content: "";width: 31px;height: 52px;background: url('../img/mv_tt02_ic.svg') no-repeat center /contain;display: inline-block;margin-left: 3px;transform: translateY(5px);}


/* SEC01 */
.sec01_tt{font-size: 2.4rem;font-weight: bold;text-align: center;margin-bottom: 41px;letter-spacing: 0.04rem;}
.sec01_tt .lg{font-size: 4rem;font-weight: 800;box-decoration-break:clone;-webkit-box-decoration-break: clone;background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%,var(--mcolor) 60%,var(--mcolor) 100%, rgba(255, 255, 255, 0) 100%);}
.sec01_list dl dt{margin: 0 auto 22px;text-align: center;}
.sec01_list dl dt img{border-radius: 10px;overflow: hidden;}
.sec01_list dl dd{font-size: 2.4rem;font-weight: 800;text-align: center;line-height: 1.35;}

@media screen and (min-width: 751px) {
  .mv{max-height: 920px;background: url('../img/mv_bg.jpg') no-repeat center /cover;min-height: 800px;}
  .mv_tt01{margin-bottom: 24px;margin-right: 3%;}
  .mv_tt02{font-size: 4.8rem;margin: 0 auto 12px;padding-right: 30px;}
  .mv_tt02 .sm{font-size: 4rem;}
  .mv_tt02 .lg{font-size: 5.6rem;letter-spacing: 0.3rem;}
  .mv_tt03{margin-bottom: 20px;}
  .mv_tt04{margin-bottom: 0;}
  .mv_box::before,
  .mv_box::after{content: "";position: absolute;width: 310px;height: 585px;bottom: 60px;}
  .mv_box::before{background: url('../img/mv_icon01.png') no-repeat center /contain;right: calc(100% - 80px);}
  .mv_box::after{background: url('../img/mv_icon02.png') no-repeat center /contain;left: calc(100% - 80px);}
  .sec01{padding: 69px 0 89px;background: url('../img/sec01_bg.jpg') no-repeat center /cover;}
  .sec01_list{width: calc(100% + 20px);margin-left: -10px;display: flex;justify-content: center;flex-wrap: wrap;}
  .sec01_list dl{margin: 0 20px;}
  .sec01_tt .lg{margin-left: 4px;}
}
/* SEC02 */
.sec02_des{font-weight: bold;}
.sec02_top{position: relative;background: url('../img/sec02_top_bg.jpg') no-repeat center /cover;margin-bottom: 10px;}
.sec02_tt{font-weight: bold;color: #FFF;text-align: center;}
.sec02_bnn{position: relative;z-index: 1;margin-bottom: -5px;}
.sec02_bnn::after{content: "";position: absolute;z-index: -1;width:1920px;min-width: 100vw;height: 40px;background: url('../img/sec02_before.png') repeat right;top:60px;left: 0;left: 50%;transform: translateX(-50%);}
.sec02_frame{border-radius: 20px;border: 4px solid var(--txt);background-color: #FFF;padding: 40px 76px 36px;position: relative;z-index: 2;}
.sec02_frame_ite > dl:not(:last-child){margin-bottom: 37px;padding-bottom: 36px;border-bottom: 1px solid #F2D830;}
.sec02_frame_ite > dl > dt{display: flex;align-items: center;margin-bottom: 22px;}
.sec02_frame_ite > dl > dt .img{flex-shrink: 0;max-width: 110px;margin: 0 22px 0 0;}
.sec02_frame_ite > dl > dt .tt{font-size: 2.8rem;font-weight: 800;line-height: 1.4;}
.sec02_frame_ite > dl > dt .tt .sm{font-size: 2rem;}

.faq_list:not(:last-child){margin-bottom: 45px;}
.faq_list dl:not(:last-child){margin-bottom: 11px;}
.faq_list dl dt{position: relative;background-color: #FFF;border:2px solid var(--txt);transition: all 0.1s;cursor: pointer;}
.faq_list dl dt{overflow: hidden;display: flex;align-items: center;border-radius: 999px;min-height: 60px;border-bottom-width: 6px;}
.faq_list dl dt::before{content: "";position: absolute;width: 120px;height: 100%;left: 0;top: 0;z-index: 0;background: var(--mcolor);border-right: 2px solid var(--txt);}
.faq_list dl dt::after{width: 18px;height: 10px;content: "";position: absolute;background: url('../img/faq_ic.svg') no-repeat center /contain;right: 28px;top: calc(50% - 5px);transition: all 0.3s;transform: rotate(180deg);}
.faq_list dl dt .key,.faq_list dl dd .key{font-size: 3.2rem;font-family: var(--f-inter);font-weight: bold;z-index: 1;position: relative;}
.faq_list dl dt .key{flex-shrink: 0;width: 120px;display: flex;justify-content: center;align-items: center;margin: 0;line-height: 1;}
.faq_list dl dt .key span{font-size: 1.8rem;font-weight: 800;margin-right: 10px;font-family: var(--f-main);}
.faq_list dl dt .tt{padding: 9px 20px;font-weight: bold;font-size: 1.8rem;}
.faq_list dl.active dt::after{transform: rotate(0);}
.faq_list dl dd{padding: 34px 37px 34px 40px;overflow: hidden;margin-top: 10px;border-radius: 20px;position: relative;transition: all 0.3s;background-color:rgba(242, 216, 48, 0.2);}
.faq_list dl dd .key{margin-bottom: 10px;}
.faq_list dl:not(.active) dd,.sec11 .faq_list dl:not(.active) dd{height: 0;margin: 0;padding-top: 0;padding-bottom: 0;opacity: 0;}

.sec02 .faq_list dl dt{border-bottom-width: 6px;}
.sec02 .faq_list dl dd{background-color: #FFF;border:2px solid var(--txt);}

@media screen and (min-width: 751px) {
  .sec02{padding-bottom: 88px;}
  .sys_l{display: inline-block;margin-left: -15px;}
  .faq_list dl dd{font-size: 1.8rem;}
  .sec02_tt{font-size: 4rem;letter-spacing: 0.4rem;}
  .sec02_des{font-size: 2rem;margin-bottom: 37px;}
  .sec02_top{padding: 52px 0 97px;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 46px), calc(50% + 90px) calc(100% - 46px), 50% 100%,  calc(50% - 90px) calc(100% - 46px), 0 calc(100% - 46px))}
}

/* SEC03 */
.sec03{background: var(--mcolor);position: relative;}
.sec03::before,.sec03::after{content: "";position: absolute;width: 583px;height: 150px;top: 82px;}
.sec03::after{background: url(../img/sec03_af.png) no-repeat center /contain;right: -51px;transition: all 0.3s;}
.sec03_tt{margin-bottom: 21px;color: #FFF;padding: 25px 30px;border: 4px solid var(--txt);border-radius: 999px;background-color: var(--scolor);position: relative;z-index: 2;border-bottom-width: 12px;cursor: pointer;transition: all 0.3s;}
.sec03_tt::after {width: 19px;height: 11px;content: "";position: absolute;background: url(../img/sec03_tt_ic2.svg) no-repeat center / contain;right: 51px;top: calc(50% - 1px);transition: all 0.3s;transform: rotate(180deg);}
.sec03_tt.active::after{transform: none;}
.sec03_tt span{display: inline-block;position: relative;}
.sec03_tt span::before{content: "";position: absolute;width: 49px;height:60px;background: url('../img/sec03_tt_ic.svg') no-repeat center /contain;left: -67px;top: calc(50% - 30px);}
.sec03_frame{background: #FFF;position: relative;z-index: 2;margin-bottom: 40px;}
.sec03_frame .tt{font-weight: 800;font-size: 2rem;margin-bottom: 20px;line-height: 1;}
.sec03_frame .desc:not(:last-child){margin-bottom: 1.1em;}
.sec03_qa dl{display: flex;align-items: flex-start;}
.sec03_qa dl dt{flex-shrink: 0;width: 140px;margin-right: 40px;text-align: center;font-size: 2rem;font-weight: 600;line-height: 1.2;}
.sec03_qa dl dt img{display: block;margin: 0 auto 13px;}
.sec03_qa dl dd{position: relative;background-color: #FFF;z-index: 2;}
.sec03_qa dl dd::before{width: 21px;height: 20px;background-color: #FFF;top: calc(50% - 12px);content: "";position: absolute;z-index: 1;}
.sec03_qa dl:nth-of-type(even) dt{order: 2;margin-right: 0;}
.sec03_qa dl:nth-of-type(even) dd{order: 1;margin-right: 40px;}
.sec03_qa dl:nth-of-type(even) dd::before{right: -20px;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.sec03_qa dl:nth-of-type(odd) dd::before{left: -18px;clip-path: polygon(100% 0, 0 50%, 100% 100%);}
.sec03_result{transition: all 0.3s; height: 0;overflow: hidden;opacity: 0;}
.sec03_tt.active + .sec03_result{height: auto;opacity: 1;}

@media screen and (min-width: 751px) {
  .sec03{padding: 80px 0 109px;}
  .sec03::before{background: url(../img/sec03_bf.png) no-repeat center /contain;left: -50px;}
  .sec03_qa{margin-bottom: 7px;margin-top: 20px;}
  .sec03_qa dl dd{font-size: 1.8rem;padding: 38px 40px;border-radius: 20px;}
  .sec03_qa dl:not(:last-child){margin-bottom: 42px;}
  .sec03_frame{padding: 40px 40px 36px;border-radius: 20px;}
  .sec03_frame .desc{line-height: 1.69;}

}

/* SEC04 */
.sec04{position: relative;}
.sec04_frame{border: 4px solid var(--scolor);background-color: #FFF;}
.sec04_frame .tt1{font-weight: bold;font-size: 1.8rem;text-align: center;margin-bottom: 20px;}
.sec04_frame .tt2{font-size: 3.2rem;font-weight: bold;text-align: center;margin-bottom: 10px;}
.sec04_frame_img{margin-bottom: 15px;}
.sec04_tt{color: #FFF;background-color: var(--scolor);border-radius:999px;position: relative;width: fit-content;letter-spacing: 0.1rem;}
.sec04_tt > span{position: relative;}
.sec04_tt > span::before{content: "";position: absolute;width: 10px;height: 10px;background-color: #F2D830;top: -10px;left: calc(50% - 5px);border-radius: 50%;}
.sec04_tt::after{content: "";position: absolute;width: 20px;height: 16px;clip-path: polygon(50% 100%, 0 0, 100% 0);
background-color: var(--scolor);left: calc(50% - 10px);bottom: -15px;}
.sec04_tt2{font-size: 2.8rem;font-weight: bold;text-align: center;margin-bottom: 17px;}
.sec04_tt3{font-size: 2.4rem;text-align: center;margin-bottom: 26px;}
.sec04_tt4{font-size: 3.2rem;font-weight: bold;width: fit-content;position: relative;margin: 0 auto;padding: 0 0 36px 60px;}
.sec04_tt4 > span{font-size: 4rem;color: var(--scolor);position: relative;}
.sec04_tt4 > span::before{content: "";position: absolute;width: 10px;height: 10px;background-color: var(--scolor);top: -10px;left: calc(50% - 5px);border-radius: 50%;}
.sec04_tt4::before{content: '';position: absolute;width: 121px;height: 160px;background: url(../img/sec04_tt_ic01.svg) no-repeat center /contain;left: -80px;bottom: -1px;z-index: 1;}
.sec04_tt4::after{content: '';position: absolute;width: 72px;height: 80px;background: url(../img/sec04_tt_ic02.svg) no-repeat center /contain;right: -93px;bottom: 9px;z-index: 1;}
.sec04_frame_col{display: flex;flex-wrap: wrap;justify-content: center;}
.sec04_frame_col:not(.st2) > dl dt{padding: 6px 20px;border-radius: 999px;background-color: var(--scolor);color: #FFF;text-align: center;z-index: 2;position: relative;}
.sec04_frame_col:not(.st2) > dl dd{background-color: #fdf7d5;}
.sec04_frame_col > dl dd .des{max-width: 370px;margin: 0 auto 9px;line-height: 1.5;}
.sec04_frame_col > dl ul{display: flex;justify-content: center;}
.sec04_frame_col > dl ul li{font-size: 1.5rem;font-weight: bold;text-align: center;margin: 0 4px;line-height: 1.5;display: flex;align-items: center;flex-direction: column;}
.sec04_frame_col > dl ul li .sm{font-size: 1.3rem;font-weight: 500;line-height: 1.3;display: block;text-align: left;max-width: 110px;margin: 6px auto 0 auto;}
.sec04_frame_col > dl ul li img{display: block;margin: 0 auto 24px;}
.sec04_frame_col > dl:first-child ul li .txt{min-height: 42px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sec04_frame_col:not(.st2) > dl:first-child ul li img{margin-bottom: 11px;}

.sec04_frame_col.st2 dl dt{font-weight: bold;text-align: center;background-color: var(--mcolor);width: 100%;border-radius: 4px 4px 0 0;margin: 0;color:var(--txt);padding: 8px 10px;}
.sec04_frame_col.st2 dl dd{border-radius: 0 0 4px 4px;position: relative;padding: 20px 20px;background-color: rgba(242, 216, 48, 0.2);}
.sec04_frame_col.st2 dl dd::after{content: "等";font-weight: 600;font-size: 1.5rem;right: 11px;bottom: 5px;z-index: 1;position: absolute;}
.sec04_frame_col.st2 dl dd ul li.sm{font-size: 1.4rem;font-weight: bold;}
.sec04_frame_col.st2 > dl ul li{font-weight: 600;line-height: 1.3;white-space: nowrap;flex-shrink: 0;}
.sec04_frame_col.st2 > dl ul li img{margin: 0 auto 11px;}
@media screen and (min-width: 751px) {
  .sec04{padding: 0 0 82px 0;}
  .sec04_frame.st1{padding-bottom: 18px;}
  .sec04_frame_col.st2 dl.big{width: 680px;margin-bottom: 2px;}
  .sec04_frame_col.st2 dl.big ul li{margin: 0 30px;width: 130px;}
  .sec04_frame .tt1 span{font-size: 2.6rem;}
  .sec04_frame .tt1 .line{background-position: top 28px left;}
  .sec04_frame:not(:last-child){margin-bottom: 66px;}
  .sec04_frame .tt2 img{display: block;margin: -88px auto 0px;}
  .sec04_frame_info{font-size: 1.5rem;}
  .sec04_frame_des{padding: 0 30px;margin: 0 auto 22px;}
  .sec04_frame_des .desc{line-height: 1.65;margin-bottom: -20px;}
  .sec04_frame_des2{margin-bottom: 37px;}
  .sec04_frame_col:not(.st2) > dl dd{padding: 43px 20px;border-radius: 20px;height: 280px;}
  .sec04_frame_col{width: calc(100% + 12px);margin-left: -6px;}
  .sec04_frame_col:not(.st2) > dl{width: 450px;margin: 6px;}
  .sec04_frame_col:not(.st2) > dl dt{width: 380px;margin: 0 auto -24px;font-size: 2rem;font-weight: bold;}
  .sec04_frame_col.st2{width: calc(100% + 40px);margin-left: -20px;}
  .sec04_frame_col.st2 dl{width: 420px;margin: 18px 20px 21px;}
  .sec04_frame_col:not(.st2) > dl ul{width: calc(100% + 80px);margin-left: -40px;}
  .sec04_frame_col:not(.st2) > dl:first-child ul{margin-left: -33px;}
  .sec04_frame_col > dl ul li{width: 140px;}
  .sec04_frame_col > dl:first-child ul li{margin: 0 20px;}
  .sec04_frame_col.st2 dl dt{font-size: 1.8rem;}
  .sec04_frame_col.st2 dl dd{height: 192px;}
  .sec04_frame_col.st2 > dl ul li{margin: 0 14px;width: 102px;}
  .sec04_frame{padding: 53px 20px 33px;border-radius: 20px;}
  .sec04_tt{margin: -40px auto 43px;padding: 22px 44px 17px;}
  #sec04{position: absolute;top: -60px;left: 0;}
}

/* SEC05 */
.sec05{background-color:var(--mcolor);position: relative;}
.sec05::before,.sec05::after{content: "";position: absolute;width: 100%;height: 40px;background: url('../img/sec05_before.png') repeat right center;left: 0;}
.sec05::before{top: 0;}
.sec05::after{bottom: 0;}
.sec05_tt{font-weight: bold;text-align: center;}
.sec05_tt .line{background-image: linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 85%, #FFF 85%, #FFF 100%);background-size: 30px 70px;background-position: top 25px left;}
.sec05_tt .num{font-size: 4.8rem;font-family: var(--f-inter);letter-spacing: 0.2rem;display: inline-block;margin: 0 1px 0 3px;}
.sec05_tt .sm{font-size: 2.6rem;}
.sec05_slg{font-size: 2.2rem;font-weight: 800;text-align: center;width: 100%;max-width: 640px;background-color: #FFF;padding: 4px 10px;border-radius: 999px;margin: 0 auto 7px;}
.sec05_des{font-weight: 600;text-align: center;margin-bottom: 7px;}
.sec05_btn{position: relative;z-index: 2;}
.sec05_btn a{border-radius: 999px;background: url('../img/ic_arrow_next.svg') no-repeat center right 39px var(--scolor);font-size: 3.1rem;font-weight: bold;color: #FFF;border: 4px solid var(--txt);margin: 0 auto;position: relative;width: 880px;height: 88px;display: flex;justify-content: center;align-items: center;border-bottom-width: 12px;letter-spacing: 0;padding-bottom: 3px;}
.sec05_btn a > span{position: relative;}
.sec05_btn a > span::before{content: "";position: absolute;width: 38px;height: 40px;background: url('../img/btn_ic_flag.svg') no-repeat center /contain;left: 0px;top: calc(50% - 18px);}
.sec05_btn a::after{content: "";position: absolute;background: url('../img/sec05_ic01.svg') no-repeat center /contain;z-index: -1;}

@media screen and (min-width: 751px) {
  .sec05{padding: 72px 0 82px;}
  .sec05_des{font-size:1.8rem;}
  .sec05_btn a > span{padding-left: 61px;}
  .sec05_slg.st2{margin-bottom: 17px;}
  .sec05_des.st2{margin-bottom: 36px;}
  .sec05_btn a::after{width: 177px;height: 180px;bottom: -54px;left: -143px;}
  .sec05_tt{font-size: 2.4rem;margin-bottom: 29px;letter-spacing: 0.05rem;}

}

/* SEC06 */
.sec06_map_note{width: 100%;height: 161px;display: flex;justify-content: center;align-items: center;background-color: var(--mcolor);border-radius: 10px;padding-right: 10px;}
.sec06_map_note dt{margin-right: 40px;flex-shrink: 0;width: 96px;}
.sec06_map_note dd .tt1{font-size: 2.4rem;font-weight: bold;line-height: 1;margin-bottom: 10px;}
.sec06_map_note dd .tt2{font-size: 3.2rem;font-weight: 800;line-height: 1;}
.sec06_map_note dd .tt2 .num{font-family: var(--f-inter);display: inline-block;margin-right: 10px;}

@media screen and (min-width: 751px) {
  .sec06{padding: 80px 0;}
  .sec06_map{display: flex;justify-content: space-between;align-items: center;}
  .sec06_map > dt{width: 51%;max-width: 482px;}
  .sec06_map > dd{width: 50%;}
  .sec06_map_note dd{min-width: 250px;padding-top: 8px;}
  .sec06_map_note dd .tt2 .num{font-size: 8rem;transform: translateY(5px);}
  .sec06_map_note:not(:last-child){margin-bottom: 20px;}

}
/* SEC07 */
.sec07{background-color: var(--mcolor);}
.sec07_list dl{width: 360px;border: 4px solid var(--txt);border-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,0.16);margin: 10px;background-color: #FFF;padding: 16px;}
.sec07_list dl dt .cate{margin-bottom: 17px;}
.sec07_list dl dt .cate span{display: inline-block;padding: 2px 9px;border-radius: 4px;}
.sec07_list dl dt .cate span:not(:last-child){margin-right: 8px;}
.sec07_list dl dt .cate span.cat1{background-color: var(--mcolor);}
.sec07_list dl dt .cate span.cat2{background-color: var(--scolor);color: #FFF;}
.sec07_list dl dt .tt{margin-bottom: 6px;}
.sec07_list dl dt .tt > span{font-size: 2rem;display: block;margin-top: 5px;}

.slick-next:hover{background:url(../img/ic_next.png) no-repeat center /contain;}
.slick-prev:hover{background:url(../img/ic_prev.png) no-repeat center /contain;}
.slick-prev,.slick-prev:focus{left: -58px;background:url(../img/ic_prev.png) no-repeat center /contain;}
.slick-next,.slick-next:focus{right: -58px;background:url(../img/ic_next.png) no-repeat center /contain;}
.slick-prev,.slick-next,.slick-prev:focus,.slick-next:focus{z-index:3;height:48px;width:48px}
.slick-prev:before,.slick-next:before{display:none}

.slick-dots li{width:14px;height:14px;border-radius:50%;background-color:#fff;margin: 8px;}
.slick-dots li:hover{opacity:.7}
.slick-dots li.slick-active:hover{opacity:1}
.slick-dots li.slick-active{background-color:var(--scolor)}
.slick-dots li button:before{content:""}
.slick-list{z-index:1}
.slick-dots{z-index:2;bottom: -52px;}


@media screen and (min-width: 751px) {
  .sec07{padding: 80px 0 94px;}
  .sec07_tt{margin-bottom: 0;}
  .sec07_head{max-width: 1120px;position: relative;margin: 0 auto 21px;}
  .sec07_note{position: absolute;right: 0;top: 0;z-index: 2;}
  .sec07_list{max-width: 1140px;margin: 0 auto;}
  .sec07_list dl dt{margin-bottom: 46px;}
  .slick-next:hover{opacity:.7;}
  .slick-prev:hover{opacity:.7;}
  .sec07 .slick-track{ display: flex !important;}
  .sec07 .slick-slide{height: inherit !important;}
  .sec07_list dl dt .tt.sm span{font-size: 1.7rem;}
  .sec07_list dl dd img{width: 320px;}

}

/* SEC08 */
.sec08_tt2{font-size: 2.2rem;font-weight: bold;background-color: var(--mcolor);padding: 5px 20px;margin-bottom: 20px;}
.sec08_list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;}
.sec08_list dl dt{margin-bottom: 18px;position: relative;cursor: pointer;}
.sec08_list dl dt .cta{position: absolute;right: 10px;bottom: 10px;z-index: 1;background-color: #FFF;border-radius: 5px;display: flex;justify-content: center;align-items: center;width: 95px;height: 48px;font-size: 2rem;font-weight: bold;color: #555555;cursor: pointer;}
.sec08_list dl dt .cta::after{content: "";display: inline-block;margin-left:5px;background: url('../img/ic_play.svg') no-repeat center /contain;width: 32px;height: 32px;}
.sec08_list dl dd{font-size: 1.8rem;text-align: center;}


@media screen and (min-width: 751px) {
  .sec08{padding: 80px 0 0;}
  .sec08_list:not(:last-child){margin-bottom: 45px;}
}

/* SEC09 */
.sec09_step{margin-bottom: 41px;margin-top: -4px;}
.sec09_step dl{display: flex;}
.sec09_step dl dt{font-family: var(--f-inter);font-weight: 800;font-size: 1.4rem;text-align: center;width: 80px;background-color: var(--mcolor);border-radius: 10px 0 0 0;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 4px;}
.sec09_step dl:last-child dt{border-radius: 10px 0 0 10px;}
.sec09_step dl:not(:last-child) dt::after{content: "";position: absolute;width: 100%;height: 21px;background-color: var(--mcolor);bottom: -20px;left: 0;clip-path: polygon(50% 100%, 0 0, 100% 0)}
.sec09_step dl dt span{font-size: 3.6rem;display: block;margin-top: 2px;}
.sec09_step dl dd{background-color: #FFF;padding: 21px 42px;border-radius: 0 10px 10px 0;width: calc(100% - 80px);font-size: 2rem;font-weight: bold;}

.sec09_frame{padding: 36px 40px 44px;background-color: var(--mcolor);border-radius: 10px;position: relative;}
.sec09_frame::after{content: "";position: absolute;width: 160px;height: 165px;background: url('../img/sec09_frame_ic.svg') no-repeat center /contain;z-index: 0;}
.sec09_frame .tt{font-size: 2rem;font-weight: bold;text-decoration: underline;text-underline-offset: 3px;margin-bottom: 16px;}
.sec09_frame *{position: relative;z-index: 2;}
@media screen and (min-width: 751px) {
  .sec09{padding-top: 80px;}
  .sec09_frame::after{left: 50px;bottom:30px;}
  .sec09_frame .des{margin-bottom: 19px;}
  .sec09_step dl:not(:last-child){margin-bottom: 22px;}
}

/* SEC10 */
.sec10 > .inner::after{content: '';position: absolute;width: 151px;height: 200px;background: url('../img/sec10_ic01.svg') no-repeat center /contain;right: -130px;bottom: -40px;z-index: 1;}
.sec10_tt2{font-size: 2rem;font-weight: bold;text-align: center;border-radius: 999px;background-color: var(--mcolor);padding: 5px 5px;margin-bottom: 20px;}
.sec10_note{line-height: 1.5;}

@media screen and (min-width: 751px) {
  .sec10{padding: 80px 0 41px;}
  .sec10_img{width: calc(100% + 45px);margin-bottom: 0;}
  .sec10_note:not(:last-child){margin-bottom: 10px;}

}
/* SEC11 */
.sec11{background-color: #FFF;}
.sec11 .faq_list dl dd{padding: 21px 31px 34px;margin-top: 16px;border-radius: 10px;}
@media screen and (min-width: 751px) {
  .sec11{padding: 80px 0;}
  .sec11_box{max-width: 800px;margin: 0 auto;}
  .sec11 .faq_list dl dd{font-size: 1.6rem;}
  .sec11 .faq_list dl:not(:last-child){margin-bottom: 20px;}
  .sec11 .faq_list dl:not(.active) dt{min-height: 56px;}
  .sec11 .faq_list dl dt::before,.sec11 .faq_list dl dt .key{width: 78px;}
}
/*============= FOOTER ==============*/
footer{position: relative;z-index: 3;background-color: var(--mcolor);}
.ft_top_tt{letter-spacing: 0.1rem;}
.ft_info_txt .company{font-size: 1.8rem;font-weight: 600;}
.ft_info_txt .key{flex-shrink: 0;width: 109px;margin-right: 20px;}
.ft_info_des{font-size: 1.5rem;margin-top: -12px;line-height: 1.6;letter-spacing: 0.1rem;margin-bottom: 20px;}

.ft_bot{background-color:var(--txt);padding: 10px 30px;}
address{font-size: 1.3rem;color:#fff;}


@media screen and (min-width: 751px) {
  .ft_top{padding: 78px 0 74px;}
  .ft_box{display: flex;justify-content: space-between;}
  .ft_map{width: 48%;max-width: 460px;margin-right: 4.2%;}
  .ft_info{margin-top: -5px;}
  .ft_info_txt{display: flex;line-height: 1.6;}
  .ft_info_txt:last-child{letter-spacing: 0.06rem;}
  .ft_info_txt:not(:last-child){margin-bottom: 20px;}
  .bnn_fixed{position: fixed;right: 0;top: calc(50% - 175px);z-index: 9999;}
  .bnn_fixed a{width: 68px;height: 350px;border: 4px solid #000;border-radius: 10px 0 0 10px;-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: url('../img/bnn_fixed_ic.svg') no-repeat right 8px top 15px var(--scolor);padding-top: 45px;border-right: 0;letter-spacing: 0.18rem;font-size: 2.4rem;font-weight: bold;color: #FFF;display: flex;justify-content: center;align-items: center;}
}

.to_top{position:fixed;z-index:8;bottom:20px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}

.popup{position: fixed;background: rgba(0, 0, 0, 0.5);min-width: 100vw; min-height: 100vh;top: 0;right: 0;z-index: 40;display: flex;align-items: center;justify-content: center;padding: 0 15px;width: 100%;height: 100%;}
.popup:not(.show){display: none;}
.popup_box{padding: 40px 40px 50px;border-radius: 5px;background-color: #FFF;width: 100%;position: relative;z-index: 2;box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);max-width: 900px;margin: 0 auto;}
.popup_close{position: absolute; right: 8px;top: 8px;width:30px;height:30px;display: flex;justify-content: center;align-items: center;background: url('../img/ic_close.svg') no-repeat center /12px #000;cursor: pointer;border-radius: 50%;}
.popup_content video{width: 100%;height: auto;}


@media screen and (min-width: 751px) {}

/* 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) {}