@charset "utf-8";

/*==================================================

ベース

==================================================*/
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	color: #171717;
  font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: calc( var(--base) * 16 );
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "palt";
	letter-spacing: 0;
}
main{
  overflow-x: hidden;
  position: relative;
}
/*========= 関数指定 ==========*/

/* PC */
@media print, screen and (min-width: 768px) {
	:root {
  --base:calc( 100vw / 1360 );
  }
  .pc-hideAtFirst{
    opacity: 0;
  }
}

/* SP */
@media screen and (max-width: 767px) {
	:root {
    --base:calc( 100vw / 375 );
  }
  .sp-hideAtFirst{
    opacity: 0;
  }
}
/*===================*/

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
a {
	text-decoration: none;
	cursor: pointer;
}

/*==================================================

全ページ共通

==================================================*/

/* PC */
@media print, screen and (min-width: 768px) {
	.sp {
		display: none!important;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.pc {
		display: none!important;
	}
}

/* アニメーショントリガー
--------------------------------------------------*/

.trigger-bottom{
  width: 1px;
  height: 1px;
  position: absolute;
  left:0;
  bottom:0;
  opacity:0;
  pointer-events: none;
}

/*==================================================

ページ

==================================================*/
/* メイン
--------------------------------------------------*/
.main{
  position: relative;
}

.main__in{
  position: relative;
}
.main__in>div,
.main-call__text,
.main-call__boder,
.main-list{
  position: absolute;
}
.main-call{ 
  transform: rotate(10deg);
  transform-origin: right center;
}
.main-call__text{
  transform-origin: right center;
}
.main-wave-bottom{
  bottom: 0;
  left: 0;
  right: 0;  
}

.main-logo{
  position: absolute;
  left: 0;
  right: 0;  
  margin: 0 auto;
}
.main-title{
  left: 0;
  right: 0;  
  margin: 0 auto;
  text-align: center;
}
.main-title__text01{
  color: #fff;
  font-weight: 900; 
}
.main-title__text02{
  margin: 0 auto;
}
.main-list{
  position: absolute;
  left: 0;
  right: 0;  
  margin: 0 auto; 
}
.main-list li{
  background-color: rgba(163,0,0,0.3);
  font-weight: bold;
}
.main-list__title{
  background: url("../images/main-check.svg") calc( var(--base) * 11 ) center no-repeat;
  background-color: #fff;
  border-radius: 10rem;
  color: #AF0000;
  font-size: calc( var(--base) * 13 );
}
.main-list__text{
  flex: 1;
  color: #fff;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  body{
    background:#fc6d06 url("../images/main-bg.png") center top repeat;
    background-size: 100% auto;
  }
  .main{
    background: url("../images/main-bg-texture.png") center top repeat;
    background-size: 100% auto;
    /* height:calc( var(--base) * 800 );  */
    height:100%;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    bottom:0;
  }
  .main__in{
    height:calc( var(--base) * 800 );
    width:100%;
  }
  .main-texture{
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .main-sun{
    width: calc( var(--base) * 817 );
    bottom: calc( var(--base) * -305 );
    left: 0;
    right: 0;  
    margin: 0 auto;
  }
  .main-wave__lefttop{
    width: calc( var(--base) * 210 );
    top: calc( var(--base) * -13 );
    left: 0; 
  }
  .main-wave__leftmdl{
    width: calc( var(--base) * 80.5 );
    top: calc( var(--base) * 349 );
    left: 0;
  }
  .main-wave__righttop{
    width: calc( var(--base) * 208 );
    top: calc( var(--base) * -25 );
    right: 0;  
  }
  .main-wave__rightmdl{
    width: calc( var(--base) * 80.5 );
    top: calc( var(--base) * 349 );
    right: 0;  
  }
  .main-man__left01{
    width: calc( var(--base) * 646.5 );
    top: calc( var(--base) * 277 );
    left: calc( var(--base) * -160 );
  }
  .main-man__left02{
    width: calc( var(--base) * 330 );
    top: calc( var(--base) * 469 );
    left: calc( var(--base) * 23 );
  }
  .main-man__left03{
    width: calc( var(--base) * 230 );
    top: calc( var(--base) * 538 );
    left: calc( var(--base) * 181 );
  }
  .main-man__right01{
    width: calc( var(--base) * 425 );
    top: calc( var(--base) * 271 );
    right: calc( var(--base) * -20 );  
  }
  .main-man__right02{
    width: calc( var(--base) * 217 );
    top: calc( var(--base) * 561 );
    right: calc( var(--base) * 44 );  
  }
  .main-man__right03{
    width: calc( var(--base) *  268);
    top: calc( var(--base) * 514 );
    right: calc( var(--base) * 164 ); 
  }
  .main-call{
    width: calc( var(--base) * 230 );
    height: calc( var(--base) * 80 );
    top: calc( var(--base) * 310 );
    right: calc( var(--base) * 287 );  
  }
  .main-call__text{
    width: calc( var(--base) * 185 );
    top: calc( var(--base) * 28 );
    left: calc( var(--base) * 40 ); 
  }
  .main-call__boder{
    width: calc( var(--base) * 80 );
    bottom: calc( var(--base) * 3 );
    right: calc( var(--base) * 8 );  
  }
  .main-wave-bottom{
    width: calc( var(--base) * 1360 );
    bottom: 0;
  }

  .main-logo{
    width: calc( var(--base) * 811 );
    top: calc( var(--base) * 57.5 );
  }
  .main-title{
    top: calc( var(--base) * 365 );
  }
  .main-title__text01{
    font-size: calc( var(--base) * 30 );
    margin-bottom: calc( var(--base) * 1 );
  }
  .main-title__text02{
    width: calc( var(--base) * 385 );
    position: relative;
    left: calc( var(--base) * -10 );    
  }
  .main-list{
    width: calc( var(--base) * 528 );
    top: calc( var(--base) * 505 );
  }
  .main-list li{
    border-radius: calc( var(--base) * 10 );
    display: flex;
    justify-content: space-between;
    gap:0 calc( var(--base) * 15 );
    padding: calc( var(--base) * 6 );
    font-weight: bold;
    margin-bottom: calc( var(--base) * 6 );
  }
  .main-list__title{
    background-size: calc( var(--base) * 19.657 ) auto;
    display: flex;
    justify-content: space-between;
    padding: calc( var(--base) * 4 ) calc( var(--base) * 18 ) calc( var(--base) * 4 ) calc( var(--base) * 35 );
    font-size: calc( var(--base) * 13 );
  }
  .main-list__text{
    flex: 1;
    font-size: calc( var(--base) * 18 );
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .main{
    background: url("../images/main-bg-sp.png") center top no-repeat;
    background-size: 100% auto;
    height:calc( var(--base) * 699 ); 
  }
  .main__in{
    height:calc( var(--base) * 699 ); 
  }
  .main-sun{
    width: calc( var(--base) * 520 );
    bottom: calc( var(--base) * 30 );
    left: calc( var(--base) * -75 );
    right: calc( var(--base) * -75 ); 
  }
  .main-wave__lefttop{
    width: calc( var(--base) * 84 );
    top: calc( var(--base) * -25 );
    left: 0; 
  }
  .main-wave__leftmdl{
    width: calc( var(--base) * 45 );
    top: calc( var(--base) * 498 );
    left: calc( var(--base) * -5 );
  }
  .main-wave__righttop{
    width: calc( var(--base) * 84 );
    top: calc( var(--base) * -25 );
    right: 0;  
  }
  .main-wave__rightmdl{
    width: calc( var(--base) * 45 );
    top: calc( var(--base) * 498 );
    right: 0;  
  }
  .main-man__left01{
    width: calc( var(--base) * 198 );
    top: calc( var(--base) * 503 );
    left: calc( var(--base) * -12 );
  }
  .main-man__left02{
    width: calc( var(--base) * 130 );
    top: calc( var(--base) * 550 );
    left: calc( var(--base) * 23 );
  }
  .main-man__left03{
    width: calc( var(--base) * 90 );
    top: calc( var(--base) * 580 );
    left: calc( var(--base) * 83 );
  }
  .main-man__right01{
    width: calc( var(--base) * 115 );
    top: calc( var(--base) * 515 );
    right: calc( var(--base) * 5 );  
  }
  .main-man__right02{
    width: calc( var(--base) * 87 );
    top: calc( var(--base) * 590 );
    right: calc( var(--base) * 15 );  
  }
  .main-man__right03{
    width: calc( var(--base) *  107);
    top: calc( var(--base) * 570 );
    right: calc( var(--base) * 60 ); 
  }
  .main-call{
    width: calc( var(--base) * 130 );
    height: calc( var(--base) * 40 );
    top: calc( var(--base) * 536 );
    right: calc( var(--base) * 106 );  
  }
  .main-call__text{
    width: calc( var(--base) * 112 );
    top: calc( var(--base) * 4 );
    left: calc( var(--base) * 15 ); 
  }
  .main-call__boder{
    width: calc( var(--base) * 40 );
    bottom: calc( var(--base) * 0 );
    right: calc( var(--base) * 0 );  
  }
  .main-wave-bottom{
    width: 100%;
    bottom: 0;
  }

  .main-logo{
    width: calc( var(--base) * 315 );
    top: calc( var(--base) * 57 );
  }
  .main-title{
    top: calc( var(--base) * 190 );
  }
  .main-title__text01{
    font-size: calc( var(--base) * 22 );
    margin-bottom: calc( var(--base) * 1 );
  }
  .main-title__text02{
    width: calc( var(--base) * 235 );
  }
  .main-list{
    width: calc( var(--base) * 335 );
    top: calc( var(--base) * 269 );
  }
  .main-list li{
    border-radius: calc( var(--base) * 8 );
    gap:0 calc( var(--base) * 15 );
    padding: calc( var(--base) * 8 );
    font-weight: bold;
    margin-bottom: calc( var(--base) * 6 );
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main-list__title{
    background-size: calc( var(--base) * 19.657 ) auto;
    display: flex;
    justify-content: center;
    padding: calc( var(--base) * 3 ) calc( var(--base) * 18 ) calc( var(--base) * 3 ) calc( var(--base) * 35 );
    font-size: calc( var(--base) * 13 );
    margin-bottom: calc( var(--base) * 3 );
  }
  .main-list__text{
    flex: 1;
    font-size: calc( var(--base) * 17 );
  }
}

/* それがインバウンド
--------------------------------------------------*/
.inbound{
  position: relative;
  z-index: 7;
}
.inbound-inner{
  position: relative;
  z-index: 10;
}
.inbound-wave{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
}
.inbound:after{
  content: "";
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
.inbound-board{
  position: relative;
}
.inbound-board__title{
  position: absolute;
}
.inbound-board__time{
  color: #171717;
  display: block;
}
.inbound-board__image{
  position: absolute;
}
.inbound-board__list li{
  background: url("../images/inbound-check.svg") left calc( var(--base) * 10 ) center no-repeat;
  font-weight: bold;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .inbound{
    padding: calc( var(--base) * 248 ) 0 calc( var(--base) * 75 ) 0;
    margin-top: calc( var(--base) * 625.8 );
  }
  .inbound-wave{
    height: calc( var(--base) * 1214 );
    background: url("../images/inbound-bg.png") top center no-repeat;
    background-size: 100% auto;
  }
  .inbound:after{
    border-radius: calc( var(--base) * 110 );
    top: calc( var(--base) * 590 );
  }
  .inbound-title{
    width: calc( var(--base) * 730 );
    margin-left: calc( var(--base) * 265 );
  }
  .inbound-board{
    width: calc( var(--base) * 1156 );
    height: calc( var(--base) * 713 );
    margin: calc( var(--base) * -30 ) auto 0 auto;
  }
  .inbound-board__inner{
    height: calc( var(--base) * 713 );
    background: url("../images/inbound-board.png") center center no-repeat;
    background-size: 100% auto;
    margin-right: calc( var(--base) * -8 );
    padding-top: calc( var(--base) * 158 );
  }
  .inbound-board__title{
    width: calc( var(--base) * 203 );
    height: calc( var(--base) * 713 );
    top: calc( var(--base) * 137 );
    left: calc( var(--base) * 99 );
  }
  .inbound-board__time{
    font-size: calc( var(--base) * 14 );
    margin: calc( var(--base) * 15 ) 0 0 calc( var(--base) * 7 );
  }
  .inbound-board__image{
    width: calc( var(--base) * 480 );
    bottom: calc( var(--base) * 24 );
    left: calc( var(--base) * 24 );
  }
  .inbound-board__list{
    margin-left: calc( var(--base) * 390 );
  }
  .inbound-board__list li{
    background-size: calc( var(--base) * 17.3 ) auto;
    background-color: rgba(255,255,255,0.6);
    font-size: calc( var(--base) * 20 );
    padding: calc( var(--base) * 1 ) calc( var(--base) * 12 ) calc( var(--base) * 0 ) calc( var(--base) * 37 );
    display: inline-block;
    margin-bottom: calc( var(--base) * 14 );
  }  
}

/* SP */
@media screen and (max-width: 767px){
  .inbound{
    margin-top: calc( var(--base) * -78 );
    padding: calc( var(--base) * 125 ) 0 calc( var(--base) * 45 ) 0;
  }
  .inbound-wave{
    height: calc( var(--base) * 600 );
    background: url("../images/inbound-bg.png") top center no-repeat;
    background-size: 100% auto;
  }
  .inbound:after{
    border-radius: calc( var(--base) * 40 );
    top: calc( var(--base) * 260 );
  }
  .inbound-title{
    width: calc( var(--base) * 335 );
    margin: 0 auto;
  }
  .inbound-board{
    margin: calc( var(--base) * 25 ) calc( var(--base) * 20 ) 0 calc( var(--base) * 20 );
  }
  .inbound-board__inner{
    aspect-ratio: 689 / 1555;
    background: url("../images/inbound-boad-sp.png") top center no-repeat;
    background-size: 100% auto;
    margin: calc( var(--base) * -30 ) calc( var(--base) * -5 ) 0 0;
    padding-top: calc( var(--base) * 46 );
    z-index: 10;
    position: relative;
  }
  .inbound-board__title{
    width: calc( var(--base) * 130 );
    top: calc( var(--base) * 67 );
    right: calc( var(--base) * 60 );
  }
  .inbound-board__time{
    font-size: calc( var(--base) * 12 );
    margin-top: calc( var(--base) * 3 );
    text-align: right;
  }
  .inbound-board__image{
    width: calc( var(--base) * 146 );
    top: calc( var(--base) * 17 );
    left: calc( var(--base) * 30 );
  }
  .inbound-board__list{
    margin: calc( var(--base) * 99 ) calc( var(--base) * 35 ) 0 calc( var(--base) * 27 );
    position: relative;
    z-index: 2;
  }
  .inbound-board__list li{
    background-size: calc( var(--base) * 11 ) auto;
    background-color: rgba(255,255,255,0.6);
    background-position: calc( var(--base) * 9 ) calc( var(--base) * 10 );
    font-size: calc( var(--base) * 16 );
    line-height: 1.45;
    padding: calc( var(--base) * 6 ) calc( var(--base) * 5 ) calc( var(--base) * 4 ) calc( var(--base) * 28 );
    margin-bottom: calc( var(--base) * 6 );
  }  
}
	
/* 嘘と思うがこれが事実！*/
.check{
  position: relative;
}
.check-title{
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
}
.check-slide__item{
  position: relative;
  text-align: center;
}
.check-slide__icon{
  position: absolute;
  top: 0;
}
.check-slide__title{
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.check-slide__text01{
  background-color: #171717;
  color: #fff;
  font-weight: 500;
  text-align: center;
  display: inline-block;
}
.check-slide__list{
  display: flex;
}
.check-slide__list li{
  background-color: #171717;
  border-radius: calc( var(--base) * 4 );
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
}
.check-slide__listTitle{
  color: #fff;
  line-height: 1.2;
}
.check-slide__listText{
  color: #FFF500;
  line-height: 1.2;
  font-family: "Inter";
}
.check-slide__listSmall01{
  letter-spacing: 0;
}
.check-slide__listSmall02{
  font-weight: 400;
  letter-spacing: 0;
}
.check-slide__text02{
  font-size: calc( var(--base) * 14 );
  font-weight: 500;
  line-height: 1.857;
  text-align: left;
}
.check-slide__red{
  color: #AF0000;
}
.check-slide__controls{
  width: fit-content;
  height: calc( var(--base) * 32 );
  position: relative;
  padding: 0 calc( var(--base) * 32 );
}
.slick-prev{
  background-image: url("../images/prev.svg");  
  left: 0;
}
.slick-next{
  background-image: url("../images/next.svg");  
  right: 0;
}
.slick-prev,
.slick-next{
  width: calc( var(--base) * 16 );
  height: calc( var(--base) * 20 );  
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
/* PC表示時カルーセルが2枚の場合display:none;追加 */
.slick-dots{
  display: flex;
  justify-content: center;
  gap:0 calc( var(--base) * 8 );
  display: none;
}
.slick-dots li{
  width: calc( var(--base) * 32 );
  height: calc( var(--base) * 32 );
  position: relative;
  text-indent: -9999px;
  transition: all .3s ease;
}
.slick-dots li:hover{
  background-color: #EFEFEF;
  border-radius: 50%;
}
.slick-dots li:before,
.slick-dots li:after{
  content: "";
  border-radius: 50%;
  position: absolute;
  inset:0;
  margin: auto auto;
  display: block;
}
.slick-dots li:before{
  width: calc( var(--base) * 32 );
  height: calc( var(--base) * 32 );
  border: 1px #AF0000 solid;
  opacity: 0;
}
.slick-dots li:after{
  width: calc( var(--base) * 8 );
  height: calc( var(--base) * 8 );
  background-color: #C4C4C4;
}
.slick-dots li.slick-active:before{
  opacity: 1;
}
.slick-dots li.slick-active:after{
  width: calc( var(--base) * 8 );
  height: calc( var(--base) * 8 );
  background: linear-gradient(180deg,rgba(201, 27, 27, 1) 0%, rgba(250, 212, 0, 1) 100%);
}
.check-note{
  width: fit-content;
  margin: 0 auto;
}
.check-note li{
  display: flex;
  align-items: flex-start;
  gap:0 calc( var(--base) * 5 );
  font-size: calc( var(--base) * 11 );
  line-height: 1.666;
}
.check-note__mark{
  width: 2em;
  white-space: nowrap;
}
.check-note__text{
  width: calc( 100% - 2em );
}
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
input[type="checkbox"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .check-title{
    width: calc( var(--base) * 1156 );
    margin: 0 auto;
    gap:0 calc( var(--base) * 7 );
    margin-top: calc( var(--base) * -42 );
  }
  .check-title__text{
    width: calc( var(--base) * 625 );
    margin-left: calc( var(--base) * 80 );
    padding-top: calc( var(--base) * 115 );
  }
  .check-title__image{
    width: calc( var(--base) * 502 );
    margin-right: calc( var(--base) * 50 );
  }
  .check-slide{
    width: calc(var(--base) * 1170);
    margin: calc(var(--base) * -30) auto;
  }
  .check-slide__item{
    background: url("../images/inbound-paper.png") center top calc( var(--base) * 34 ) no-repeat;
    background-size: 100% auto;
    margin: 0 calc( var(--base) * 16 );
    padding-top: calc( var(--base) * 34 );
    aspect-ratio: 109 / 110;
  }
  .check-slide__icon{
    width: calc( var(--base) * 102 );
    left: calc( var(--base) * 24 );
  }
  .check-slide__title{
    font-size: calc( var(--base) * 26 );
    margin: calc( var(--base) * 75 ) 0 calc( var(--base) * 9 ) 0;
  }
  .check-slide__text01{
    font-size: calc( var(--base) * 14 );
    border-radius: calc( var(--base) * 20 );
    margin: 0 auto calc( var(--base) * 24 ) auto;
    padding: calc( var(--base) * 3 ) calc( var(--base) * 8 );
  }
  .check-slide__list{
    gap:0 calc( var(--base) * 6 );
    margin: 0 calc( var(--base) * 31 ) calc( var(--base) * 27 ) calc( var(--base) * 31 );
  }
  .check-slide__list li{
    width: calc( ( 100% / 3 ) - calc( var(--base) * 4 ) );
    border-radius: calc( var(--base) * 4 );
    aspect-ratio: 4 / 3;
  }
  .check-slide__listTitle{
    font-size: calc( var(--base) * 14 );
    margin-bottom: calc( var(--base) * 3 );
  }
  .check-slide__listText{
    font-size: calc( var(--base) * 40 );
    letter-spacing: -0.04em;
  }
  .check-slide__listSmall01{
    font-size: calc( var(--base) * 20 );
  }
  .check-slide__listSmall02{
    font-size: calc( var(--base) * 16 );
  }
  .check-slide__text02{
    margin: 0 calc( var(--base) * 30 );
  }
  .check-note{
    width: fit-content;
    margin: 0 auto;
  }
  .check-note li{
    font-size: calc( var(--base) * 11 );
  }
  .check-slide__controls{
    margin: calc( var(--base) * 64 ) auto calc( var(--base) * 32 ) auto;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .slick-dots{
    display: flex!important;
  }
  .check-title{
    width: 100%;
    height: calc( var(--base) * 133 );
    position: relative;
  }
  .check-title__text{
    width: calc( var(--base) * 205 );
    position: absolute;
    top: calc( var(--base) * 20 );
    left: calc( var(--base) * 25 );
  }
  .check-title__image{
    width: calc( var(--base) * 160 );
    position: absolute;
    top: calc( var(--base) * 40 );
    right: calc( var(--base) * 18 );
  }
  .check-slide{
    margin:0 calc(var(--base) * -20) 0 calc(var(--base) * -20);
  }
  .check-slide .slick-track {
    margin-left: calc(var(--base) * 33);
    padding-top: calc(var(--base) * 20);
  }
  .check-slide .slick-list {
	  padding: 0 calc(var(--base) * 75) 0 0!important;
	}
  .check-slide__item{
    width: 100%;
    margin: 0 calc(var(--base) * 7.5);
    position: relative;
  }
  .check-slide__itemIn{
    position: relative;
    padding: calc( var(--base) * 57 ) 0;
  }
  .check-slide__itemIn:before{
    background-image:url("../images/inbound-paper-bottomleft.svg"),url("../images/inbound-paper-bottomright.svg");
    background-repeat: no-repeat,no-repeat;
    background-position: left bottom,right bottom;
    background-size: calc(var(--base) * 23) auto,calc(var(--base) * 23) auto;
    width: 100%;
    height: calc(var(--base) * 21);
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
  }
  .check-slide__item:after,
  .check-slide__item:before{
    content: "";
    display: block;
    position: absolute;
  }
  .check-slide__item:after{    
    height: calc(var(--base) * 144);
    background: url("../images/inbound-paper-top.png") center top no-repeat;
    background-size: 100% auto;
    display: block;
    top: 0;
    left: 0;
    right: 0;
  }
  .check-slide__item:before{
    background-color: #F0ECDE;
    top: calc(var(--base) * 140);
    left: 0;
    bottom: 0;
    right: 0;
  }
  .check-slide__itemIn{
    position: relative;
    z-index: 5;
  }
  .check-slide__icon{
    width: calc( var(--base) * 63 );
    left: calc( var(--base) * 7 );
    top: calc( var(--base) * -20 );
  }
  .check-slide__title{
    font-size: calc( var(--base) * 20 );
    line-height: 1.5;
    margin: 0 auto calc( var(--base) * 6 ) auto;
  }
  .check-slide__text01{
    font-size: calc( var(--base) * 12 );
    border-radius: calc( var(--base) * 20 );
    margin: 0 auto calc( var(--base) * 38 ) auto;
    padding: calc( var(--base) * 4 ) calc( var(--base) * 8 ) calc( var(--base) * 4 ) calc( var(--base) * 8 );
    line-height: 1.2;
  }
  .check-slide__list{
    gap:0 calc( var(--base) * 5 );
    margin: 0 calc( var(--base) * 20 ) calc( var(--base) * 15 ) calc( var(--base) * 20 );
  }
  .check-slide__list li{
    width: calc( ( 100% / 3 ) - calc( var(--base) * 3.333333 ) );
    border-radius: calc( var(--base) * 4 );
    aspect-ratio: 17 / 16;
    padding-top: calc( var(--base) * 2 );
  }
  .check-slide__listTitle{
    font-size: calc( var(--base) * 10 );
    margin-bottom: calc( var(--base) * 3 );
  }
  .check-slide__listText{
    font-size: calc( var(--base) * 21 );
    letter-spacing: -0.04em;
  }
  .check-slide__listSmall01{
    font-size: calc( var(--base) * 12 );
  }
  .check-slide__listSmall02{
    font-size: calc( var(--base) * 10 );
  }
  .check-note{
    margin: 0 calc( var(--base) * 25 );
  }
  .check-note li{
    font-size: calc( var(--base) * 11 );
  }
  .check-slide__controls{
    margin: calc( var(--base) * 64 ) auto calc( var(--base) * 32 ) auto;
  }
  .check-slide__controls{
    margin: calc( var(--base) * 33 ) auto calc( var(--base) * 16 ) auto;
  }
  .check-slide__text02{
    margin: 0 calc( var(--base) * 20 );
    max-height:48.5vw;
    overflow: hidden;
    transition: max-height .3s ease;
    position: relative;
  }

  .-open .check-slide__text02{
    max-height:100vw;
  }
  
  .check-slide__text02:after{
    content: "";
    display: block;
    height: calc( var(--base) * 86 );
    text-align: center;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(240, 236, 222, 1) 100%);
    position: absolute;
    left: -1rem;
    right: -1rem;
    bottom: 0;
    overflow: hidden;
    transition: all .3s ease;
    opacity: 1;
  }
  .-open .check-slide__text02:after{
    opacity: 0;
    pointer-events:none;
  }

  .check-slide__bottom{
    text-align: center;
  }
  .check-slide__button{
    height: calc( var(--base) * 65 );
    padding: calc( var(--base) * 10 );
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    line-height: 1;
    z-index: 5;
    transition: all .3s ease;
  }
  .check-slide__button span:before{
    content: "続きを読む";
    color: #AC9674;
    font-size: calc( var(--base) * 14 );
    font-weight: 500;
  }
  .-open .check-slide__button span:before{
    content: "閉じる";
  }
  .check-slide__button:before,
  .check-slide__button:after{
    content: "";
    background: url("../images/check-arrow.svg") center center no-repeat;
    background-size: 100% auto;
    width: calc( var(--base) * 12 );
    height: calc( var(--base) * 12 );
    display: inline-block;
  }
  .check-slide__button:before{
    background: url("../images/check-arrow.svg") center center no-repeat;
    margin-right: calc( var(--base) * 10 );
    
  }
  .check-slide__button:after{
    background: url("../images/check-arrow.svg") center center no-repeat;
    margin-left: calc( var(--base) * 7 );
  }
}
	
/* MEOだから！
--------------------------------------------------*/
.meo{
  position: relative;
  z-index: 6;
}
.meo:before{
  content: "";
  background-color: #fff;
  position: absolute;
  top: calc( var(--base) * 1200 );
  bottom: calc( var(--base) * 150 );  
  left: 0;
  right: 0;
  display: block;
  z-index: -2;
}
.meo-intro{
  position: relative;
}
.meo-intro>div,
.meo-title{
  position: absolute;
}
.meo-why{
  opacity: 0.61; 
  mix-blend-mode: overlay; 
}
.meo-wave-bottom{
  width: 100%;
  left: 0;
  right: 0;
}
.meo-title{
  text-align: center;
  color: #fff;
  font-weight: 900;
}
.meo-title__text02 span{
  background-color: #171717;
  line-height: 1;
  display: inline-block;
}
.meo-title__text03 span{
  color: #FFF500;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .meo{
    background:url("../images/meo-bg.png") center calc( var(--base) * -160 ) no-repeat;
    background-size: 100% auto;
    margin-top: calc( var(--base) * -90 );
    padding-top: calc( var(--base) * 90 );
  }
  .meo-intro{
    height: calc( var(--base) * 890 );
  }
  .meo-why{
    top: calc( var(--base) * -17 );
    left: calc( var(--base) * -1 );
    right: calc( var(--base) * -5 );
  }
  .meo-call{
    width: calc( var(--base) * 570 );
    top: calc( var(--base) * 100 );
    left: calc( var(--base) * 485 );
  }
  .meo-sun{
    width: calc( var(--base) * 685 );
    bottom: calc( var(--base) * 25 );
    left: calc( var(--base) * 155 );
  }
  .meo-wave-left{
    width: calc( var(--base) * 125 );
    top: calc( var(--base) * 309 );
    left: 0;
  }
  .meo-wave-right{
    width: calc( var(--base) * 357 );
    top: calc( var(--base) * 160 );
    right: 0;
  }
  .meo-wave-bottom{
    bottom: calc( var(--base) * -60 );
  }
  .meo-man01{
    width: calc( var(--base) * 337 );
    top: calc( var(--base) * 106 );
    right: calc( var(--base) * 96 );
  }
  .meo-man02{
    width: calc( var(--base) * 248 );
    top: calc( var(--base) * 275 );
    right: calc( var(--base) * 322 );
  }
  .meo-title{
    width: calc( var(--base) * 500 );
    top: calc( var(--base) * 292 );
    left: calc( var(--base) * 250 );
  }
  .meo-title__text01{
    width: calc( var(--base) * 160 );
    margin: 0 0 calc( var(--base) * 17 ) calc( var(--base) * 160 );
  }
  .meo-title__text02{
    font-size: calc( var(--base) * 24 );
    margin-bottom: calc( var(--base) * 5 );
  }
  .meo-title__text02 span{
    font-size: calc( var(--base) * 28 );
    padding: calc( var(--base) * 3 ) calc( var(--base) * 12 ) calc( var(--base) * 4 ) calc( var(--base) * 12 );
  }
  .meo-title__text02 span:last-child{
    margin-right: calc( var(--base) * 5 );
  }
  .meo-title__text02 img{
    width: calc( var(--base) * 42 );
    margin: 0 calc( var(--base) * 0 );
  }
  .meo-title__text03{
    font-size: calc( var(--base) * 81 );
    line-height: 1.0988;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .meo{
    background:url("../images/meo-bg-sp.png") center calc( var(--base) * -305 ) no-repeat;
    background-size: 100% auto;
    margin-top: calc( var(--base) * -35 );
    padding-top: calc( var(--base) * 35 );
  }
  .meo-intro{
    height: calc( var(--base) * 445 );
    position: relative;
  }
  .meo-why{
    top: calc( var(--base) * -5 );
    left: calc( var(--base) * -5 );
    right: calc( var(--base) * -40 );
  }
  .meo-call{
    width: calc( var(--base) * 196 );
    top: calc( var(--base) * 29 );
    left: calc( var(--base) * 70 );
  }
  .meo-sun{
    bottom: calc( var(--base) * -145 );
    left: calc( var(--base) * -50 );
    right: calc( var(--base) * -50 );
    z-index: 3;
  }
  .meo-wave-bottom{
    bottom: 0;
    z-index: 5;
  }
  .meo-man01{
    width: calc( var(--base) * 97 );
    top: calc( var(--base) * 10 );
    right: calc( var(--base) * 12 );
    z-index: 2;
  }
  .meo-man02{
    width: calc( var(--base) * 72 );
    top: calc( var(--base) * 60 );
    right: calc( var(--base) * 76 );
    z-index: 1;
  }
  .meo-title{
    top: calc( var(--base) * 165 );
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4;
  }
  .meo-title__text01{
    width: calc( var(--base) * 101 );
    margin: 0 auto calc( var(--base) * 11 ) auto;
  }
  .meo-title__text02{
    font-size: calc( var(--base) * 14 );
    margin-bottom: calc( var(--base) * 5 );
  }
  .meo-title__text02 span{
    padding: calc( var(--base) * 3 ) calc( var(--base) * 12 ) calc( var(--base) * 4 ) calc( var(--base) * 12 );
  }
  .meo-title__text02 span:last-child{
    margin-right: calc( var(--base) * 5 );
  }
  .meo-title__text02 img{
    width: calc( var(--base) * 22 );
    margin: 0 calc( var(--base) * 0 );
  }
  .meo-title__text03{
    font-size: calc( var(--base) * 44 );
    line-height: 1.2272;
  }

}

/* 詳細*/
.about{
  background-position: center top,center bottom;
  background-repeat: no-repeat,no-repeat;
  position: relative;
  z-index: 5;
}
.about-item{
  position: relative;
}
.about-item>div{
  position: absolute;
}
.about-item__texts{
  position: relative;
}
.about-item__text{
  color: #fff;
  font-weight: bold;
}
.about-item__text span{
  color: #FFF500;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .about{
    background-image: url("../images/about-bg-top.png"),url("../images/about-bg-bottom.png");
    background-size: 100% auto,100% auto;
    margin-top: calc( var(--base) * -140 );
    padding-bottom: calc( var(--base) * 92 );
  }
  .about-items{
    width: calc( var(--base) * 1150 );
    height: calc( var(--base) * 380 );
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    top: calc( var(--base) * -60 );
    margin:0 auto calc( var(--base) * 275 ) auto;
  }
  .about-item{
    width: calc( var(--base) * 364 );
  }
  .about-item__texts{
    width: calc( var(--base) * 364 );
    height: calc( var(--base) * 233.38 );
    background: url("../images/about-pop.png") center center no-repeat;
    background-size: 100% auto;
    position: relative;
    text-align: center;
    padding-top: calc( var(--base) * 40 );
    box-sizing: border-box;
  }
  .about-item:first-child,
  .about-item:nth-child(3){
    top: calc( var(--base) * 220 );
  }
  .about-item:nth-child(4){
    top: calc( var(--base) * 285 );
    left: calc( var(--base) * -24 );
  }
  .about-item:nth-child(5){
    top: calc( var(--base) * 135 );
  }
  .about-item:nth-child(6){
    top: calc( var(--base) * 285 );
  }
  .about-item:first-child .about-item__wave{
    width: calc( var(--base) * 338 );
    top: calc( var(--base) * -68 );
    left: calc( var(--base) * -27 );
  }
  .about-item:first-child .about-item__man{
    width: calc( var(--base) * 163 );
    top: calc( var(--base) * -105 );
    left: 0;
  }
  .about-item:nth-child(2) .about-item__wave{
    width: calc( var(--base) * 362.5 );
    top: calc( var(--base) * -55 );
    left: calc( var(--base) * -70 );
  }
  .about-item:nth-child(3) .about-item__wave{
    width: calc( var(--base) * 229 );
    top: calc( var(--base) * -96 );
    right: calc( var(--base) * -15 );
  }
  .about-item:nth-child(3) .about-item__man{
    width: calc( var(--base) * 132 );
    top: calc( var(--base) * -103 );
    right: calc( var(--base) * 14 );
  }
  .about-item:nth-child(4) .about-item__wave{
    width: calc( var(--base) * 362.5 );
    top: calc( var(--base) * -56 );
    right: calc( var(--base) * -77 );
  }
  .about-item:nth-child(5) .about-item__wave{
    width: calc( var(--base) * 327.5 );
    top: calc( var(--base) * -72 );
    left: calc( var(--base) * 18 );
  }
  .about-item:nth-child(5) .about-item__man{
    width: calc( var(--base) * 134 );
    top: calc( var(--base) * -125 );
    left: calc( var(--base) * 114 );
  }
  .about-item:nth-child(6) .about-item__wave{
    width: calc( var(--base) * 362 );
    top: calc( var(--base) * -56 );
    left: calc( var(--base) * -70 );
  }
  .about-item__icon{
    width: calc( var(--base) * 32 );
    margin:0 auto calc( var(--base) * 15 ) auto;
  }
  .about-item__text{
    font-size: calc( var(--base) * 24 );
    line-height: 1.2916;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .about{
    background-image: url("../images/about-bg-top-sp.png"),url("../images/about-bg-bottom-sp.png");
    background-size: 100% auto,100% auto;
    margin-top: calc( var(--base) * -69 );
    padding: calc( var(--base) * 20 ) calc( var(--base) * 20 ) calc( var(--base) * 15 ) calc( var(--base) * 20 );
  }
  .about-items{
    margin-bottom: calc( var(--base) * 36 );
  }
  .about-item{
    width: 100%;
    aspect-ratio: 335 / 114;
    margin-bottom: calc( var(--base) * 15 );
  }
  .about-item__texts{
    width: 100%;
    height: 100%;
    background: url("../images/about-pop-sp.png") center center no-repeat;
    background-size: 100% auto;
    position: relative;
    text-align: center;
    padding-top: calc( var(--base) * 15 );
    box-sizing: border-box;
  }
  .about-item:last-child{
    aspect-ratio: 670 / 251;
  }
  .about-item:last-child .about-item__texts{
    background: url("../images/about-pop-bottom-sp.png") center center no-repeat;
    background-size: 100% auto;
  }
  .about-item:first-child .about-item__wave{
    width: calc( var(--base) * 140 );
    top: calc( var(--base) * -30 );
    left: 0;
  }
  .about-item:first-child .about-item__man{
    width: calc( var(--base) * 73 );
    top: calc( var(--base) * -50 );
    left: calc( var(--base) * 10 );
  }
  .about-item:nth-child(2) .about-item__wave{
    width: calc( var(--base) * 133 );
    top: calc( var(--base) * -27 );
    left: calc( var(--base) * -28 );
  }
  .about-item:nth-child(3) .about-item__wave{
    width: calc( var(--base) * 96 );
    top: calc( var(--base) * -28 );
    right: calc( var(--base) * -13 );
  }
  .about-item:nth-child(3) .about-item__man{
    width: calc( var(--base) * 56 );
    top: calc( var(--base) * -36 );
    right: 0;
  }
  .about-item:nth-child(4) .about-item__wave{
    width: calc( var(--base) * 133 );
    top: calc( var(--base) * -27 );
    left: calc( var(--base) * -28 );
  }
  .about-item:nth-child(5) .about-item__wave{
    width: calc( var(--base) * 140 );
    top: calc( var(--base) * -20 );
    right: calc( var(--base) * -15 );
  }
  .about-item:nth-child(5) .about-item__man{
    width: calc( var(--base) * 57 );
    top: calc( var(--base) * -46 );
    right: calc( var(--base) * 23 );
  }
  .about-item:nth-child(6) .about-item__wave{
    width: calc( var(--base) * 133 );
    top: calc( var(--base) * -27 );
    left: calc( var(--base) * -28 );
  }
  .about-item__icon{
    width: calc( var(--base) * 20 );
    margin:0 auto calc( var(--base) * 5 ) auto;
  }
  .about-item__text{
    font-size: calc( var(--base) * 18 );
    line-height: 1.3333;
  }
}

/* テーブル */
.about-title{
  text-align: center; 
}

.about-title__text02{
  font-weight: 900;
}
.about-title__text02 span{
  color: #AF0000;
}
.about-table__in{
  position: relative;
}
.about-table__inIn{
}
.about-table th,
.about-table td{
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
}
.about-table td:first-child{
  font-weight: bold;
  line-height: 1;
}
.about-table td:nth-child(2){
  font-weight: bold;
}
.about-table th:nth-child(2){
  font-weight: 900;
  color: #fff;
}
.about-table tr:nth-child(3) td:nth-child(2){
  text-align: left;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .about-title{
    margin-bottom: calc( var(--base) * 39 ); 
  }
  .about-title__text01{
    width: calc( var(--base) * 282 ); 
    margin: 0 auto calc( var(--base) * 20 ) auto;
  }
  .about-title__text02{
    font-size:calc( var(--base) * 70 );  
    line-height: 1.2857;
  }
  .about-table{
    margin-bottom: calc( var(--base) * 130 );
  }
  .about-table__in{
    width: calc( var(--base) * 1022 );
    background: url("../images/table-bg.png") center top no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    aspect-ratio: 511 / 342;
    padding-right: calc( var(--base) * 34 );
  }
  .about-table__inIn{
    width: 100%;
  }
  .about-table th{
    padding: 0 calc( var(--base) * 20 ) 0 calc( var(--base) * 20 );
  }
  .about-table th:nth-child(2){
    width: calc( var(--base) * 495 );
    height: calc( var(--base) * 92 );
    font-size: calc( var(--base) * 30 );
  }
  .about-table th:nth-child(3){
    font-size: calc( var(--base) * 20 );
    font-weight: bold;
    padding: calc( var(--base) * 37 ) calc( var(--base) * 20 ) 0 calc( var(--base) * 10 );
    position: relative;
  }
  .about-table td{
    line-height: 1.6111;
    height: calc( var(--base) * 56 );
    padding: 0 calc( var(--base) * 20 ) 0 calc( var(--base) * 18 );
  }
  .about-table td:first-child{
    padding-left: calc( var(--base) * 37 );
    text-align: left;
    font-weight: bold;
    font-size: calc( var(--base) * 16 );
  }
  .about-table td:nth-child(2){
    height: calc( var(--base) * 65 );
    font-size: calc( var(--base) * 18 );
  }
  .about-table td:nth-child(2),
  .about-table td:nth-child(3){
  }
  .about-table tr:nth-child(2) td:first-child{
    height: calc( var(--base) * 50 );
  }
  .about-table tr:nth-child(3) td:first-child{
    height: calc( var(--base) * 130 );
  }
  .about-table tr:nth-child(4) td:first-child{
    height: calc( var(--base) * 96 );
    padding-bottom: calc( var(--base) * 12 );
  }
  .about-table tr:nth-child(5) td:first-child{
    height: calc( var(--base) * 68 );
    padding-bottom: calc( var(--base) * 12 );
  }
  .about-table tr:nth-child(6) td:first-child{
    height: calc( var(--base) * 68 );
    padding-bottom: calc( var(--base) * 10 );
  }
  .about-table tr:nth-child(7) td:first-child{
    height: calc( var(--base) * 67 );
    padding-bottom: calc( var(--base) * 10 );
  }
  .about-table tr:nth-child(8) td:first-child{
    height: calc( var(--base) * 62 );
  }
  .about-table tr:nth-child(2) td:last-child{
  }
  .about-table th:first-child{
    width: calc( var(--base) * 198 );
  }
  .about-table tr:nth-child(2) td:nth-child(2){
  }
  .about-table tr:nth-child(3) td:nth-child(2){
    padding-left: calc( var(--base) * 61 );
  }
  .about-table tr:nth-child(4) td:nth-child(2){
  }
  .about-table tr:nth-child(5) td:nth-child(2){
  }
  .about-table tr:nth-child(6) td:nth-child(2){
  }
  .about-table tr:nth-child(7) td:nth-child(2){
  }
  .about-table tr:nth-child(8) td:nth-child(2){
  }
  .about-table td:nth-child(3){
    padding-left: calc( var(--base) * 12 );
  }
  .about-table tr:nth-child(2) td:nth-child(3){
    padding-top: calc( var(--base) * 8 );
  }
  .about-table tr:nth-child(4) td:nth-child(3){
    padding-bottom: calc( var(--base) * 3 );
  }
  .about-table tr:nth-child(5) td:nth-child(3){
    padding-bottom: calc( var(--base) * 6 );
  }
  .about-table tr:nth-child(6) td:nth-child(3){
    padding-bottom: calc( var(--base) * 6 );
  }
  .about-table tr:nth-child(7) td:nth-child(3){
  }
  .about-table tr:nth-child(8) td:nth-child(3){
  }
}

/* SP */
@media screen and (max-width: 767px){
  .about-title{
    margin-bottom: calc( var(--base) * 25 ); 
  }
  .about-title__text01{
    width: calc( var(--base) * 153 ); 
    margin: 0 auto calc( var(--base) * 6 ) auto;
  }
  .about-title__text02{
    font-size:calc( var(--base) * 32 );  
    line-height: 1.375;
  }
  .about-table{
    margin-bottom: calc( var(--base) * 10 );
    overflow-x: scroll;
    margin: 0 calc( var(--base) * -20 );
    padding: 0 calc( var(--base) * 5 ) calc( var(--base) * 1 ) calc( var(--base) * 5 );
  }
  .about-table__in{
    width: calc( var(--base) * 603 );
    aspect-ratio: 606 / 441;
    background: url("../images/table-bg-sp.png") center top no-repeat;
    background-size: 100% auto;
    margin-bottom: calc( var(--base) * 5 );
    padding-right: calc( var(--base) * 6 );
  }
  .about-table__inIn{
    width: 100%;
  }
  .about-table th{
    padding: 0 calc( var(--base) * 13 ) 0 calc( var(--base) * 22 );
    font-size: calc( var(--base) * 18 );
  }
  .about-table th:nth-child(2){
    height: calc( var(--base) * 58 );
    width: calc( var(--base) * 290 );
  }
  .about-table th:nth-child(3){
    width: calc( var(--base) * 245 );
    font-weight: bold;
    padding-top: calc( var(--base) * 13 );
  }
  .about-table td{
    line-height: 1.6111;
  }
  .about-table tr:nth-child(2) td{
  }
  .about-table td:first-child{
    font-weight: bold;
    font-size: calc( var(--base) * 11 );
    line-height: 1.6111;
    top: calc( var(--base) * 5 );
  }
  .about-table td:nth-child(2){
    font-size: calc( var(--base) * 14 );
  }
  .about-table td:last-child{
    padding-right: calc( var(--base) * 15 );
    font-size: calc( var(--base) * 16 );
    position: relative;
    top: calc( var(--base) * -1 );
    font-weight: 500;
  }
  .about-table tr:nth-child(2) td:first-child{
    height: calc( var(--base) * 39 );
  }
  .about-table tr:nth-child(3) td:first-child{
    height: calc( var(--base) * 88 );
  }
  .about-table tr:nth-child(4) td:first-child{
    height: calc( var(--base) * 66 );
  }
  .about-table tr:nth-child(5) td:first-child{
    height: calc( var(--base) * 44 );
    padding-bottom: calc( var(--base) * 5 );
  }
  .about-table tr:nth-child(6) td:first-child{
    height: calc( var(--base) * 40 );
    padding-bottom: calc( var(--base) * 5 );
  }
  .about-table tr:nth-child(7) td:first-child{
    height: calc( var(--base) * 40 );
    padding-bottom: calc( var(--base) * 2 );
  }
  .about-table tr:nth-child(8) td:first-child{
    height: calc( var(--base) * 44 );
  }
  .about-table tr:nth-child(3) td:nth-child(2){
    padding-left: calc( var(--base) * 14 );
  }
  .about-table tr:nth-child(4) td:nth-child(2){
  }
  .about-table tr:nth-child(5) td:nth-child(2){
  }
  .about-table tr:nth-child(6) td:nth-child(2){
  }
  .about-table tr:nth-child(7) td:nth-child(2){
  }
  .about-table tr:nth-child(8) td:nth-child(2){
  }
  .about-table tr:nth-child(2) td:nth-child(3){
    padding-top: calc( var(--base) * 11.5 );
  }
  .about-table tr:nth-child(3) td:nth-child(3){
    padding-top: calc( var(--base) * 11 );
  }
  .about-table tr:nth-child(4) td:nth-child(3){
    padding-top: calc( var(--base) * 6 );
  }
  .about-table tr:nth-child(5) td:nth-child(3){
    padding-top: calc( var(--base) * 2 );
  }
  .about-table tr:nth-child(6) td:nth-child(3){
    padding-top: calc( var(--base) * 4 );
  }
  .about-table tr:nth-child(7) td:nth-child(3){
    padding-top: calc( var(--base) * 6 );
  }
  .about-table tr:nth-child(8) td:nth-child(3){
    padding-top: calc( var(--base) * 6 );
  }
  .about-scroll{
    background: url("../images/scroll-arrw.svg") right center no-repeat;
    background-size: calc( var(--base) * 10 ) auto;
    text-align: right;
    font-size: calc( var(--base) * 14 );
    font-weight: bold;
    padding-right: calc( var(--base) * 20 );
    margin-bottom: calc( var(--base) * 30 );
  }
}

/* 導入までの流れ */
.flow-list__text01{
  font-weight: bold;
}
.flow-list li{
  position: relative;
}
.flow-list li:after{
  content: "";
  position: absolute;
  background: url("../images/about-arrw-sp.svg") center center no-repeat;
  background-size: 100% auto;
  display: block;
}
.flow-list li:last-child:after{
  content: none;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .flow{
    width: calc( var(--base) * 1142 );
    margin: 0 auto;
  }
  .flow-title{
    width: calc( var(--base) * 277 );
    margin:0 auto calc( var(--base) * 32 ) auto;
  }
  .flow-list{
    display: flex;
    justify-content: space-between;
  }
  .flow-list li{
    background:url("../images/flow-bg.png") center center no-repeat;
    background-size: 100% auto;
    width: calc( var(--base) * 362 );
    aspect-ratio: 757 / 731;
    padding-top: calc( var(--base) * 58 );
    text-align: center;
  }
  .flow-list li:after{
    width: calc( var(--base) * 20 );
    height: calc( var(--base) * 16 );
    transform: rotate(-90deg);
    top: calc( var(--base) * 156 );
    right: calc( var(--base) * -24 );
  }
  .flow-list li:first-child{
    padding-top: calc( var(--base) * 50.1 );
  }
  .flow-list__step{
    width: calc( var(--base) * 150 );
    margin: 0 auto calc( var(--base) * 13 ) auto;
  }
  .flow-list li:first-child .flow-list__step{
    width: calc( var(--base) * 156 );
  }
  .flow-list__text01{
    font-size: calc( var(--base) * 24 );
    margin-bottom: calc( var(--base) * 8 );
  }
  .flow-list__text02{
    font-size: calc( var(--base) * 14 );
    line-height: 1.714;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .flow-title{
    width: calc( var(--base) * 206.5 );
    margin:0 auto calc( var(--base) * 20 ) auto;
  }
  .flow-list{
    margin:0 calc( var(--base) * -4 );
  }
  .flow-list li{
    background:url("../images/flow-bg-sp.png") center center no-repeat;
    background-size: 100% auto;
    aspect-ratio: 364 / 197;
    padding: calc( var(--base) * 39 ) calc( var(--base) * 20 ) calc( var(--base) * 39 ) calc( var(--base) * 73 );
    box-sizing: border-box;
    position: relative;
  }
  .flow-list li:after{
    width: calc( var(--base) * 18 );
    height: calc( var(--base) * 22 );
    bottom: calc( var(--base) * -1 );
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .flow-list__step{
    width: calc( var(--base) * 36.42 );
    position: absolute;
    top: calc( var(--base) * 42 );
    left: calc( var(--base) * 20 );
  }
  .flow-list__text01{
    font-size: calc( var(--base) * 18 );
    margin-bottom: calc( var(--base) * 5 );
  }
  .flow-list__text02{
    font-size: calc( var(--base) * 14 );
    line-height: 1.714;
  }
}

/* よくある質問
--------------------------------------------------*/
.faq{
  background: url("../images/faq-bg-bottom.png") center bottom no-repeat;
  background-size: 100% auto;
  color: #fff;
  position: relative;
  z-index: 5;
}
.faq:before{
  content: "";
  background: url("../images/faq-bg.png") center top repeat-y;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.faq-title{
  position: relative;
}
.faq-title__text02{
  font-weight: bold;
}
.faq-qa:last-child{
  margin-bottom: 0;
}
.faq-q{
  background-color: rgba(23,23,23,0.48);
  font-weight: 500;
  position: relative;
  border-radius: calc( var(--base) * 4 );
  cursor: pointer;
}
.faq-a{
  display: none;
}
.faq-a__inner{
  position: relative;
}
.faq-q:before,
.faq-q:after,
.faq-a__inner:before{
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  display: block;
}
.faq-q:after{
  background-color: #171717;
  border-radius: 50%;
}
.faq-q:before{
  background-image: url("../images/faq-q.svg");  
  background-size: 100% auto;
}
.faq-q:after{
  background-image: url("../images/faq-plus.svg"); 
    background-size: padding: calc( var(--base) * 11 ) auto;
  transition: all .3s ease;
}
.-open .faq-q:after{
  background-image: url("../images/faq-minus.svg");
    background-size: padding: calc( var(--base) * 13 ) auto;
}
.faq-a__inner:before{
  background-image: url("../images/faq-a.svg")  ;
  background-size: 100% auto;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .faq{
    padding: calc( var(--base) * 503 ) 0 calc( var(--base) * 84 ) 0;
    margin-top: calc( var(--base) * -305 );
  }
  .faq:before{
    bottom: calc( var(--base) * 1130 );
  }
  .faq-inner{
    width: calc( var(--base) * 1141 );
    margin: 0 auto;
  }
  .faq-content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .faq-title{
    width: 25%;
  }
  .faq-title__text01{
    width: calc( var(--base) * 166 );
  }
  .faq-title__text02{
    font-size: calc( var(--base) * 18 );
    font-weight: bold;
    margin: calc( var(--base) * 7 ) 0 0 calc( var(--base) * 32);
  }
  .faq-faq{
    width: 73.7%; 
    margin:0 0 calc( var(--base) * 38 ) 0;
  }
  .faq-qa{
    margin-bottom: calc( var(--base) * 12 );
  }
  .faq-q{
    font-size: calc( var(--base) * 18 );
    padding: calc( var(--base) * 17 ) calc( var(--base) * 78 ) calc( var(--base) * 17 ) calc( var(--base) * 70 );
  }
  .faq-a__inner{
    font-size: calc( var(--base) * 16 ); 
    line-height: 1.875;
    position: relative;
    padding: calc( var(--base) * 16 ) calc( var(--base) * 10 ) calc( var(--base) * 36 ) calc( var(--base) * 88 );
  }
  .faq-q:before{
    width: calc( var(--base) * 24 );
    height: calc( var(--base) * 26 );
    top: calc( var(--base) * 18 );
    left: calc( var(--base) * 29 );
    background-size: 100% auto;
  }
  .faq-q:after{
    width: calc( var(--base) * 32 );
    height: calc( var(--base) * 32 );
    top: calc( var(--base) * 14 );
    right: calc( var(--base) * 32 );
  }
  .faq-a__inner:before{
    width: calc( var(--base) * 41.28 );
    height: calc( var(--base) * 32 );
    top: calc( var(--base) * 23 );
    left: calc( var(--base) * 32 );
  }
}

/* SP */
@media screen and (max-width: 767px){
  .faq{
    background: url("../images/faq-bg-bottom-sp.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: calc( var(--base) * 90 ) calc( var(--base) * 20 ) calc( var(--base) * 30 ) calc( var(--base) * 20 );
    margin-top: calc( var(--base) * -33 );
  }
  .faq:before{
    bottom: calc( var(--base) * 315 );
  }
  .faq-title{
    text-align: center;
  }
  .faq-title__text01{
    width: calc( var(--base) * 108 );
    margin: 0 auto;
  }
  .faq-title__text02{
    font-size: calc( var(--base) * 18 );
    font-weight: bold;
    margin: calc( var(--base) * 11.1 ) 0 calc( var(--base) * 28.3) 0;
  }
  .faq-faq{
    margin-bottom:calc( var(--base) * 25 );
  }
  .faq-qa{
    margin-bottom: calc( var(--base) * 5 );
  }
  .faq-q{
    font-size: calc( var(--base) * 16 );
    padding: calc( var(--base) * 10 ) calc( var(--base) * 53 ) calc( var(--base) * 10 ) calc( var(--base) * 40 );
  }
  .faq-a__inner{
    font-size: calc( var(--base) * 16 ); 
    line-height: 1.875;
    position: relative;
    padding: calc( var(--base) * 20 ) 0 calc( var(--base) * 20 ) calc( var(--base) * 55 );
  }
  .faq-q:before{
    width: calc( var(--base) * 18 );
    height: calc( var(--base) * 15 );
    top: calc( var(--base) * 17 );
    left: calc( var(--base) * 15 );
    background-size: 100% auto;
  }
  .faq-q:after{
    width: calc( var(--base) * 24 );
    height: calc( var(--base) * 24 );
    top: 0;
    bottom: 0;
    right: calc( var(--base) * 15 );
    margin: auto 0;
  }
  .faq-a__inner:before{
    width: calc( var(--base) * 29 );
    height: calc( var(--base) * 24 );
    top: calc( var(--base) * 26 );
    left: calc( var(--base) * 8 );
  }
}

/* 大切なお知らせ*/
.news{
  color: #171717;
  box-sizing: border-box;
  position: relative;
}
.news-title{
  position: relative;
}
.news-text{
  font-size: calc( var(--base) * 16 );
  line-height: 1.875;
}
.news-list{
  background-color: #fff;
}
.news-list li{
  background: url("../images/faq-check.svg") left center no-repeat;
  font-weight: 500;
}


/* PC */
@media print,only screen and (min-width: 768px){
  .news{
    background: url("../images/faq-paper.png") center center no-repeat;
    background-size: 100% auto;
    aspect-ratio: 2312 / 1027;
    padding: calc( var(--base) * 88 ) calc( var(--base) * 83 ) 0 calc( var(--base) * 83 );
  }
  .news-title{
    width: calc( var(--base) * 234.7 );
    margin: 0 auto calc( var(--base) * 19 ) auto;
    left:calc( var(--base) * -15 );
  }
  .news-text{
    text-align: center;
    margin-bottom: calc( var(--base) * 24 );
  }
  .news-list{
    padding: calc( var(--base) * 35 ) calc( var(--base) * 35 ) calc( var(--base) * 25 ) calc( var(--base) * 195 );
  }
  .news-list li{
    background-size: calc( var(--base) * 16 ) auto;
    font-size: calc( var(--base) * 16 );
    font-weight: 500;
    padding-left: calc( var(--base) * 30 );
    margin-bottom: calc( var(--base) * 8 );
  } 
}

/* SP */
@media screen and (max-width: 767px){
  .news{
    background: url("../images/faq-paper-sp.png") center top no-repeat;
    background-size: 100% auto;
    aspect-ratio: 335 / 637;
    padding: calc( var(--base) * 44 ) calc( var(--base) * 20 ) 0 calc( var(--base) * 20 );
  }
  .news-title{
    width: calc( var(--base) * 150.7 );
    margin: 0 auto calc( var(--base) * 13 ) auto;
    left:calc( var(--base) * -15 );
  }
  .news-text{
    margin-bottom: calc( var(--base) * 18 );
  }
  .news-list{
    padding: calc( var(--base) * 19 ) calc( var(--base) * 20 );
  }
  .news-list li{
    background-position: left 0.3em;
    background-size: calc( var(--base) * 16 ); auto;
    font-size: calc( var(--base) * 14 );
    line-height: 1.857;
    font-weight: 500;
    padding-left: calc( var(--base) * 28 );
  } 
}

/* お問い合わせ
--------------------------------------------------*/
.contact{
  position: relative;
  overflow: hidden;
}
.contact>div{
  position: absolute;
}
div.contact-inner{
  position: static;
}
.contact-form{
  width: 100%;
}
.contact-form th,
.contact-form td{
  font-weight: 500;
  vertical-align: top;
}
.contact-form__use th,
.contact-form__use td{
/*  position: relative;*/
}
.contact-form__must{
  background-color: #AF0000;
  border-radius: calc( var(--base) * 4 );
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
  width: 100%;
  background-color: #fff;
  border: 2px #171717 solid;
  border-radius: calc( var(--base) * 4 );
}
.contact-form input[type="radio"] {
  position: relative;
  background-color: #fff;
  border: 2px #171717 solid;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.contact-form input[type="radio"]:checked:before {
  position: absolute;
  inset:0;
  margin: auto auto;
  border-radius: 50%;
  background: #171717;
  content: "";
}
.contact-form label{
  cursor: pointer;
}
.contact-form__buttons input[type="submit"]{
	text-align: center;
	background-color: #171717;
	color: #fff;
  font-weight: bold;
	border: 0;
	cursor: pointer;
	border-radius: calc( var(--base) * 100 );
}
.wpcf7-list-item.first {

  margin-left: 0!important;
}
.wpcf7-list-item.last {
  margin-left:2em!important;
}
.contact-sun{  
  left: 0;  
  right: 0; 
  margin: 0 auto;
}
.contact-call{  
  transform: rotate(10deg);
}
.contact-call__text{  
  position: absolute;
}
.contact-call__boder{  
  bottom: 0;
  right: 0; 
  position: absolute;
}
.contact-wave-bottom{  
  left: 0;  
  bottom: 0;
  right: 0; 
  z-index:100;
}
.contact-footer{  
  text-align: center;
  left: 0;  
  right: 0; 
  margin: 0 auto;
}
.contact-footer__copy{  
  color: #fff;
}

.contact-man{
  transform-origin: bottom right;
}

.contact-call{
  transform-origin: bottom right;
}
.contact-form__use label{
  display: inline-flex;
  align-items: center;
}
.contact-form__use input[type="radio"]{
  display: block;
}



/* PC */
@media print,only screen and (min-width: 768px){ 
  .contact{
    background: url("../images/contact-bg.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: calc( var(--base) * 405 ) 0 calc( var(--base) * 420 ) 0;
    margin-top: calc( var(--base) * -300 );
  }
  div.contact-inner{
    max-width: calc( var(--base) * 950 );
    margin: 0 auto;
  }
  .contact-title{
    width: calc( var(--base) * 257.5 );
    margin: 0 auto calc( var(--base) * 25 ) auto;
  }
  .contact-form{
    width: 100%;
  }
  .contact-form th,
  .contact-form td{
    font-size: calc( var(--base) * 18 );
    padding: calc( var(--base) * 3.6 ) 0;
  }
  .contact-form th{
    width: calc( var(--base) * 297 );
  }
  .contact-form__use th,
  .contact-form__use td{
    padding: calc( var(--base) * 16 ) 0 calc( var(--base) * 16 ) 0;
    vertical-align: middle;
  }
  .contact-form__use td{
    left: calc( var(--base) * -5 );
  }
  .contact-form__text{
    margin:0 calc( var(--base) * 30 ) 0 calc( var(--base) * 3 );  
  }
  .contact-form__must{
    border-radius: calc( var(--base) * 4 );
    font-size: calc( var(--base) * 11 );
    padding: calc( var(--base) * 2 ) calc( var(--base) * 6 );
    margin: calc( var(--base) * 8 );
    top: calc( var(--base) * -2 );
  }
  .contact-form input{
    font-size: calc( var(--base) * 16 );
  }
  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form textarea{
    padding: calc( var(--base) * 14 ) calc( var(--base) * 24 );
  }
  .contact-form textarea{
    height: calc( var(--base) * 160 );
  }
  .contact-form input[type="radio"] {
    width: calc( var(--base) * 22 );
    height: calc( var(--base) * 22 );
    border-radius: 50%;
  }

  .contact-form input[type="radio"]:checked:before {
    width: calc( var(--base) * 10 );
    height: calc( var(--base) * 10 );
  }
  .contact-form__buttons{
    display: flex;
    justify-content: center;
    margin-top: calc( var(--base) * 25 );
  }
  .contact-form__buttons input[type="submit"]{
    width: calc( var(--base) * 200 );
    padding: calc( var(--base) * 12 );
    font-size: calc( var(--base) * 16 );
    transition: all .3s ease;
  }
  .contact-form__buttons button:hover{
    background-color: #AF0000;
  }
  .contact-sun{  
    width: calc( var(--base) * 817 );
    bottom: calc( var(--base) * -472 );
  }
  .contact-wave-lefttop{  
    width: calc( var(--base) * 150 );
    left: 0;  
    bottom: calc( var(--base) * 300 );
    z-index: 100;
  }
  .contact-wave-leftmdl{  
    width: calc( var(--base) * 208 );
    left: 0;  
    bottom: calc( var(--base) * 40 );
  }
  .contact-wave-righttop{  
    width: calc( var(--base) * 147 );
    top: calc( var(--base) * 490 );
    right: 0; 
  }
  .contact-wave-rightmdl{  
    width: calc( var(--base) * 45 );
    top: calc( var(--base) * 950 );
    right: 0; 
  }
  .contact-man{  
    width: calc( var(--base) * 352 );
    bottom: calc( var(--base) * -193 );
    right: calc( var(--base) * 45 ); 
  }
  .contact-call{  
    width: calc( var(--base) * 220 );
    bottom: calc( var(--base) * 292 );
    right: calc( var(--base) * 320 ); 
  }
  .contact-call__text{  
    width: calc( var(--base) * 215 );
    top: calc( var(--base) * -50 );
    left: 0; 
  }
  .contact-call__boder{  
    width: calc( var(--base) * 80 ); 
  }
  .contact-footer{  
    text-align: center;
    width: calc( var(--base) * 223 );
    bottom: calc( var(--base) * 164 );
    z-index: 110;
  }
  .contact-footer__logo{  
    margin-bottom: calc( var(--base) * 9 );
  }
  .contact-footer__link a {
    color: #FFF;
    font-size: calc( var(--base) * 14 );
  }
  .contact-footer__copy{  
    font-size: calc( var(--base) * 14 );
  }
}

/* SP */
@media screen and (max-width: 767px){
  .contact{
    background: url("../images/contact-bg-sp.png") center bottom no-repeat;
    background-size: cover;
    padding: calc( var(--base) * 180 ) calc( var(--base) * 20 ) calc( var(--base) * 238 ) calc( var(--base) * 20 );
    margin-top: calc( var(--base) * -135 );
  }
  .contact-title{
    width: calc( var(--base) * 198 );
    margin: 0 auto calc( var(--base) * 15 ) auto;
  }
  .contact-form{
    width: 100%;
  }
  .contact-form th,
  .contact-form td{
    font-size: calc( var(--base) * 16 );
    display: block;
  }
  .contact-form th{
    padding-bottom: calc( var(--base) * 5 );
  }
  .contact-form td{
    padding-bottom: calc( var(--base) * 15 );
  }
  .contact-form__text{
    margin:0 calc( var(--base) * 35 ) 0 calc( var(--base) * 2 );  
  }
  .contact-form__must{
    border-radius: calc( var(--base) * 4 );
    font-size: calc( var(--base) * 11 );
    padding: calc( var(--base) * 1 ) calc( var(--base) * 6 ) calc( var(--base) * 3 ) calc( var(--base) * 6 );
    margin: 0 calc( var(--base) * 8 ) 0 calc( var(--base) * 8 );
    top: calc( var(--base) * -2.5 );
    line-height: 1;
  }
  .contact-form input{
    font-size: calc( var(--base) * 16 );
  }
  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form textarea{
    padding: calc( var(--base) * 10 ) calc( var(--base) * 14 );
  }
  .contact-form textarea{
    height: calc( var(--base) * 120 );
  }
  .contact-form input[type="radio"] {
    width: calc( var(--base) * 22 );
    height: calc( var(--base) * 22 );
    border-radius: 50%;
  }

  .contact-form input[type="radio"]:checked:before {
    width: calc( var(--base) * 10 );
    height: calc( var(--base) * 10 );
  }
  .contact-form__buttons{
    display: flex;
    justify-content: center;
  }
  .contact-form__buttons input{
    width: calc( var(--base) * 200 );
    padding: calc( var(--base) * 12 );
    font-size: calc( var(--base) * 16 );
  }
  .wpcf7-spinner {
    display: none!important;
  }
  .contact-sun{  
    width: calc( var(--base) * 314 );
    bottom: calc( var(--base) * -135 );
  }
  .contact-wave-lefttop{  
    width: calc( var(--base) * 44 );
    left: 0;  
    bottom: calc( var(--base) * 90 );
  }
  .contact-wave-leftmdl{  
    width: calc( var(--base) * 60 );
    left: 0;  
    bottom: calc( var(--base) * 10 );
  }
  .contact-wave-righttop{  
    width: calc( var(--base) * 55 );
    bottom: calc( var(--base) * 130 );
    right: 0; 
  }
  .contact-man{  
    width: calc( var(--base) * 165.5 );
    bottom: calc( var(--base) * -86 );
    right: calc( var(--base) * -50 ); 
  }
  .contact-call{  
    width: calc( var(--base) * 116 );
    bottom: calc( var(--base) * 165 );
    right: calc( var(--base) * 71 ); 
    transform: rotate(0);
  }
  .contact-call__text{  
    width: calc( var(--base) * 108 );
    top: calc( var(--base) * -47 );
    left: 0;
    transform: rotate(10deg);
  }
  .contact-call__boder{  
    width: calc( var(--base) * 50 ); 
    transform: rotate(5deg);
  }
  .contact-footer{  
    text-align: center;
    width: calc( var(--base) * 161 );
    bottom: calc( var(--base) * 50 );
  }
  .contact-footer__logo{  
    bottom: calc( var(--base) * 10 );
  }
  .contact-footer__link a {
    color: #FFF;

    font-size: calc( var(--base) * 12 );
  }
  .contact-footer__copy{  
    font-size: calc( var(--base) * 12 );
  }
}

/* ページトップ
--------------------------------------------------*/
.l-pagetop{
  position: fixed;
  z-index: 200;
  cursor: pointer;
}
/* PC */
@media print,only screen and (min-width: 768px){ 
  .l-pagetop{
    width: calc( var(--base) * 66 );
    bottom: calc( var(--base) * 35 );
    right: calc( var(--base) * 8 );  
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .l-pagetop{
    width: calc( var(--base) * 40 );
    bottom: calc( var(--base) * 15 );
    right: calc( var(--base) * 5 );  
  }
}

/* CF7 */
.wpcf7-response-output {
  text-align: center;
  border: none!important;
  color: red;
}
.grecaptcha-badge {
  visibility: hidden!important;
}
.form-caution {
  font-size: calc( var(--base) * 12 );
}
.form-caution a {
  color: #171717;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
@media screen and (max-width: 767px){
  .form-caution {
    font-size: calc( var(--base) * 7 );
  }
}