@charset "UTF-8";

/*reset*/
/*-------------------------------------------------------*/
article,aside,figure,figcaption,footer,header,nav,section,main{ display: block; }
small{ font-size: inherit; line-height: inherit; }
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,div,figure,figcaption{ margin: 0; padding: 0; font-size: 100%; line-height: 1.5; }
ul,li,ol{ list-style: none; margin: 0; padding: 0; }
button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
a img{ border: none; }
a{ color: #2d48d2; vertical-align: bottom; }
img{ vertical-align: bottom; width: 100%; height: auto; }
html,body,p,div{
	color: #333333;
	font-family: 'YakuHanJP', "Noto Sans JP", sans-serif;
	font-size: 16px; line-height: 2.125;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html,body{ background-color: #ffffff; }
svg{ overflow: visible; }
select{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; color: #333333; }

@media screen and (max-width: 767.5px) {
	html,body,p,div{ font-size: 4.2666vw; }
}




/*initialize*/
/*-------------------------------------------------------*/
.pc{ display: block; }
.sp{ display: none; }

@media screen and (max-width: 767.5px) {
	.pc{ display: none; }
	.sp{ display: block; }
}




/*content*/
/*-------------------------------------------------------*/
#all-wrapper{ background-color: #ffffff; overflow: hidden; }
#anchor01{ position: absolute; }
#anchor02{ position: absolute; transform: translateY(-77px); }
#anchor03{ position: absolute; transform: translateY(-77px); }
#anchor04{ position: absolute; transform: translateY(-77px); }
#anchor05{ position: absolute; transform: translateY(-77px); }
#header{ position: relative; border-top: 1px solid transparent; }
#header .logo{ width: 200px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 20; background-color: #ffffff; padding: 20px 31px 15px; border-radius: 20px; }
#header .logo::before,
#header .logo::after{ content: ""; position: absolute; top: 0; width: 20px; height: 20px; background: url(../image/cmn-d01.svg) center center no-repeat; background-size: 100% 100%; margin-top: 34px; }
#header .logo::before{ left: 100%; margin-left: -1px; }
#header .logo::after{ right: 100%; transform: scaleX(-1); margin-right: -1px; }
#main .kv{ margin: 34px 2.5% 0; background: linear-gradient(to bottom, #b0e0e9 0%, #d8f0f4 100%); position: relative; overflow: hidden; border-radius: 30px 30px 0 0; z-index: 10; }
#main .kv::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px), radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px); background-position: 0 0, 3.5px 4px; background-size: 7px 8px; }
#main .kv .kv-body{ max-width: 1090px; margin: 0 auto; position: relative; z-index: 10; }
#main .kv .kv-body .box{ padding-top: 61.4678%; position: relative; }
#main .kv .kv-body .box .ttl{ width: 41.1926%; position: absolute; left: 0; top: 0; margin: 9.8716% 0 0 3.211%; z-index: 5; }
#main .kv .kv-body .box .ttl .frag{ position: absolute; left: 0; top: 0; line-height: 0; }
#main .kv .kv-body .box .ttl .frag01{ width: 31.1804%; margin: 0 0 0 0.4233%; }
#main .kv .kv-body .box .ttl .frag02{ width: 8.686%; margin: 2.0226% 0 0 33.3408%; }
#main .kv .kv-body .box .ttl .frag03{ width: 9.3541%; margin: 1.9061% 0 0 43.3969%; }
#main .kv .kv-body .box .ttl .frag04{ width: 8.0178%; margin: 2.8827% 0 0 54.2442%; }
#main .kv .kv-body .box .ttl .frag05{ width: 8.686%; margin: 2.4261% 0 0 62.9144%; }
#main .kv .kv-body .box .ttl .frag06{ width: 9.7996%; margin: 2.7234% 0 0 73.5069%; }
#main .kv .kv-body .box .ttl .frag07{ width: 5.7906%; margin: 5.7438% 0 0 83.1793%; }
#main .kv .kv-body .box .ttl .frag08{ width: 20.49%; margin: 15.4829% 0 0 0.0538%; }
#main .kv .kv-body .box .ttl .frag09{ width: 20.2673%; margin: 15.3924% 0 0 22.0200%; }
#main .kv .kv-body .box .ttl .frag10{ width: 10.245%; margin: 25.3473% 0 0 42.7471%; }
#main .kv .kv-body .box .ttl .frag11{ width: 8.2405%; margin: 23.0691% 0 0 54.6719%; }
#main .kv .kv-body .box .ttl .frag12{ width: 8.686%; margin: 22.9860% 0 0 66.3400%; }
#main .kv .kv-body .box .ttl .frag13{ width: 10.0223%; margin: 23.7747% 0 0 78.2400%; }
#main .kv .kv-body .box .ttl .frag14{ width: 16.4811%; margin: 39.3115% 0 0 0; }
#main .kv .kv-body .box .ttl .frag15{ width: 17.8174%; margin: 40.0916% 0 0 17.3031%; }
#main .kv .kv-body .box .ttl .frag16{ width: 6.9042%; margin: 44.3600% 0 0 37.2231%; }
#main .kv .kv-body .box .ttl .frag17{ width: 4.0089%; margin: 52.0325% 0 0 46.5052%; }
#main .kv .kv-body .box .ttl .frag18{ width: 17.5947%; margin: 39.4065% 0 0 55.0324%; }
#main .kv .kv-body .box .ttl .frag19{ width: 8.2405%; margin: 44.7055% 0 0 75.2046%; }
#main .kv .kv-body .box .ttl .frag20{ width: 6.9042%; margin: 44.3600% 0 0 86.6361%; }
#main .kv .kv-body .box .ttl .frag21{ width: 3.5635%; margin: 44.8305% 0 0 96.4461%; }
#main .kv .kv-body .box .txt{ width: 36.9724%; position: absolute; left: 0; top: 0; margin: 37.6146% 0 0 3.211%; z-index: 5; }
#main .kv .kv-body .box .bubble{ width: 39.0338%; position: absolute; left: 0; top: 0; margin: 10.0981% 0 0 55.4128%; z-index: 5; }
#main .kv .kv-body .box .bubble .frag{ position: absolute; left: 0; top: 0; line-height: 0; }
#main .kv .kv-body .box .bubble .frag01{ width: 100%; margin: 23.1503% 0 0 0; }
#main .kv .kv-body .box .bubble .frag02{ width: 55.0588%; margin: 0 0 0 5.3865%; }
#main .kv .kv-body .box .bubble .frag03{ width: 53.4118%; margin: 11.4234% 0 0 37.7472%; }
#main .kv .kv-body .box .person{ width: 40.262%; position: absolute; left: 0; top: 0; margin: 23.6101% 0 0 54.1284%; z-index: 5; }
#main .kv .kv-body .box .person .frag{ position: absolute; left: 0; top: 0; line-height: 0; }
#main .kv .kv-body .box .person .frag01{ width: 29.6127%; margin: 0.0952% 0 0 0; z-index: 10; }
#main .kv .kv-body .box .person .frag02{ width: 24.8291%; margin: 0 0 0 26.8403%; z-index: 5; }
#main .kv .kv-body .box .person .frag03{ width: 23.6902%; margin: 2.3138% 0 0 41.4198%; z-index: 10; }
#main .kv .kv-body .box .person .frag04{ width: 22.5512%; margin: 4.2949% 0 0 59.4757%; z-index: 8; }
#main .kv .kv-body .box .person .frag05{ width: 24.8291%; margin: 2.6456% 0 0 75.2134%; z-index: 5; }
#main .kv .kv-body .box .person .frag06{ width: 94.3052%; margin: 72.1410% 0 0 4.3900%; }
#main .kv .kv-body .box .cloud{ position: absolute; left: 0; top: 0; }
#main .kv .kv-body .box .cloud01{ width: 13.3027%; margin: 15.3306% 0 0 -12.6261%; }
#main .kv .kv-body .box .cloud02{ width: 10.1834%; margin: 3.1068% 0 0 12.3853%; }
#main .kv .kv-body .box .cloud03{ width: 10.8256%; margin: 4.5934% 0 0 26.1539%; opacity: 0.5; }
#main .kv .kv-body .box .cloud04{ width: 12.3853%; margin: 5.6308% 0 0 78.2276%; opacity: 0.5; }
#main .kv .kv-body .box .cloud05{ width: 12.3853%; margin: 6.2779% 0 0 82.7919%; }
#main .kv .kv-body .box .cloud06{ width: 15.5045%; margin: 14.3110% 0 0 97.0947%; opacity: 0.5; }
#main .kv .kv-body .box .navi{ width: 205px; position: absolute; left: 0; top: 0; margin: 51.1009% 0 0 3.211%; }
#main .kv .kv-body .box .navi a{ display: block; position: relative; background-color: #ed6c00; color: #ffffff; font-size: 1rem; font-weight: bold; text-decoration: none; padding: 4px 0 4px 20px; border-radius: 23px; box-sizing: border-box; }
#main .kv .kv-body .box .navi a .icon{ width: 11.7073%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 0; margin-right: 5.8537%; }
#main .kv .kv-body .box .loader{ width: 64px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none; display: flex; display: -ms-flex; justify-content: space-between; line-height: 0; }
#main .kv .kv-body .box .loader .dot{ width: 21.875%; padding-top: 21.875%; background-color: #16a4bf; line-height: 0; border-radius: 50%; }
#main .section-navi{ margin: 0 2.5%; background-color: #16a4bf; border-radius: 0 0 30px 30px; position: relative; z-index: 10; }
#main .section-navi .navi-list{ max-width: 1090px; margin: 0 auto; display: flex; display: -ms-flex; flex-wrap: wrap; }
#main .section-navi .navi-list .navi{ width: 20%; position: relative; }
#main .section-navi .navi-list .navi:nth-child(n+2)::before{ content: ""; width: 1px; height: 43px; position: absolute; left: 0; top: 50%; background-color: #66cfe0; transform: translate(-50%,-50%); }
#main .section-navi .navi-list .navi a{ font-size: 1rem; line-height: 1.1111; font-weight: bold; color: #ffffff; text-decoration: none; display: flex; display: -ms-flex; justify-content: center; align-items: center; height: 70px; text-align: center; background: rgba(0,0,0,0); }
#main .section-navi .navi-list .navi a .icon{ display: inline-block; width: 20px; height: 20px; background-color: #ffffff; margin-left: 0.5em; border-radius: 50%; position: relative; }
#main .section-navi .navi-list .navi a .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 30%; padding-top: 30%; border: solid #ed6c00; border-width: 0 2px 2px 0; transform: translate(-50%,-50%) translateY(-25%) rotate(45deg); }
#main .section .sec-base{ max-width: 1090px; margin: 0 auto; position: relative; border: solid transparent; border-width: 1px 0; }
#main .section01{ margin: 70px 2.5% 0; }
#main .section01 .sec-base .bg01{ width: 148.6239%; position: absolute; left: 0; top: 0; margin: -14.4954% 0 0 -16.5138%; pointer-events: none; }
#main .section01 .sec-base .intro{ position: relative; z-index: 10; }
#main .section01 .sec-base .intro .ttl{ max-width: 653px; margin: 0 auto; }
#main .section01 .sec-base .intro .copy{ max-width: 574px; margin: 24px auto 0; }
#main .section01 .sec-base .feature{ position: relative; z-index: 10; max-width: 1020px; width: 93.5779%; margin: 0 auto; }
#main .section01 .sec-base .feature .bubble{ position: absolute; left: 0; top: 0; margin: -14.5652% 0 0 -3.9861%; z-index: 20; width: 27.8431%; }
#main .section01 .sec-base .feature .bg02{ position: relative; left: 0; top: 0; margin-left: -9.4118%; }
#main .section01 .sec-base .feature .feature-list{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: flex; display: -ms-flex; justify-content: space-between; }
#main .section01 .sec-base .feature .feature-list .item{ flex: 1; height: 100%; position: relative; }
#main .section01 .sec-base .feature .feature-list .item .num{ position: absolute; left: 0; top: 0; width: 36.4706%; margin: 17.0588% 0 0 33.5294%; }
#main .section01 .sec-base .feature .feature-list .item .txt{ position: absolute; left: 50%; top: 0; margin-top: 67.0588%; transform: translate(-50%,-50%); }
#main .section01 .sec-base .feature .feature-list .item01 .txt{ width: 81.4705%; }
#main .section01 .sec-base .feature .feature-list .item02 .txt{ width: 85.5882%; }
#main .section01 .sec-base .feature .feature-list .item03 .txt{ width: 75.8824%; }
#main .section01 .sec-base .feature .feature-list .item .navi{ width: 82.3529%; position: absolute; left: 0; top: 0; margin: 99.7059% 0 0 8.8235%; }
#main .section01 .sec-base .feature .feature-list .item .navi a{ display: block; border: 4px solid #ffffff; background-color: #ed6c00; color: #ffffff; text-decoration: none; font-size: 1.2777rem; line-height: 1.3; font-weight: bold; text-align: center; padding: 16px 0; border-radius: 35px; box-shadow: 7px 7px 0 rgba(0,83,94,0.3); position: relative; }
#main .section01 .sec-base .feature .feature-list .item .navi a .icon{ display: block; position: absolute; right: 0; top: 50%; width: 12.8676%; padding-top: 12.8676%; background-color: #f2984c; border-radius: 50%; transform: translateY(-50%); margin-right: 5.8824%; }
#main .section01 .sec-base .feature .feature-list .item .navi a .icon::before,
#main .section01 .sec-base .feature .feature-list .item .navi a .icon::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 65.7143%; padding-top: 10%; background-color: #ffffff; transform: translate(-50%,-50%); }
#main .section01 .sec-base .feature .feature-list .item .navi a .icon::after{ transform: translate(-50%,-50%) rotate(90deg); }
#main .section01 .sec-base .note{ max-width: 1020px; width: 93.5779%; margin: 58px auto 0; }
#main .section01 .sec-base .note .note-body{ margin-left: auto; width: 92.5490%; border: 4px solid #e1ddc9; box-sizing: border-box; background-color: #ffffff; position: relative; z-index: 10; padding: 25px 0; border-radius: 45px; }
#main .section01 .sec-base .note .note-body .head{ position: absolute; left: 0; top: 50%; width: 21.1538%; margin: -9.8290% 0 0 -11.4316%; }
#main .section01 .sec-base .note .note-body .txt{ font-size: 1.625rem; line-height: 1.3; font-weight: bold; text-align: center; margin: 0 0 0 8%; }
#main .section01 .sec-base .note .note-body .txt .s-size{ font-size: 80%; }
#main .section01 .sec-base .note .note-body .txt .num{ font-size: 150%; line-height: 0; }
#main .section01 .sec-base .note .note-body .txt .marker{ font-size: 120%; line-height: 0; }
#main .section01 .sec-base .note .note-body .txt .theme-color{ color: #f08226; }
#main .section01 .sec-base .note .note-body .txt .word{ display: inline-block; }
#main .section02{ background-color: #f3f2ea; background-image: radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px), radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px); background-position: 0 0, 3.5px 4px; background-size: 7px 8px; padding-bottom: 60px; margin: 168px 2.5% 0; border-radius: 30px; }
#main .section02 .sec-base .intro{ margin-top: -77px; }
#main .section02 .sec-base .intro .ttl{ max-width: 653px; margin: 0 auto; }
#main .section02 .sec-base .intro .txt{ font-size: 1.125rem; line-height: 1.7777; font-weight: bold; margin-top: 30px; text-align: center; }
#main .section02 .sec-base .intro .txt .word{ display: inline-block; }
#main .section02 .sec-base .box01{ max-width: 1020px; width: 93.5779%; margin: 36px auto 0; background-color: #ffffff; border-radius: 30px; border-top: 1px solid transparent; padding-bottom: 0; }
#main .section02 .sec-base .box01 .box01-head{ padding-top: 17.2549%; position: relative; }
#main .section02 .sec-base .box01 .box01-head .copy{ width: 72.451%; position: absolute; left: 0; top: 0; margin: 4.902% 0 0 20.3159%; }
#main .section02 .sec-base .box01 .box01-head .deco01{ width: 21.8627%; position: absolute; left: 0; bottom: 0; margin: 0 0 -110px -3.3333%; }
#main .section02 .sec-base .box01 .sw-navi{ width: 86.6666%; margin: 0 auto 0; display: flex; display: -ms-flex; justify-content: space-between; position: relative; z-index: 10; }
#main .section02 .sec-base .box01 .sw-navi .navi{ width: 48.6425%; box-sizing: border-box; color: #ed6c00; padding: 16px 0; border: solid #fad3b2; background-color: #ffffff; border-width: 4px 4px 0 4px; border-radius: 28px 28px 0 0; cursor: pointer; position: relative; }
#main .section02 .sec-base .box01 .sw-navi .navi.active{ color: #ffffff; background-color: #f08226; border-color: #f08226; cursor: auto; }
#main .section02 .sec-base .box01 .sw-navi .navi .word{ font-size: 1.6666rem; line-height: 1.2; font-weight: bold; text-align: center; display: block; color: inherit; padding-left: 10%; }
#main .section02 .sec-base .box01 .sw-navi .navi .word .sub{ font-size: 1rem; display: block; }
#main .section02 .sec-base .box01 .sw-navi .navi .word .s-size{ font-size: 80%; }
#main .section02 .sec-base .box01 .sw-navi .navi .icon{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background-color: #ed6c00; margin-left: 7.907%; }
#main .section02 .sec-base .box01 .sw-navi .navi .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) translateY(-25%) rotate(45deg); border: solid #ffffff; border-width: 0 3px 3px 0; width: 28.125%; padding-top: 28.125%; }
#main .section02 .sec-base .box01 .sw-navi .navi.active .icon{ background-color: #ffffff; }
#main .section02 .sec-base .box01 .sw-navi .navi.active .icon::before{ border-color: #ed6c00; }
#main .section02 .sec-base .box01 .sw-content{ background-color: #f08226; padding: 3.3333%; position: relative; z-index: 10; border-radius: 30px; }
#main .section02 .sec-base .box01 .sw-content .sw-body{ height: 0; overflow: hidden; opacity: 0; }
#main .section02 .sec-base .box01 .sw-content .sw-body.active{ height: auto; opacity: 1; overflow: visible; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body{ padding: 3.5714% 3.5714% 7.3529%; background-color: #ffffff; border-radius: 20px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util{  }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view{ display: flex; display: -ms-flex; justify-content: space-between; background-color: #f5f4ed; border-radius: 20px; padding: 15px 0 60px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body{ flex: 1; position: relative; line-height: 0; text-align: center; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tips{ position: absolute; left: 50%;bottom: 100%; transform: translateX(-50%); background-color: #ffffff; font-size: 0.8888rem; line-height: 1.25; white-space: nowrap; padding: 10px 30px; border-radius: 31px; box-shadow: 0 0 5px rgba(0,0,0,0.3); z-index: 20; margin-bottom: 10px; font-weight: bold; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tips::before{ content: ""; position: absolute; left: 50%; top: 100%; transform: translate(-50%,4px); border: 8px solid transparent; border-top-color: rgba(0,0,0,0.2); filter: blur(2px); }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tips::after{ content: ""; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #ffffff; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tips .marker{ font-size: 1rem; color: #ed6c00; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .head{ font-size: 1.3333rem; line-height: 1.5; font-weight: bold; display: block; margin-bottom: 5px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body{ width: 260px; border: 4px solid #333333; background-color: #ffffff; line-height: 0; box-sizing: border-box; position: relative; display: inline-block; border-radius: 25px; overflow: hidden; vertical-align: bottom; text-align: left; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body select{ width: 100%; font-size: 0.9444rem; line-height: 1.5; position: relative; z-index: 10; padding: 3.5% 5%; box-sizing: border-box; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 20; pointer-events: none; opacity: 0; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body.active::before{ opacity: 1; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body .num{ width: 100%; height: 100%; font-size: 1.875rem; line-height: 1; font-weight: bold; text-align: center; padding: 2% 33% 2% 5%; box-sizing: border-box; position: absolute; left: 0; top: 0; display: none; pointer-events: none; z-index: 40; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body .num.active{ display: block; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body .icon{ position: absolute; width: 28.0769%; right: 0; top: 0; height: 100%; background-color: #f08226; border-left: 1px solid #333333; z-index: 30; pointer-events: none; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) translateY(-25%) rotate(45deg); border: solid #333333; border-width: 0 5px 5px 0; width: 15%; padding-top: 15%; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tail{ font-size: 1.3333rem; line-height: 1.5; display: inline-block; font-weight: bold; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body{ flex: 1; position: relative; line-height: 0; text-align: center; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); width: 1px; height: 100%; background-color: #333333; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .head{ font-size: 1.3333rem; line-height: 1.3; font-weight: bold; display: block; margin-bottom: 5px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt{ font-size: 1.6666rem; font-weight: bold; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt input[type=radio]{ display: none; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt label{ position: relative; cursor: pointer; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt label~label{ margin-left: 0.5em; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt label .icon{ width: 31px; height: 31px; display: inline-block; border: 4px solid #333333; background-color: #ffffff; border-radius: 50%; box-sizing: border-box; vertical-align: middle; margin-right: 0.2em; position: relative; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt label .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 65%; height: 65%; background-color: #e1ddc9; transform: translate(-50%,-50%); border-radius: 50%; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt input[type="radio"]:checked+label .icon::before{ background-color: #f08226; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .kenshin-btn{ font-size: 1.3333rem; line-height: 1.3; max-width: 340px; text-align: center; background-color: #333333; color: #ffffff; font-weight: bold; padding: 19px 0; border-radius: 35px; margin: -35px auto 0; cursor: pointer; box-shadow: 7px 7px 0 rgba(0,0,0,0.2); }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu{ max-width: 748px; margin: 0 auto; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .error-txt{ height: 0; opacity: 0; transition: opacity 0.5s; overflow: hidden; font-size: 30px; line-height: 1.4666; color: #ed6c00; font-weight: bold; text-align: center; padding-top: 0; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .error-txt.active{ height: auto; opacity: 1; padding-top: 56px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-wrapper{ height: 0; opacity: 0; transition: opacity 0.5s; overflow: hidden; width: calc(100% + 40px); padding: 0 20px; box-sizing: border-box; margin-left: -20px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-wrapper.active{ height: auto; opacity: 1; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-head{ padding-top: 30px; display: flex; display: -ms-flex; align-items: center; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-head::before,
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-head::after{ content: ""; flex: 1; height: 1px; background-color: #333333; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-head .word{ white-space: nowrap; padding: 0 0.5em; font-size: 1.6666rem; line-height: 1.3; font-weight: bold; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item{ margin: 5px 0 -50px; position: relative; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #ffffff; transform: translateY(50%); z-index: 10; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item{ padding: 0; height: 0; opacity: 0; pointer-events: none; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item.active{ height: auto; padding: 33px 0; opacity: 1; display: flex; display: -ms-flex; transition: opacity 0.5s; border-bottom: 1px solid #333333; pointer-events: auto; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .photo{ width: 170px; margin-right: 30px; position: relative; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .photo .icon{ position: absolute; left: 0; top: 0; width: 23.5294%; margin: -7.0588% 0 0 -10.5882%; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body{ flex: 1; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .name{ font-size: 1.4444rem; line-height: 1.23; color: #f08226; font-weight: bold; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body{ overflow: hidden; margin-top: 5px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-head{ float: left; width: 90px; border: 1px solid #333333; font-size: 0.7777rem; line-height: 1.388; text-align: center; font-weight: bold; transform: translateY(5px); display: inline-block; border-radius: 11px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-head.marker{ border-color: #f08226; color: #ed6c00; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-txt{ overflow: hidden; border: 1px solid transparent; font-size: 1rem; line-height: 1.388; padding-left: 10px; font-weight: bold; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-txt~.spec-head,
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-txt~.spec-txt{ margin-top: 3px; }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .txt{ font-size: 1rem; line-height: 1.5; margin-top: 10px; }
#main .section03{ background-color: #dcf1f5; background-image: radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px), radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px); background-position: 0 0, 3.5px 4px; background-size: 7px 8px; padding-bottom: 60px; margin: 133px 2.5% 0; border-radius: 30px; }
#main .section03 .sec-base .intro{ margin-top: -77px; }
#main .section03 .sec-base .intro .ttl{ max-width: 653px; margin: 0 auto; }
#main .section03 .sec-base .box01{ max-width: 1020px; width: 93.5779%; margin: 32px auto 0; border-radius: 30px; border-top: 1px solid transparent; padding-bottom: 0; }
#main .section03 .sec-base .box01 .sw-navi{ width: 86.6666%; margin: 0 auto; display: flex; display: -ms-flex; justify-content: space-between; position: relative; z-index: 10; }
#main .section03 .sec-base .box01 .sw-navi .navi{ width: 48.6425%; box-sizing: border-box; color: #16a4bf; padding: 16px 0; border: solid #8bd2df; background-color: #ffffff; border-width: 4px 4px 0 4px; border-radius: 28px 28px 0 0; cursor: pointer; position: relative; }
#main .section03 .sec-base .box01 .sw-navi .navi.active{ color: #ffffff; background-color: #16a4bf; border-color: #16a4bf; cursor: auto; }
#main .section03 .sec-base .box01 .sw-navi .navi .word{ font-size: 1.6666rem; line-height: 1.2; font-weight: bold; text-align: center; display: block; color: inherit; padding-left: 10%; }
#main .section03 .sec-base .box01 .sw-navi .navi .word .sub{ font-size: 1rem; display: block; }
#main .section03 .sec-base .box01 .sw-navi .navi .word .s-size{ font-size: 80%; }
#main .section03 .sec-base .box01 .sw-navi .navi .icon{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background-color: #16a4bf; margin-left: 7.907%; }
#main .section03 .sec-base .box01 .sw-navi .navi .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) translateY(-25%) rotate(45deg); border: solid #ffffff; border-width: 0 3px 3px 0; width: 28.125%; padding-top: 28.125%; }
#main .section03 .sec-base .box01 .sw-navi .navi.active .icon{ background-color: #ffffff; }
#main .section03 .sec-base .box01 .sw-navi .navi.active .icon::before{ border-color: #16a4bf; }
#main .section03 .sec-base .box01 .sw-content{ background-color: #16a4bf; padding: 3.3333%; position: relative; z-index: 10; border-radius: 30px; }
#main .section03 .sec-base .box01 .sw-content .sw-body{ height: 0; overflow: hidden; opacity: 0; }
#main .section03 .sec-base .box01 .sw-content .sw-body.active{ height: auto; opacity: 1; overflow: visible; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body{ padding: 3.5714% 3.5714% 7.3529%; background-color: #ffffff; border-radius: 20px; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list{  }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .arrow{ padding: 7px 0; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view{ display: flex; display: -ms-flex; align-items: center; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .icon{ margin-right: 1.81%; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item01 .split-view .icon{ width: 9.7285%; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item02 .split-view .icon{ width: 9.7285%; margin-top: -2%; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item03 .split-view .icon{ width: 7.5791%; padding-right: 2.1494%; margin-top: -2%; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .head{ font-size: 2rem; line-height: 1.2187; font-weight: bold; color: #16a4bf; width: 38.009%;  }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .head .marker{ color: #ed6c00; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .txt-body{ flex: 1; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .txt-body .txt{ font-size: 1.125rem; line-height: 1.5; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .txt-body .caption{ font-size: 0.8125rem; line-height: 1.5; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi{ max-width: 544px; margin: 40px auto 0; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a{ display: block; color: #ffffff; font-size: 1.4375rem; line-height: 1.2; font-weight: bold; background-color: #ed6c00; text-decoration: none; text-align: center; padding: 15px 0; border-radius: 35px; border: 4px solid #df5400; box-shadow: 7px 7px 0 rgba(0,0,0,0.15); position: relative; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a .icon{ position: absolute; right: 0; top: 50%; line-height: 0; width: 3.0784%; transform: translateY(-50%); margin-right: 5.2238%; }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a .s-size{ font-size: 78.2608%; }
#main .section03 .sec-base .deco01{ position: absolute; right: 0; bottom: 0; width: 12.7522%; z-index: 10; pointer-events: none; margin-bottom: -60px; }
#main .section04{ background-color: #fce9d9; background-image: radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px), radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px); background-position: 0 0, 3.5px 4px; background-size: 7px 8px; padding-bottom: 106px; margin: 137px 2.5% 0; border-radius: 30px; }
#main .section04 .sec-base .intro{ margin-top: -77px; }
#main .section04 .sec-base .intro .ttl{ max-width: 653px; margin: 0 auto; }
#main .section04 .sec-base .intro .txt{ font-size: 1.125rem; line-height: 1.7777; font-weight: bold; margin-top: 30px; text-align: center; }
#main .section04 .sec-base .intro .txt .word{ display: inline-block; }
#main .section04 .sec-base .flow-list{ position: relative; margin: 100px auto 0; max-width: 1020px; width: 93.5779%; }
#main .section04 .sec-base .flow-list .list-item{ display: flex; display: -ms-flex; justify-content: space-between;  }
#main .section04 .sec-base .flow-list .list-item .item{ width: 31.3725%; position: relative; }
#main .section04 .sec-base .flow-list .list-item .item .fill{ width: 100%; padding-top: 100%; position: relative; background-color: #ffffff; border-radius: 50%; }
#main .section04 .sec-base .flow-list .list-item .item .photo{ position: absolute; left: 50%; bottom: 0; width: 93.75%; transform: translateX(-50%); margin-bottom: 56.875%; }
#main .section04 .sec-base .flow-list .list-item .item .txt{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 20; }
#main .section04 .sec-base .flow-list .deco01{ width: 105.1961%; position: absolute; left: 0; top: 0; margin: 13.9215% 0 0 -2.402%; }
#main .section04 .sec-base .box01{ max-width: 1020px; width: 93.5779%; margin: 134px auto 0; background-color: #ffffff; border-radius: 30px; border-top: 1px solid transparent; padding-bottom: 0; }
#main .section04 .sec-base .box01 .box01-head{ position: relative; }
#main .section04 .sec-base .box01 .box01-head .copy{ width: 344px; position: relative; left: 50%; margin: -40px 0 0 -160px; }
#main .section04 .sec-base .box01 .box01-head .route{ width: 71.2745%; margin: 28px 0 0 14.902%; }
#main .section04 .sec-base .box01 .sw-navi{ width: 86.6666%; margin: 10px auto 0; display: flex; display: -ms-flex; justify-content: space-between; position: relative; z-index: 10; }
#main .section04 .sec-base .box01 .sw-navi .navi{ width: 48.6425%; box-sizing: border-box; padding: 16px 0; background-color: #ffffff; border-radius: 28px 28px 0 0; cursor: pointer; position: relative; }
#main .section04 .sec-base .box01 .sw-navi .sw01{ color: #16a4bf; border: solid #8bd2df; border-width: 4px 4px 0 4px; }
#main .section04 .sec-base .box01 .sw-navi .sw02{ color: #ed6c00; border: solid #fad3b2; border-width: 4px 4px 0 4px; }
#main .section04 .sec-base .box01 .sw-navi .navi.active{ color: #ffffff; cursor: auto; }
#main .section04 .sec-base .box01 .sw-navi .sw01.active{ background-color: #16a4bf; border-color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-navi .sw02.active{ background-color: #f08226; border-color: #f08226; }
#main .section04 .sec-base .box01 .sw-navi .navi .word{ font-size: 1.6666rem; line-height: 1.2; font-weight: bold; text-align: center; display: block; color: inherit; padding-left: 10%; }
#main .section04 .sec-base .box01 .sw-navi .navi .word .sub{ font-size: 1rem; display: block; }
#main .section04 .sec-base .box01 .sw-navi .navi .word .s-size{ font-size: 80%; }
#main .section04 .sec-base .box01 .sw-navi .navi .icon{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; margin-left: 7.907%; }
#main .section04 .sec-base .box01 .sw-navi .sw01 .icon{ background-color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-navi .sw02 .icon{ background-color: #ed6c00; }
#main .section04 .sec-base .box01 .sw-navi .navi .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) translateY(-25%) rotate(45deg); border: solid #ffffff; border-width: 0 3px 3px 0; width: 28.125%; padding-top: 28.125%; }
#main .section04 .sec-base .box01 .sw-navi .navi.active .icon{ background-color: #ffffff; }
#main .section04 .sec-base .box01 .sw-navi .sw01.active .icon::before{ border-color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-navi .sw02.active .icon::before{ border-color: #ed6c00; }
#main .section04 .sec-base .box01 .sw-content .sw-body{ height: 0; overflow: hidden; opacity: 0; }
#main .section04 .sec-base .box01 .sw-content .sw-body.active{ height: auto; opacity: 1; overflow: visible; }
#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg{ padding: 3.3333%; position: relative; z-index: 10; border-radius: 30px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg{ background-color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg{ background-color: #f08226; }
#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg .inner-body{ padding: 5.2521% 3.5714%; background-color: #ffffff; border-radius: 20px; }
#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg .inner-body .head-body{ text-align: center; border-bottom: 1px solid #c2c2c2; margin-bottom: 3.0543%; padding-bottom: 3.0543%; }
#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg .inner-body .head-body .ttl{ font-size: 2.625rem; line-height: 1.2; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .head-body .ttl{ color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .head-body .ttl{ color: #ed6c00; }
#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg .inner-body .head-body .txt{ font-size: 1.25rem; line-height: 1.5; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .split-view01{ display: flex; display: -ms-flex; justify-content: flex-start; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .split-view01 .copy{ font-size: 1.8rem; line-height: 1.343; font-weight: bold; margin-right: 4.5249%; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .split-view01 .copy .marker{ color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .split-view01 .txt{ flex: 1; font-size: 1rem; line-height: 1.687; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box{ background-color: #f5f4ed; margin-top: 38px; border-radius: 20px; position: relative; border-top: 1px solid transparent; padding: 30px 3.7330%; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box .head{ position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); white-space: nowrap; font-size: 1.562rem; line-height: 1.5; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split{ display: flex; display: -ms-flex; justify-content: space-between; align-items: center; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item{ width: 45.7213%; text-align: center; position: relative; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item:nth-child(n+2)::before{ content: ""; width: 0.2205vw; height: 100%; background: url(../image/sec04-d02.webp) center 0 repeat-y; background-size: 100% auto; position: absolute; left: 0; top: 0; margin-left: -8.8930%; transform: translateX(-50%); max-width: 3px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item:nth-child(n+2)::after{ content: ""; width: 3.1617vw; height: 4.4117vw; background: url(../image/sec04-d03.webp) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; margin-left: -8.8930%; transform: translate(-50%,-50%); max-width: 43px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item01 .txt{ font-size: 1.25rem; line-height: 1.35; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item01 .data{ max-width: 340px; margin: 10px auto 0; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .txt{ font-size: 1.25rem; line-height: 1.35; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .txt .s-size{ font-size: 80%; display: inline-block; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .txt .marker{ color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .data{ max-width: 310px; margin: 10px auto 0; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .caption{ font-size: 0.75rem; line-height: 1.35; margin-top: 10px; white-space: nowrap; position: relative; left: 50%; transform: translateX(-50%); }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split{ display: flex; display: -ms-flex; justify-content: space-between; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item{ text-align: center; position: relative; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item01{ width: 20.7823%; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02{ width: 70.6601%; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item:nth-child(n+2)::before{ content: ""; width: 0.2205vw; height: 100%; background: url(../image/sec04-d02.webp) center 0 repeat-y; background-size: 100% auto; position: absolute; left: 0; top: 0; margin-left: -5.893%; transform: translateX(-50%); max-width: 3px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item .inner-head{ background-color: #a2dbe6; border-radius: 10px; font-size: 1.125rem; line-height: 1.5; font-weight: bold; padding: 2px 0; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item01 .txt{ font-size: 2.4rem; line-height: 1.5; color: #16a4bf; font-weight: bold; margin-top: 20px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .txt{ font-size: 1.15rem; line-height: 1.3; font-weight: bold; margin-top: 10px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .txt .marker{ color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .price-split{ display: flex; display: -ms-flex; justify-content: space-between; border-radius: 10px; margin-top: 10px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .price-split .price-item{ width: 48.4429%; background-color: #ffffff; border-radius: 10px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .price-split .price-item .price-txt{ font-size: 1.025rem; line-height: 2.2; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .price-split .price-item .price-txt .num{ font-size: 225%; line-height: 0; color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split{ display: flex; display: -ms-flex; justify-content: space-between; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item{ width: 29.1666%; text-align: center; position: relative; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item:nth-child(n+2)::before{ content: ""; width: 0.2205vw; height: 100%; background: url(../image/sec04-d02.webp) center 0 repeat-y; background-size: 100% auto; position: absolute; left: 0; top: 0; margin-left: -9.3930%; transform: translateX(-50%); max-width: 3px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item:nth-child(n+2)::after{ content: ""; width: 3.1617vw; height: 4.4117vw; background: url(../image/sec04-d03.webp) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; margin-left: -9.3930%; transform: translate(-50%,-50%); max-width: 43px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item .inner-head{ background-color: #a2dbe6; border-radius: 10px; font-size: 1.125rem; line-height: 1.5; font-weight: bold; padding: 2px 0; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item .copy{ font-size: 1.15rem; line-height: 1.3; font-weight: bold; margin-top: 10px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item .copy .marker{ color: #16a4bf; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item .txt{ font-size: 1rem; line-height: 1.687; text-align: left; margin-top: 10px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question{ display: flex; display: -ms-flex; align-items: center; margin-top: 40px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .icon{ width: 8.0317%; margin-right: 1%; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .txt{ flex: 1; font-size: 1.625rem; line-height: 1.3076; color: #47b7cd; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi{ width: 280px; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a{ display: block; border: 4px solid #ffffff; background-color: #ed6c00; font-size: 1.4375rem; line-height: 1.5; font-weight: bold; box-shadow: 7px 7px rgba(0,83,94,0.3); padding: 13px 0; border-radius: 35px; text-align: center; color: #ffffff; text-decoration: none; position: relative; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a .icon{ display: block; position: absolute; right: 0; top: 50%; width: 12.8676%; padding-top: 12.8676%; background-color: #f2984c; border-radius: 50%; transform: translateY(-50%); margin-right: 5.8824%; }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a .icon::before,
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a .icon::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 65.7143%; padding-top: 10%; background-color: #ffffff; transform: translate(-50%,-50%); }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a .icon::after{ transform: translate(-50%,-50%) rotate(90deg); }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01{ display: flex; display: -ms-flex; justify-content: flex-start; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01 .copy{ font-size: 1.8rem; line-height: 1.343; font-weight: bold; margin-right: 4.5249%; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01 .copy .marker{ color: #ed6c00; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01 .txt{ flex: 1; font-size: 1rem; line-height: 1.687; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01{ background-color: #f5f4ed; margin-top: 38px; border-radius: 20px; position: relative; border-top: 1px solid transparent; padding: 30px 3.7330%; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01{ display: flex; display: -ms-flex; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .txt-body{ flex: 1; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .head{ font-size: 1.562rem; line-height: 1.5; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .txt{ font-size: 1rem; line-height: 1.687; margin-top: 15px; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .data{ width: 50%; margin-left: 3.2007%; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .data .caption{ font-size: 0.625rem; text-align: right; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02{ background-color: #f5f4ed; margin-top: 38px; border-radius: 20px; position: relative; border-top: 1px solid transparent; padding: 30px 3.7330%; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .head{ position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); white-space: nowrap; font-size: 1.562rem; line-height: 1.5; font-weight: bold; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split{ display: grid; grid-template-columns: 21.4198% 21.4198% 21.4198% 21.4198%; grid-template-rows: auto 1fr; justify-content: space-between; position: relative; overflow: hidden; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item-head01{ grid-row: 1; grid-column: 1 / 2; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item-head02{ grid-row: 1; grid-column: 2 / 3; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item-head03{ grid-row: 1; grid-column: 3 / 4; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item-head04{ grid-row: 1; grid-column: 4 / 5; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .inner-head{ background-color: #f8c499; border-radius: 10px; font-size: 1.125rem; line-height: 1.5; font-weight: bold; padding: 2px 0; text-align: center; margin-bottom: 10px; display: flex; display: -ms-flex; justify-content: center; align-items: center; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item{ text-align: center; position: relative;display: flex; display: -ms-flex; justify-content: center; align-items: center; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item01{ grid-row: 2; grid-column: 1 / 2; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item02{ grid-row: 2; grid-column: 2 / 3; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item03{ grid-row: 2; grid-column: 3 / 4; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item04{ grid-row: 2; grid-column: 4 / 5; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item:nth-child(n+3)::before{ content: ""; width: 0.2205vw; height: 100%; padding-top: 50%; background: url(../image/sec04-d02.webp) center 0 repeat-y; background-size: 100% auto; position: absolute; left: 0; bottom: 0; margin-left: -10.5%; transform: translateX(-50%); max-width: 3px; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item .txt{ font-size: 1.15rem; text-align: center; font-weight: bold; line-height: 1.2; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item .txt+.txt{ margin-top: 10px; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item .txt .marker{ color: #ed6c00; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item .txt .s-size{ font-size: 80%; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03{ background-color: #f5f4ed; margin-top: 38px; border-radius: 20px; position: relative; border-top: 1px solid transparent; padding: 30px 3.7330%; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split{ display: flex; display: -ms-flex; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .head{ font-size: 1.562rem; line-height: 1.5; font-weight: bold; margin-right: 3%; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item{ flex: 1; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item .item{ display: flex; display: -ms-flex; align-items: center; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item .item:nth-child(n+2){ position: relative; background: url(../image/sec04-d04.webp) 0 0 repeat-x; background-size: auto 3px; margin-top: 10px; padding-top: 10px; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item .item .name{ width: 148px; font-size: 1.0875rem; line-height: 1.3157; color: #ed6c00; font-weight: bold; text-align: center; margin-right: 2%; }
#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item .item .txt{ flex: 1; font-size: 1rem; line-height: 1.687; }
#main .section04 .sec-base .box02{ max-width: 1020px; width: 93.5779%; margin: 102px auto 0; border-radius: 30px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-color: #ffffff; }
#main .section04 .sec-base .box02 .ttl{ width: 417px; position: relative; left: 50%; margin: -42px 0 0 -197px; }
#main .section04 .sec-base .box02 .copy{ font-size: 1.4375rem; line-height: 1.2; text-align: center; font-weight: bold; margin-top: 20px; }
#main .section04 .sec-base .box02 .list-item{ display: flex; display: -ms-flex; justify-content: space-between; max-width: 884px; width: 95%; margin: 15px auto 0; }
#main .section04 .sec-base .box02 .list-item .item{ width: 31.3725%; }
#main .section04 .sec-base .box02 .list-item .item01 img{ margin-top: -1.0791%; }
#main .section04 .sec-base .box02 .txt{ font-size: 1.4375rem; line-height: 1.2; text-align: center; font-weight: bold; margin-top: 20px; }
#main .section04 .sec-base .box02 .navi{ margin: 30px auto -35px; max-width: 476px; }
#main .section04 .sec-base .box02 .navi a{ display: block; color: #ffffff; font-size: 1.4375rem; line-height: 1.2; font-weight: bold; background-color: #ed6c00; text-decoration: none; text-align: center; padding: 15px 0; border-radius: 35px; border: 4px solid #df5400; box-shadow: 7px 7px 0 rgba(0,0,0,0.15); position: relative; }
#main .section04 .sec-base .box02 .navi a .icon{ position: absolute; right: 0; top: 50%; line-height: 0; width: 3.0784%; transform: translateY(-50%); margin-right: 5.2238%; }
#main .section03 .sec-base .deco01{ position: absolute; right: 0; bottom: 0; width: 12.7522%; z-index: 10; pointer-events: none; margin-bottom: -60px; }
#main .section05{ background-color: #dcf1f5; background-image: radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px), radial-gradient(circle, rgba(255,255,255,0.8) 0.5px, transparent 0.5px); background-position: 0 0, 3.5px 4px; background-size: 7px 8px; padding-bottom: 70px; margin: 136px 2.5% 0; border-radius: 30px; }
#main .section05 .sec-base .intro{ margin-top: -77px; }
#main .section05 .sec-base .intro .ttl{ max-width: 640px; margin: 0 auto; }
#main .section05 .sec-base .intro .txt{ font-size: 1rem; line-height: 1.7777; font-weight: bold; margin-top: 30px; text-align: center; }
#main .section05 .sec-base .intro .txt .word{ display: inline-block; }
#main .section05 .sec-base .box01{ max-width: 1020px; width: 93.5779%; margin: 66px auto 0; background-color: #ffffff; border-radius: 30px; border-top: 1px solid transparent; padding-bottom: 50px; }
#main .section05 .sec-base .box01 .ttl{ max-width: 272px; position: relative; left: 50%; margin: -35px 0 0 -123px; }
#main .section05 .sec-base .box01 .caption{ font-size: 0.7777rem; line-height: 1.5; margin-top: 25px; text-align: center; }
#main .section05 .sec-base .box01 .list-item{ max-width: 523px; width: 85%; display: flex; display: -ms-flex; justify-content: space-between; margin: 25px auto 0; }
#main .section05 .sec-base .box01 .list-item .item{ width: 43.9770%; text-align: center; }
#main .section05 .sec-base .box01 .list-item .item .photo-body{ position: relative; overflow: hidden; border-radius: 20px; }
#main .section05 .sec-base .box01 .list-item .item .photo-body .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0); }
#main .section05 .sec-base .box01 .list-item .item .photo-body .icon{ position: absolute; width: 22.1739%; margin: 0 5.0209% 5.0209% 0; bottom: 0; right: 0; }
#main .section05 .sec-base .box01 .list-item .item .txt{ font-size: 1.0625rem; line-height: 1.3; font-weight: bold; margin-top: 10px; }
#main .section05 .sec-base .box01 .list-item .item .txt .s-size{ font-size: 88.2352%; font-weight: normal; display: inline-block; }
#footer{ padding: 50px 0; text-align: center; }
#footer .logo{ max-width: 250px; margin: 0 auto; }
/* 0115修正 */
#footer .copyright{ font-size: 0.6666rem; line-height: 1.5; margin-top: 5px; }
#footer .txt{ font-size: 1rem; line-height: 1.5; margin-top: 25px; }
/* /0115修正 */

@media screen and (max-width: 1360px) {
	#main .kv .kv-body .box .ttl,
	#main .kv .kv-body .box .txt,
	#main .kv .kv-body .box .navi{ margin-left: 8%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .caption{ white-space: normal; left: 0; transform: none; }
}
@media screen and (max-width: 1162px) {
	#main .section-navi .navi-list{ margin: 0 5%; }
	#main .section-navi .navi-list .navi{ width: 33.33%; }
	#main .section-navi .navi-list .navi:nth-child(n+4){ width: 50%; }
	#main .section-navi .navi-list .navi:nth-child(4)::before{ background-color: transparent; }
	#main .section-navi .navi-list .navi:nth-child(n+4)::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #66cfe0; }
	#main .section01 .sec-base .feature .feature-list .item .navi a{ border-width: 0.3442vw; font-size: 1.9793vw; padding: 1.3769vw 0; border-radius: 3.0120vw; box-shadow: 0.6024vw 0.6024vw 0 rgba(0,83,94,0.3); }
	#main .section01 .sec-base .feature .bubble{ width: 20%; margin-top: -8.0137%; }
}
@media screen and (max-width: 980px) {
	#main .section01 .sec-base .feature{ margin-top: 30px; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01{ display: block; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01 .txt{ margin-top: 10px; }
	#main .section04 .sec-base .box01 .sw-navi .navi .word .sub .inner{ display: block; }
}
@media screen and (max-width: 767.5px) {
	#header .logo{ width: 34.1333%; padding: 2.6666vw 3.2%; border-radius: 2.6666vw; }
	#header .logo::before,
	#header .logo::after{ width: 2.6666vw; height: 2.6666vw; margin-top: 2.6666vw; }
	#main .kv{ margin: 2.6666vw 3.3333% 0; background: linear-gradient(to bottom, #b0e0ea 0%, #d9f0f5 100%); border-radius: 5.3333vw 5.3333vw 0 0; }
	#main .kv .kv-body .box{ padding-top: 203.7142%; }
	#main .kv .kv-body .box .ttl{ width: 75.7142%; margin: 19.7142% 0 0 12.2857%; }
	#main .kv .kv-body .box .txt{ width: 82.0680%; margin: 153.6222% 0 0 8.8454%; }
	#main .kv .kv-body .box .bubble{ width: 66.7620%; margin: 69.8262% 0 0 17.4774%; }
	#main .kv .kv-body .box .person{ width: 68.8077%; margin: 92.7795% 0 0 15.6198%; }
	#main .kv .kv-body .box .cloud01{ width: 32.6233%; margin: 66.2340% 0 0 -4.7500%; }
	#main .kv .kv-body .box .cloud02{ width: 24.9307%; margin: 10.8186% 0 0 65.0946%; }
	#main .kv .kv-body .box .cloud03{ width: 26.5029%; margin: 14.2332% 0 0 79.9651%; }
	#main .kv .kv-body .box .cloud04{ display: none; }
	#main .kv .kv-body .box .cloud05{ display: none; }
	#main .kv .kv-body .box .cloud06{ width: 38.0138%; margin: 84.0846% 0 0 77.7004%; }
	#main .kv .kv-body .box .navi{ width: 58.5714%; margin: 183.7142% 0 0 20.7142%; }
	#main .kv .kv-body .box .navi a{ padding: 0.8vw 0 0.8vw 5.3333vw; border-radius: 5.3333vw; }
	#main .kv .kv-body .box .navi a .icon{ width: 11.7073%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 0; margin-right: 5.8537%; }
	#main .section-navi{ margin: 0 3.3333%; border-radius: 0 0 5.3333vw 5.3333vw; }
	#main .section-navi .navi-list{ display: block; margin: 0 7.1429%; padding: 2.2857% 0 5.1428%; }
	#main .section-navi .navi-list .navi:nth-child(n){ width: 100%; }
	#main .section-navi .navi-list .navi:nth-child(n+2)::before{ width: 100%; height: 1px; left: 0; top: 0; transform: none; }
	#main .section-navi .navi-list .navi a{ justify-content: space-between; align-items: center; height: 11.4666vw; text-align: left;  }
	#main .section-navi .navi-list .navi a br{ display: none; }
	#main .section-navi .navi-list .navi a .icon{ width: 5.3333vw; height: 5.3333vw; }
	#main .section01{ margin: 16% 0 0; }
	#main .section01 .sec-base .bg01{ width: 163.8188%; margin: 9.3333% 0 0 -25.2284%; }
	#main .section01 .sec-base .intro .ttl{ max-width: none; width: 93.2421%; margin-left: 4.0455%; }
	#main .section01 .sec-base .intro .copy{ max-width: none; width: 65.8032%; margin: 3.9561% 0 0 18.6080%; }
	#main .section01 .sec-base .feature{ width: 100%; margin: 14.1333% auto 0; }
	#main .section01 .sec-base .feature .bubble{ margin: -13.3333% 0 0 6.3981%; width: 87.7333%; }
	#main .section01 .sec-base .feature .bg02{ margin: 0 0 0 7.2497%; width: 108.3502%; }
	#main .section01 .sec-base .feature .feature-list{ top: 0; bottom: auto; display: block; margin-top: 23.4667%; }
	#main .section01 .sec-base .feature .feature-list .item{ width: 84.5333%; margin: 0 auto; height: 0; }
	#main .section01 .sec-base .feature .feature-list .item01{ padding-top: 89.8666%; }
	#main .section01 .sec-base .feature .feature-list .item02{ padding-top: 91.4666%; }
	#main .section01 .sec-base .feature .feature-list .item03{ padding-top: 89.8666%; }
	#main .section01 .sec-base .feature .feature-list .item .num{ width: 39.2273%; margin-left: 31.2253%; }
	#main .section01 .sec-base .feature .feature-list .item01 .num{ margin-top: -10.3093%; }
	#main .section01 .sec-base .feature .feature-list .item02 .num{ margin-top: -3.1545%; }
	#main .section01 .sec-base .feature .feature-list .item03 .num{ margin-top: 5.8922%; }
	#main .section01 .sec-base .feature .feature-list .item .txt{ transform: translateX(-50%); }
	#main .section01 .sec-base .feature .feature-list .item01 .txt{ width: 77.2457%; margin-top: 13.8600%; }
	#main .section01 .sec-base .feature .feature-list .item02 .txt{ width: 91.6505%; margin-top: 20.2623%; }
	#main .section01 .sec-base .feature .feature-list .item03 .txt{ width: 81.3125%; margin-top: 29.9381%; }
	#main .section01 .sec-base .feature .feature-list .item .navi{ width: 85.1735%; margin: 99.7059% 0 0 8.8235%; }
	#main .section01 .sec-base .feature .feature-list .item01 .navi{ margin-top: 75.8188%; }
	#main .section01 .sec-base .feature .feature-list .item02 .navi{ margin-top: 79.5290%; }
	#main .section01 .sec-base .feature .feature-list .item03 .navi{ margin-top: 75.8188%; }
	#main .section01 .sec-base .feature .feature-list .item .navi a{ border-width: 0.8vw; font-size: 1.4375rem; padding: 4.5163% 0; border-radius: 8vw; box-shadow: 1.8666vw 1.8666vw 0 rgba(0,83,94,0.3); }
	#main .section01 .sec-base .note{ width: 84.8%; margin: 21.3333% auto 0; }
	#main .section01 .sec-base .note .note-body{ width: 100%; border-width: 1.0666vw; padding: 0 0 9.3333%; border-radius: 5.3333vw; }
	#main .section01 .sec-base .note .note-body .head{ position: relative; left: 0; top: 0; width: 63.8318%; margin: -21.4106% auto 0; }
	#main .section01 .sec-base .note .note-body .txt{ margin: 3.2258% auto 0; line-height: 1.5652; }
	#main .section01 .sec-base .note .note-body .txt .word{ display: inline; }
	#main .section02{ padding-bottom: 10.6666%; margin: 41.6% 0 0; border-radius: 0; }
	#main .section02 .sec-base .intro{ margin-top: -25.6%; }
	#main .section02 .sec-base .intro .ttl{ max-width: none; width: 93.2422%; margin-left: 4.0456%; }
	#main .section02 .sec-base .intro .txt{ font-size: 1.125rem; line-height: 1.6666; margin: 5.8666% auto 0; text-align: left; width: 82.6667%; }
	#main .section02 .sec-base .box01{ width: 93.3333%; margin: 8% auto 0; border-radius: 5.3333vw; }
	#main .section02 .sec-base .box01 .box01-head{ padding-top: 54.8571%; }
	#main .section02 .sec-base .box01 .box01-head .copy{ width: 66.8538%; margin: 8.5131% 0 0 25.8766%; }
	#main .section02 .sec-base .box01 .box01-head .deco01{ width: 31.7142%; margin: 0 0 -6.3251% -6.8571%; }
	#main .section02 .sec-base .box01 .sw-navi{ width: 100%; margin: 0 auto 0; }
	#main .section02 .sec-base .box01 .sw-navi .navi{ width: 48.5714%; padding: 3.4285% 0 16%; border-width: 2px 2px 0 2px; border-radius: 4vw 4vw 0 0; }
	#main .section02 .sec-base .box01 .sw-navi .navi .word{ font-size: 1.25rem; padding-left: 0; }
	#main .section02 .sec-base .box01 .sw-navi .navi .icon{ left: 50%; top: 0; transform: translateX(-50%); width: 5.3333vw; height: 5.3333vw; margin: 35.3529% 0 0; }
	#main .section02 .sec-base .box01 .sw-content{ margin-top: -5.3333%; padding: 11.4285% 4.2666% 5.3333%; border-radius: 5.3333vw; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body{ padding: 6.25% 4.375% 8.4052%; border-radius: 4vw; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view{ display: block; border-radius: 2.6666vw; padding: 13.7931% 0 20.6896%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tips{ font-size: 1rem; padding: 3.4482% 0; border-radius: 8.2666vw; box-shadow: 0 0 1.3333vw rgba(0,0,0,0.3); margin-bottom: 5.8620%; width: 83.1034%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tips::before{ transform: translate(-50%,1.0666vw); border-width: 2.1333vw; filter: blur(0.5333vw); }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tips::after{ border-width: 2.1333vw; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tips .marker{ font-size: 112.5%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .head{ font-size: 1.25rem; margin-bottom: 3.4482%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body{ width: 79.3103%; border-width: 1.0666vw; border-radius: 6.6666vw; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body select{ font-size: 1.0625rem; padding: 4% 5%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .select-body .icon::before{ border-width: 0 1.3333vw 1.3333vw 0; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .age-body .tail{ font-size: 1.5rem; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body{ width: 89.6551%; margin: 6.2069% auto 0; padding-top: 6.2069%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body::before{ left: 0; top: 0; width: 100%; height: 1px; transform: none; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .head{ font-size: 1.25rem; margin-bottom: 3.4482%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt{ font-size: 1.625rem; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .split-view .sex-body .txt label .icon{ width: 7.4666vw; height: 7.4666vw; border-width: 0.8vw; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .kenshin-btn{ font-size: 1.25rem; max-width: none; width: 91.3793%; padding: 5.8620% 0; border-radius: 8vw; margin: -10.3448% auto 0; box-shadow: 1.3333vw 1.3333vw 0 rgba(0,0,0,0.2); }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu{ max-width: none; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .error-txt{ font-size: 1.25rem; line-height: 1.65; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .error-txt.active{ padding-top: 19.3103%; padding-bottom: 8%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-wrapper{ width: 100%; padding: 0; margin-left: 0; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-head{ padding-top: 13.7931%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .menu-head .word{ font-size: 1.4375rem; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item{ margin: 0 0 -2%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item.active{ padding: 10.3448% 0; display: block; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .photo{ width: 58.2191%; margin: 0 auto; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body{ margin-top: 6.2069%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .name{ font-size: 1.4375rem; text-align: center; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body{ margin-top: 1.7241%; padding-bottom: 2px; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-head{ width: 31.0344%; font-size: 0.875rem; transform: translateY(0.5vw); border-radius: 2.9333vw; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-txt{ line-height: 1.375; padding-left: 3.4482%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-txt~.spec-head,
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .spec-body .spec-txt~.spec-txt{ margin-top: 1.0344%; }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-menu .list-item .item .txt-body .txt{ line-height: 1.6875; margin-top: 6.8965%; }
	#main .section03{ padding-bottom: 10.6666%; margin: 33.6% 0 0; border-radius: 0; }
	#main .section03 .sec-base .intro{ margin-top: -22.6666%; }
	#main .section03 .sec-base .intro .ttl{ max-width: none; width: 93.2422%; margin-left: 4.0455%; }
	#main .section03 .sec-base .box01{ width: 93.3333%; margin: 9.3333% auto 0; border-radius: 5.3333vw; }
	#main .section03 .sec-base .box01 .sw-navi{ width: 100%; margin: 0 auto 0; }
	#main .section03 .sec-base .box01 .sw-navi .navi{ width: 48.5714%; padding: 3.4285% 0 16%; border-width: 2px 2px 0 2px; border-radius: 4vw 4vw 0 0; }
	#main .section03 .sec-base .box01 .sw-navi .navi .word{ font-size: 1.25rem; padding-left: 0; }
	#main .section03 .sec-base .box01 .sw-navi .navi .icon{ left: 50%; top: 0; transform: translateX(-50%); width: 5.3333vw; height: 5.3333vw; margin: 35.3529% 0 0; }
	#main .section03 .sec-base .box01 .sw-content{ margin-top: -5.3333%; padding: 5.3333% 4.2666%; border-radius: 5.3333vw; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body{ padding: 9.375% 4.375%; border-radius: 4vw; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .arrow{ padding: 5.1724% 0; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view{ flex-wrap: wrap; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .icon{ margin-right: 4.4827%; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item01 .split-view .icon{ width: 17.2413%; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item02 .split-view .icon{ width: 17.2413%; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item03 .split-view .icon{ width: 13.4355%; padding-right: 3.8057%; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .head{ font-size: 1.25rem; line-height: 1.35; width: auto; flex: 1; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .txt-body{ flex: auto; width: 100%; margin-top: 5.5172%; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .txt-body .txt{ font-size: 1rem; line-height: 1.687; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .flow-list .item .split-view .txt-body .caption{ margin-top: 3.4482%; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi{ max-width: none; margin: 6.8965% auto 0; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a{ font-size: 1.125rem; line-height: 1.2; padding: 3.448% 0; border-radius: 9.3333vw; border-width: 1.0666vw; box-shadow: 1.8666vw 1.8666vw 0 rgba(0, 0, 0, 0.15); }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a .icon{ width: 5.8510%; margin-right: 5.3191%; }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a .s-size{ font-size: 77.7777%; }
	#main .section03 .sec-base .deco01{ position: absolute; right: 0; bottom: 0; width: 18.1333%; margin: 0 1.3333% -10.6666% 0; }
	#main .section04{ padding-bottom: 10.6666%; margin: 32.2666% 0 0; border-radius: 0; }
	#main .section04 .sec-base .intro{ margin-top: -22.6666%; }
	#main .section04 .sec-base .intro .ttl{ max-width: none; width: 93.2421%; margin-left: 4.0455%; }
	#main .section04 .sec-base .intro .txt{ font-size: 1.125rem; line-height: 1.6666; margin: 5.8666% auto 0; text-align: left; width: 82.6667%; }
	#main .section04 .sec-base .flow-list{ width: 100%; margin: 25.8666% 0 0 0; }
	#main .section04 .sec-base .flow-list .list-item{ display: block; width: 85.3333%; margin-left: 6.4%; }
	#main .section04 .sec-base .flow-list .list-item .item{ width: 100%; position: relative; }
	#main .section04 .sec-base .flow-list .list-item .item:nth-child(n+2){ margin-top: 26.875%; }
	#main .section04 .sec-base .flow-list .list-item .item .photo{ transform: translateX(-50%) scale(0.9); transform-origin: center bottom; }
	#main .section04 .sec-base .flow-list .deco01{ width: 51.7036%; margin: 13.8666% 0 0 44.8145%; z-index: 10; }
	#main .section04 .sec-base .box01{ width: 93.3333%; margin: 18.1333% auto 0; border-radius: 5.3333vw; }
	#main .section04 .sec-base .box01 .box01-head{ padding-top: 0; }
	#main .section04 .sec-base .box01 .box01-head .copy{ width: 70.0333%; left: 0; margin: -9.5217% 0 0 18.2070%; }
	#main .section04 .sec-base .box01 .box01-head .route{ width: 77.7142%; margin: 8.5714% 0 0 10.5602%; }
	#main .section04 .sec-base .box01 .sw-navi{ width: 100%; margin: 5.7142% auto 0; }
	#main .section04 .sec-base .box01 .sw-navi .navi{ width: 48.5714%; padding: 7.1428% 0 18%; border-radius: 4vw 4vw 0 0; }
	#main .section04 .sec-base .box01 .sw-navi .navi .word{ font-size: 1.125rem; padding-left: 0; }
	#main .section04 .sec-base .box01 .sw-navi .navi .word .sub{ display: none; }
	#main .section04 .sec-base .box01 .sw-navi .navi .icon{ left: 50%; top: 0; transform: translateX(-50%); width: 5.3333vw; height: 5.3333vw; margin: 33.1325% 0 0; }
	#main .section04 .sec-base .box01 .sw-content{ margin-top: -5.3333%; }
	#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg{ padding: 5.3333% 4.2666%; border-radius: 5.3333vw; }
	#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg .inner-body{ padding: 9.375% 4.375%; border-radius: 4vw; }
	#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg .inner-body .head-body{ margin-bottom: 6.8965%; padding-bottom: 6.8965%; }
	#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg .inner-body .head-body .ttl{ font-size: 1.875rem; }
	#main .section04 .sec-base .box01 .sw-content .sw-body .sw-bg .inner-body .head-body .txt{ font-size: 1.125rem; line-height: 1.3888; margin-top: 6.2069%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .split-view01{ display: block; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .split-view01 .copy{ font-size: 1.4375rem; line-height: 1.3478; margin: 0; text-align: center; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .split-view01 .txt{ margin-top: 8.6206%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box{ margin-top: 22.0689%; border-radius: 2.6666vw; padding: 13.7931% 0 10.3448%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box .head{ font-size: 1.25rem; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split{ display: block; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item{ width: 100%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item:nth-child(n+2){ margin-top: 8.9655%; padding-top: 8.9655%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item:nth-child(n+2)::before{ width: 91.3793%; height: 0.8vw; background: url(../image/sp/sec04-d02.webp) center 0 repeat-x; background-size: auto 100%; margin-left: 0; transform: none; max-width: none; left: 50%; transform: translateX(-50%); }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item:nth-child(n+2)::after{ width: 12.2666vw; height: 8.2666vw; background: url(../image/sp/sec04-d03.webp) center center no-repeat; background-size: contain; margin-left: 0; max-width: none; left: 50%; top: 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item01 .txt{ font-size: 1.125rem; line-height: 1.2777; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item01 .data{ max-width: none; width: 66.8965%; margin: 3.4482% auto 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .txt{ font-size: 1.125rem; line-height: 1.4375; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .txt .s-size{ font-size: 88.8888%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .data{ max-width: none; width: 88.9777%; margin: 4.4827% auto 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box01 .inner-split .item02 .caption{ line-height: 1.5; margin-top: 4.1379%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02{ margin-top: 13.7931%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split{ display: block; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item{ width: 91.3793%; margin: 0 auto; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item:nth-child(n+2){ margin-top: 8.9655%; padding-top: 8.9655%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item:nth-child(n+2)::before{ width: 100%; height: 0.8vw; background: url(../image/sp/sec04-d02.webp) center 0 repeat-x; background-size: auto 100%; margin-left: 0; transform: none; max-width: none; left: 50%; transform: translateX(-50%); }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item .inner-head{ border-radius: 2.6666vw; padding: 1.5094% 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item01 .txt{ font-size: 2.5rem; margin-top: 7.1698%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .txt{ font-size: 1.125rem; line-height: 1.2777; margin-top: 7.1698%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .price-split{ display: block; border-radius: 2.6666vw; margin-top: 6.7924%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .price-split .price-item{ width: 100%; border-radius: 2.6666vw; padding: 1.1320% 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .price-split .price-item:nth-child(n+2){ margin-top: 3.7735%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box02 .inner-split .item02 .price-split .price-item .price-txt{ font-size: 1rem; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03{ margin-top: 13.7931%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split{ display: block; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item{ width: 91.3793%; margin: 0 auto; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item:nth-child(n+2){ margin-top: 10.5660%; padding-top: 10.5660%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item:nth-child(n+2)::before{ width: 100%; height: 0.8vw; background: url(../image/sp/sec04-d02.webp) center 0 repeat-x; background-size: auto 100%; margin-left: 0; transform: none; max-width: none; left: 50%; transform: translateX(-50%); }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item:nth-child(n+2)::after{ width: 12.2666vw; height: 8.2666vw; background: url(../image/sp/sec04-d03.webp) center center no-repeat; background-size: contain; margin-left: 0; max-width: none; left: 50%; top: 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item .inner-head{ border-radius: 2.6666vw; padding: 1.5094% 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item .copy{ font-size: 1.125rem; line-height: 1.2777; margin-top: 5.6603%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .inner-box03 .inner-split .item .txt{ margin-top: 5.6603%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question{ display: block; margin-top: 13.7931%; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .icon{ width: 17.2413%; margin: 0 auto; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .txt{ font-size: 1.3125rem; line-height: 1.4285; text-align: center; margin: 3.4483% auto 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi{ width: 96.5517%; margin: 9.6552% auto 0; }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a{ border-width: 1.0666vw; box-shadow: 1.8666vw 1.8666vw rgba(0,83,94,0.3); padding: 4.4827% 0; border-radius: 9.3333vw; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01{ display: block; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01 .copy{ font-size: 1.4375rem; line-height: 1.3478; margin: 0; text-align: center; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .split-view01 .txt{ margin-top: 8.6206%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01{ margin-top: 13.1034%; border-radius: 2.6666vw; padding: 0 0 10.3448%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01{ display: block; padding: 0 4.3103%; position: relative; border-top: 1px solid transparent; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .txt-body{ width: 100%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .head{ font-size: 1.25rem; line-height: 1.25; margin-top: -3.7736%; text-align: center; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .txt{ margin-top: 75.4716%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box01 .inner-split01 .data{ width: 91.3793%; margin: 17.2413% 0 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02{ margin-top: 13.1034%; border-radius: 2.6666vw; padding: 0 0 10.3448%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .head{ font-size: 1.25rem; line-height: 1.25; margin-top: -3.7736%; text-align: center; position: relative; transform: none; left: 0; top: 0; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split{ display: block; width: 91.3793%; margin: 9.6551% auto 0; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .inner-head{ border-radius: 2.6666vw; padding: 1.5094% 0; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item{ display: block; position: relative; margin-bottom: 11.3207%; padding-bottom: 11.3207%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item:nth-child(n)::before{ display: none; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item:nth-child(n)::after{ content: ""; width: 100%; height: 0.8vw; background: url(../image/sp/sec04-d02.webp) center 0 repeat-x; background-size: auto 100%; margin-left: 0; transform: translateX(-50%); max-width: none; left: 50%; bottom: 0; position: absolute; background-color: #fff; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item:last-child{ padding-bottom: 0; margin-bottom: 0; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item:last-child::after{ display: none; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item .txt{ font-size: 1.25rem; line-height: 1.3; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box02 .inner-split .item .txt+.txt{ margin-top: 5.6603%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03{ display: block; margin-top: 13.1034%; border-radius: 2.6666vw; padding: 0 0 10.3448%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split{ display: block; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .head{ font-size: 1.25rem; line-height: 1.25; margin-top: -3.7736%; text-align: center; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item{ display: block; width: 91.3793%; margin: 9.6551% auto 0; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item .item{ display: block; position: relative; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item .item:nth-child(n+2){ background: url(../image/sp/sec04-d02.webp) 0 0 repeat-x; background-size: auto 0.8vw; margin-top: 11.3207%; padding-top: 11.3207%; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item .item .name{ width: 100%; font-size: 1.1875rem; margin-right: 0; }
	#main .section04 .sec-base .box01 .sw-content .sw02 .sw-bg .inner-body .inner-box03 .inner-split .list-item .item .txt{ margin-top: 6.7925%; }
	#main .section04 .sec-base .box02{ width: 93.3333%; margin: 18.6666% auto 0; border-radius: 5.3333vw; padding-bottom: 10.6666%; }
	#main .section04 .sec-base .box02 .ttl{ width: 84.7668%; left: 0; margin: -9.2882% 0 0 11.1428%; }
	#main .section04 .sec-base .box02 .copy{ font-size: 1.25rem; margin-top: 9.7142%; }
	#main .section04 .sec-base .box02 .list-item{ display: block; max-width: none; width: 79.1428%; margin: 4.2857% auto 0; }
	#main .section04 .sec-base .box02 .list-item .item{ width: 100%; }
	#main .section04 .sec-base .box02 .list-item .item:nth-child(n+2){ margin-top: 5.7762%; }
	#main .section04 .sec-base .box02 .txt{ font-size: 1.125rem; line-height: 1.7777; margin-top: 6.4981%; }
	#main .section04 .sec-base .box02 .navi{ max-width: none; margin: 8.5714% auto 0; width: 82.8571%; }
	#main .section04 .sec-base .box02 .navi a{ font-size: 1.125rem; line-height: 1.2; padding: 5.6137% 0; border-radius: 9.2vw; border-width: 1.0666vw; box-shadow: 1.8666vw 1.8666vw 0 rgba(0, 0, 0, 0.15); }
	#main .section04 .sec-base .box02 .navi a .icon{ width: 5.8510%; margin-right: 5.3191%; }
	#main .section05{ padding-bottom: 10.6666%; margin: 33.8666% 0 0; border-radius: 0; }
	#main .section05 .sec-base .intro{ margin-top: -23.4666%; }
	#main .section05 .sec-base .intro .ttl{ max-width: none; width: 93.2422%; }
	#main .section05 .sec-base .intro .txt{ font-size: 1.125rem; line-height: 1.6666; width: 82.6667%; margin: 5.3333% auto 0; text-align: left; }
	#main .section05 .sec-base .intro .txt .word{ display: inline; }
	#main .section05 .sec-base .box01{ width: 93.3333%; margin: 16% auto 0; border-radius: 5.3333vw; padding-bottom: 10.6666%; }
	#main .section05 .sec-base .box01 .ttl{ max-width: none; width: 55.6547%; left: 0; margin: -7.2789% 0 0 25.9776%; }
	#main .section05 .sec-base .box01 .caption{ font-size: 0.875rem; line-height: 1.2857; margin-top: 4.5714%; }
	#main .section05 .sec-base .box01 .list-item{ max-width: none; width: 65.7142%; display: block; margin: 5.1428% auto 0; }
	#main .section05 .sec-base .box01 .list-item .item{ width: 100%; }
	#main .section05 .sec-base .box01 .list-item .item:nth-child(n+2){ margin-top: 13.0434%; }
	#main .section05 .sec-base .box01 .list-item .item .photo-body{ border-radius: 5.3333vw; }
	#main .section05 .sec-base .box01 .list-item .item .txt{ margin-top: 4.3478%; }
	#footer{ padding: 10.6666% 0 7.4666%; }
	#footer .logo{ max-width: none; width: 56%; }
	/* 0115修正 */
	#footer .copyright{ font-size: 0.625rem; line-height: 1.8; margin-top: 0.8%; }
	#footer .txt{ font-size: 1rem; line-height: 1.5; margin-top: 6%; }
	/* /0115修正 */
}




/*modal-view*/
.iziModal-content *{ -webkit-font-smoothing: subpixel-antialiased; }
.modal-view{ width: 90%!important; max-width: 944px!important; border-radius: 0!important; z-index: 8000!important; background-color: transparent; box-shadow: none; }
.iziModal-navigate{ z-index: 8001!important; }
.iziModal-overlay{ z-index: 7998!important; }
/*.iziModal-navigate-caption{ display: none!important; }*/
.iziModal-navigate > button{ width: 64px; height: 64px; background-color: rgba(0,0,0,0.9); top: 50%; opacity: 1; transform: translateY(-50%); }
.iziModal-navigate > .iziModal-navigate-prev{ left: 0; margin: 0!important; }
.iziModal-navigate > .iziModal-navigate-next{ right: 0; margin: 0!important; }
.modal-view{ display: none; }
.modal-view img{ width: 100%; height: auto; }
.modal-view .modal-body{ padding: 50px 30px; }
.modal-view .modal-body .inner-body{ width: 100%; border: 10px solid #16a4bf; border-radius: 30px; background-color: #ffffff; position: relative; }
.modal-view .modal-body .inner-body .close-head-btn{ position: absolute; right: 0; top: 0; width: 94px; padding-top: 94px; background-color: #333333; border-radius: 50%; cursor: pointer; box-shadow: 7px 7px 0 rgba(0,84,94,0.3); margin: -4.3981% -2.6620% 0 0; text-align: center; z-index: 10; }
.modal-view .modal-body .inner-body .close-head-btn .inner{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; }
.modal-view .modal-body .inner-body .close-head-btn .inner .icon{ width: 26.5957%; margin: 0 auto 3%; line-height: 0; }
.modal-view .modal-body .inner-body .close-head-btn .inner .word{ color: #ffffff; font-size: 0.8125rem; line-height: 1.5; }
.modal-view .modal-body .close-foot-btn{ max-width: 301px; margin: 20px auto 0; background-color: #333333; text-align: center; padding: 10px 0; border-radius: 25px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; z-index: 10; box-shadow: 7px 7px 0 rgba(0,83,94,0.3); }
.modal-view .modal-body .close-foot-btn .icon{ width: 9.9502%; line-height: 0; vertical-align: middle; }
.modal-view .modal-body .close-foot-btn .word{ color: #ffffff; font-size: 1.125rem; line-height: 1.3; font-weight: bold; margin-left: 0.8em; vertical-align: middle; }
#modal01 .modal-body .inner-body{ padding: 50px 0; text-align: center; }
#modal01 .modal-body .inner-body .logo{ width: 39.4676%; margin: 0 auto; }
#modal01 .modal-body .inner-body .head{ display: flex; display: -ms-flex; justify-content: center; align-items: center; font-size: 1.125rem; font-weight: bold; margin-top: 34px; }
#modal01 .modal-body .inner-body .head::before{ content: ""; width: 22px; height: 1px; background-color: #333333; margin-right: 11px; }
#modal01 .modal-body .inner-body .head::after{ content: ""; width: 22px; height: 1px; background-color: #333333; margin-left: 11px; }
#modal01 .modal-body .inner-body .copy{ margin-top: 15px; font-size: 1.75rem; line-height: 1.3571; color: #16a4bf; font-weight: bold; }
#modal01 .modal-body .inner-body .copy .marker{ color: #ed6c00; }
#modal01 .modal-body .inner-body .txt{ font-size: 1.125rem; line-height: 1.7777; font-weight: bold; margin-top: 45px; }
#modal01 .modal-body .inner-body .caption{ font-size: 0.75rem; line-height: 1.5; margin-top: 8px; }
.modal-feature .modal-body .inner-body .modal-head{ position: relative; padding: 30px 0; }
.modal-feature .modal-body .inner-body .modal-head .split-view{ display: flex; display: -ms-flex; }
.modal-feature .modal-body .inner-body .modal-content{ border-top: 3px solid #16a4bf; position: relative; padding: 30px 0; }
.modal-feature .modal-body .inner-body .modal-content .copy{ font-size: 1.875rem; line-height: 1.5; color: #231815; font-weight: bold; text-decoration: underline; text-decoration-thickness: 10px; text-decoration-color: #fbe2cc; text-underline-offset: -3px; text-decoration-skip-ink: none; margin-left: 6.7129%; }
.modal-feature .modal-body .inner-body .modal-content .copy .s-size{ font-size: 86.6666%; }
.modal-feature .modal-body .inner-body .modal-content .copy .marker{ color: #16a4bf; }
.modal-feature .modal-body .inner-body .modal-content .list-item{ border: 3px solid #333333; border-radius: 20px; width: 47.2222%; box-sizing: border-box; background-color: #f2f2f2; overflow: hidden; margin-top: 25px; margin-left: 6.7129%; }
.modal-feature .modal-body .inner-body .modal-content .list-item .item{ display: grid; grid-template-columns: 22.0588% 77.9412%; align-items: center; }
.modal-feature .modal-body .inner-body .modal-content .list-item .item:nth-child(n+2){ border-top: 1px solid #333333; }
.modal-feature .modal-body .inner-body .modal-content .list-item .item .head{ line-height: 1.3888; font-weight: bold; text-align: center; padding: 15px 0; }
.modal-feature .modal-body .inner-body .modal-content .list-item .item .txt{ background-color: #ffffff; font-size: 1.125rem; line-height: 1.3888; padding: 15px 15px; }
.modal-feature .modal-body .inner-body .modal-content .list-item .item .txt .s-size{ font-size: 88.8888%; }
#modal02 .modal-body .inner-body .modal-head .num{ width: 17.4769%; margin: -2.7777% 0 0 4.1666%; }
#modal02 .modal-body .inner-body .modal-head .ttl{ width: 50.5787%; margin-left: 2.4306%; }
#modal02 .modal-body .inner-body .modal-content .photo{ width: 36.8056%; position: absolute; right: 0; bottom: 0; margin-right: 6.9444%; }
#modal03 .modal-body .inner-body .modal-head .num{ width: 15.625%; margin: -2.7777% 0 0 5.5689%; }
#modal03 .modal-body .inner-body .modal-head .ttl{ width: 61.5740%; margin: 1% 0 0 2.4306%; }
#modal03 .modal-body .inner-body .modal-content .photo{ width: 47.5694%; position: absolute; right: 0; bottom: 0; overflow: hidden; }
#modal03 .modal-body .inner-body .modal-content .photo img{ transform: translateX(2.2675%); }
#modal04 .modal-body .inner-body .modal-head .num{ width: 14.3518%; margin: -2.7777% 0 0 5.5689%; }
#modal04 .modal-body .inner-body .modal-head .ttl{ width: 40.2777%; margin: 1% 0 0 3.4306%; }
#modal04 .modal-body .inner-body .modal-content .photo{ width: 41.8981%; position: absolute; right: 0; bottom: 0; margin-right: 4.1667%; }
#modal05 .modal-body .inner-body{ padding: 50px 0; }
#modal05 .modal-body .inner-body .modal-head{ padding: 0 6.4177%; display: flex; display: -ms-flex; align-items: center; }
#modal05 .modal-body .inner-body .modal-head .icon{ width: 9.5046%; margin-right: 1.2048%; }
#modal05 .modal-body .inner-body .modal-head .ttl{ font-size: 1.625rem; line-height: 1.3846; color: #16a4bf; font-weight: bold; }
#modal05 .modal-body .inner-body .modal-content{ padding: 0 6.4177%; display: flex; display: -ms-flex; justify-content: space-between; margin: 2.4194% auto 0; flex-direction: row-reverse; }
/*#modal05 .modal-body .inner-body .modal-content .photo{ width: 27.4194%; margin-left: 2%; }*/
#modal05 .modal-body .inner-body .modal-content .photo{ width: 36.2666%; margin-left: 2%; }/*1224修正*/
#modal05 .modal-body .inner-body .modal-content .txt-body{ flex: 1; }
#modal05 .modal-body .inner-body .modal-content .txt-body .txt{ font-size: 1rem; line-height: 1.6875; }
@media screen and (max-width: 767.5px) {
	.modal-view{ width: 100%!important; }
	.modal-view .modal-body{ padding: 13.3333% 3.3333%; }
	.modal-view .modal-body .inner-body{ border-width: 1.0666vw; border-radius: 5.3333vw; }
	.modal-view .modal-body .inner-body .close-head-btn{ width: 17.1428%; padding-top: 17.1428%; box-shadow: 1.0666vw 1.0666vw 0 rgba(0,84,94,0.3); margin: -7.8717% -1.7492% 0 0; }
	.modal-view .modal-body .inner-body .close-head-btn .inner .icon{ width: 33.3333%; }
	.modal-view .modal-body .inner-body .close-head-btn .inner .word{ font-size: 0.625rem; }
	.modal-view .modal-body .close-foot-btn{ max-width: none; width: 60.2857%; margin: 5.7142% auto 0; padding: 2.1904% 0; border-radius: 5.3333vw; box-shadow: 1.8666vw 1.8666vw 0 rgba(0,83,94,0.3); }
	#modal01 .modal-body .inner-body{ padding: 8.9020% 5.4896% 7.4183%; text-align: left; }
	#modal01 .modal-body .inner-body .logo{ width: 61.6666%; }
	#modal01 .modal-body .inner-body .head{ font-size: 1rem; margin-top: 9%; text-align: center; }
	#modal01 .modal-body .inner-body .head::before{ width: 5.8666vw; margin-right: 2.9333vw; }
	#modal01 .modal-body .inner-body .head::after{ width: 5.8666vw; margin-left: 2.9333vw; }
	#modal01 .modal-body .inner-body .copy{ margin-top: 3.3333%; font-size: 1.125rem; line-height: 1.4444; text-align: center; }
	#modal01 .modal-body .inner-body .txt{ font-size: 1rem; line-height: 1.5625; margin-top: 10%; }
	#modal01 .modal-body .inner-body .caption{ font-size: 0.75rem; line-height: 1.75; margin-top: 10%; }
	.modal-feature .modal-body .inner-body .modal-head{ padding: 7.1216% 0 6.8249%; }
	.modal-feature .modal-body .inner-body .modal-head .split-view{ display: block; }
	.modal-feature .modal-body .inner-body .modal-content{ border-width: 1px; padding: 6.8249% 0 0; }
	.modal-feature .modal-body .inner-body .modal-content .copy{ font-size: 1.625rem; text-decoration-thickness: 2.6666vw; text-underline-offset: -0.8vw; margin-left:0; text-align: center; }
	.modal-feature .modal-body .inner-body .modal-content .list-item{ border-width: 0.8vw; border-radius: 5.3333vw; width: 91.9881%; margin: 8.3086% auto 0; }
	.modal-feature .modal-body .inner-body .modal-content .list-item .item .head{ padding: 3.2vw 0; }
	.modal-feature .modal-body .inner-body .modal-content .list-item .item .txt{ font-size: 1rem; padding: 3.2vw 3.2vw; }
	#modal02 .modal-body .inner-body .modal-head .num{ width: 44.6969%; margin: 0 auto; }
	#modal02 .modal-body .inner-body .modal-head .ttl{ width: 79.6067%; margin: 5.9347% auto 0; }
	#modal02 .modal-body .inner-body .modal-content .photo{ width: 85.1632%; margin: 5.9347% 4.7477% 0 auto; position: relative; right: auto; bottom: auto; }
	#modal03 .modal-body .inner-body .modal-head .num{ width: 40.0248%; margin: 0 0 0 32.9721%; }
	#modal03 .modal-body .inner-body .modal-head .ttl{ width: 85.7926%; margin: 5.9347% auto 0; }
	#modal03 .modal-body .inner-body .modal-content .photo{ width: 99.1097%; margin: 5.9347% 0 0 auto; position: relative; right: auto; bottom: auto; }
	#modal03 .modal-body .inner-body .modal-content .photo img{ transform: translateX(0.8982%); }
	#modal04 .modal-body .inner-body .modal-head .num{ width: 36.6343%; margin: 0 0 0 32.9721%; }
	#modal04 .modal-body .inner-body .modal-head .ttl{ width: 79.1485%; margin: 5.9347% auto 0; }
	#modal04 .modal-body .inner-body .modal-content .photo{ width: 89.6142%; margin: 5.9347% 5.6379% 0 auto; position: relative; right: auto; bottom: auto; }
	#modal05 .modal-body .inner-body{ padding: 8.9020% 7.5714% 7.4183%; }
	#modal05 .modal-body .inner-body .modal-head{ padding: 0; display: block; }
	#modal05 .modal-body .inner-body .modal-head .icon{ width: 17.2413%; margin: 0 auto; }
	#modal05 .modal-body .inner-body .modal-head .ttl{ font-size: 1.3125rem; line-height: 1.4285; margin-top: 3.4483%; text-align: center; }
	#modal05 .modal-body .inner-body .modal-content{ padding: 0; display: block; margin: 6.896% auto 0; }
	/*#modal05 .modal-body .inner-body .modal-content .photo{ width: 71.3286%; margin: 0 auto; }*/
	#modal05 .modal-body .inner-body .modal-content .photo{ width: 100%; margin: 0 auto; }/*1224修正*/
	#modal05 .modal-body .inner-body .modal-content .txt-body{ margin: 6.896% auto 0; }
}




/*animation*/
/*-------------------------------------------------------*/
#main .kv .kv-body .box .loader .dot{ animation: loader_animation 0.9s infinite; }
#main .kv .kv-body .box .loader .dot:nth-child(2){ animation-delay: -0.3s; }
#main .kv .kv-body .box .loader .dot:nth-child(1){ animation-delay: -0.6s; }
@keyframes loader_animation{
	0%{ opacity: 1; }
	25%{ opacity: 0.7; }
	50%{ opacity: 0.3; }
	75%{ opacity: 0.7; }
	100%{ opacity: 1; }
}
#main .kv .kv-body .box .cloud{ animation: kv_cloud_animation 4s infinite; }
#main .kv .kv-body .box .cloud02{ animation-duration: 4.1s; animation-delay: -2s; }
#main .kv .kv-body .box .cloud03{ animation-duration: 4.2s; animation-delay: -5s; }
#main .kv .kv-body .box .cloud04{ animation-duration: 4.3s; animation-delay: -1s; }
#main .kv .kv-body .box .cloud05{ animation-duration: 4.4s; animation-delay: -4s; }
#main .kv .kv-body .box .cloud06{ animation-duration: 4.5s; animation-delay: -3s; }
@keyframes kv_cloud_animation{
	0%{ transform: translateY(0); }
	50%{ transform: translateY(-5px); }
	100%{ transform: translateY(0); }
}
#main .kv .kv-body .box .ttl .frag{ opacity: 0; }
#main .kv.show .kv-body .box .ttl .frag{ animation: kv_ttl_flip_animation 0.5s forwards; }
#main .kv.show .kv-body .box .ttl .frag01{ animation: kv_ttl_arrow_animation 0.5s forwards; }
#main .kv.show .kv-body .box .ttl .frag02{ animation-delay: 0.6s; }
#main .kv.show .kv-body .box .ttl .frag03{ animation-delay: 0.65s; }
#main .kv.show .kv-body .box .ttl .frag04{ animation-delay: 0.7s; }
#main .kv.show .kv-body .box .ttl .frag05{ animation-delay: 0.75s; }
#main .kv.show .kv-body .box .ttl .frag06{ animation-delay: 0.8s; }
#main .kv.show .kv-body .box .ttl .frag07{ animation-delay: 0.85s; }
#main .kv.show .kv-body .box .ttl .frag08{ animation-delay: 0.8s; }
#main .kv.show .kv-body .box .ttl .frag09{ animation-delay: 0.85s; }
#main .kv.show .kv-body .box .ttl .frag10{ animation-delay: 0.9s; }
#main .kv.show .kv-body .box .ttl .frag11{ animation-delay: 0.95s; }
#main .kv.show .kv-body .box .ttl .frag12{ animation-delay: 1s; }
#main .kv.show .kv-body .box .ttl .frag13{ animation-delay: 1.05s; }
#main .kv.show .kv-body .box .ttl .frag14{ animation-delay: 0.95s; }
#main .kv.show .kv-body .box .ttl .frag15{ animation-delay: 1s; }
#main .kv.show .kv-body .box .ttl .frag16{ animation-delay: 1.05s; }
#main .kv.show .kv-body .box .ttl .frag17{ animation-delay: 1.1s; }
#main .kv.show .kv-body .box .ttl .frag18{ animation-delay: 1.15s; }
#main .kv.show .kv-body .box .ttl .frag19{ animation-delay: 1.2s; }
#main .kv.show .kv-body .box .ttl .frag20{ animation-delay: 1.25s; }
#main .kv.show .kv-body .box .ttl .frag21{ animation-delay: 1.3s; }
@keyframes kv_ttl_arrow_animation{
	0%{ opacity: 0; transform: translateX(-10px); }
	100%{ opacity: 1; transform: translateX(0); }
}
@keyframes kv_ttl_flip_animation{
	0%{ opacity: 0; transform: translateY(0); }
	50%{ opacity: 1; transform: translateY(-10px); }
	100%{ opacity: 1; transform: translateY(0); }
}
#main .kv .kv-body .box .txt{ opacity: 0; transform: translateY(20px); }
#main .kv.show .kv-body .box .txt{ opacity: 1; transform: translateY(0); transition: opacity 0.5s, transform 0.5s ease; transition-delay: 1.1s; }
#main .kv .kv-body .box .navi{ opacity: 0; transform: translateY(20px); }
#main .kv.show .kv-body .box .navi{ opacity: 1; transform: translateY(0); transition: opacity 0.5s, transform 0.5s ease; transition-delay: 1.1s; }
#main .kv .kv-body .box .person .frag{ opacity: 0; transform: translateY(-40px); }
#main .kv .kv-body .box .person .frag06{ transform: translateY(0); }
#main .kv.show .kv-body .box .person .frag{ opacity: 1; transform: translateY(0); transition: opacity 0.5s, transform 0.5s ease; transition-delay: 1.1s; }
#main .kv.show .kv-body .box .person .frag02{ transition-delay: 1.2s; }
#main .kv.show .kv-body .box .person .frag03{ transition-delay: 1.3s; }
#main .kv.show .kv-body .box .person .frag04{ transition-delay: 1.4s; }
#main .kv.show .kv-body .box .person .frag05{ transition-delay: 1.5s; }
#main .kv.show .kv-body .box .person .frag06{ transition-delay: 1.5s; }
#main .kv .kv-body .box .bubble .frag01{ opacity: 0; transform: translateY(40px) scaleY(0.5); }
#main .kv.show .kv-body .box .bubble .frag01{ opacity: 1; transform: translateY(0) scaleY(1); transition: opacity 0.3s, transform 0.3s ease; transition-delay: 1.5s; }
#main .kv .kv-body .box .bubble .frag02,
#main .kv .kv-body .box .bubble .frag03{ opacity: 0; }
#main .kv.show .kv-body .box .bubble .frag02{ animation: kv_ttl_flip_animation 0.5s forwards; animation-delay: 1.6s; }
#main .kv.show .kv-body .box .bubble .frag03{ animation: kv_ttl_flip_animation 0.5s forwards; animation-delay: 1.7s; }
#main .section-navi .navi-list .navi{ opacity: 0; }
#main .section-navi .navi-list .navi.show{ opacity: 1; transition: opacity 0.5s; }
#main .section01 .sec-base .intro .ttl{ opacity: 0; transform: scale(0.6); }
#main .section01 .sec-base .intro .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section01 .sec-base .intro .copy{ opacity: 0; }
#main .section01 .sec-base .intro .copy.show{ opacity: 1; transition: opacity 0.5s; }
#main .section01 .sec-base .feature .bubble{ opacity: 0; transform: translateY(40px); }
#main .section01 .sec-base .feature .bubble.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s ease, opacity 0.5s; }
#main .section01 .sec-base .feature .feature-list .item{ opacity: 0; }
#main .section01 .sec-base .feature .feature-list .item.show{ opacity: 1; transition: opacity 0.5s; }
#main .section01 .sec-base .note{ opacity: 0; }
#main .section01 .sec-base .note.show{ opacity: 1; transition: opacity 0.5s; }
#main .section02 .sec-base .intro .ttl{ opacity: 0; transform: scale(0.6); }
#main .section02 .sec-base .intro .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section02 .sec-base .intro .txt{ opacity: 0; }
#main .section02 .sec-base .intro .txt.show{ opacity: 1; transition: opacity 0.5s; }
#main .section02 .sec-base .box01 .box01-head .copy{ opacity: 0; }
#main .section02 .sec-base .box01 .box01-head.show .copy{ opacity: 1; transition: opacity 0.5s; }
#main .section02 .sec-base .box01 .box01-head .deco01{ opacity: 0; transform: translateY(40px); }
#main .section02 .sec-base .box01 .box01-head.show .deco01{ opacity: 1; transform: translateY(0); transition: transform 0.5s ease, opacity 0.5s; }
#main .section02 .sec-base .box01 .sw-navi .js-inview,
#main .section02 .sec-base .box01 .sw-content .js-inview{ opacity: 0; }
#main .section02 .sec-base .box01 .sw-navi .js-inview.show,
#main .section02 .sec-base .box01 .sw-content .js-inview.show{ opacity: 1; transition: opacity 0.5s; }
#main .section03 .sec-base .intro .ttl{ opacity: 0; transform: scale(0.6); }
#main .section03 .sec-base .intro .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section03 .sec-base .box01 .sw-navi .js-inview,
#main .section03 .sec-base .box01 .sw-content .js-inview{ opacity: 0; }
#main .section03 .sec-base .box01 .sw-navi .js-inview.show,
#main .section03 .sec-base .box01 .sw-content .js-inview.show{ opacity: 1; transition: opacity 0.5s; }
#main .section04 .sec-base .intro .ttl{ opacity: 0; transform: scale(0.6); }
#main .section04 .sec-base .intro .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section04 .sec-base .intro .txt{ opacity: 0; }
#main .section04 .sec-base .intro .txt.show{ opacity: 1; transition: opacity 0.5s; }
#main .section04 .sec-base .flow-list .list-item .item .photo{ opacity: 0; transform: translate(-50%,40px); }
#main .section04 .sec-base .flow-list .list-item .item.show .photo{ opacity: 1; transform: translate(-50%,0); transition: transform 0.5s ease, opacity 0.5s; }
@media screen and (max-width: 767.5px) {
#main .section04 .sec-base .flow-list .list-item .item .photo{ transform: translate(-50%,40px) scale(0.9); }
#main .section04 .sec-base .flow-list .list-item .item.show .photo{ transform: translate(-50%,0) scale(0.9); }
}
#main .section04 .sec-base .flow-list .list-item .item .txt{ opacity: 0; transform: translateY(40px); }
#main .section04 .sec-base .flow-list .list-item .item.show .txt{ opacity: 1; transform: translateY(0); transition: transform 0.5s ease, opacity 0.5s; }
#main .section04 .sec-base .box01 .box01-head .copy{ opacity: 0; transform: scale(0.6); }
#main .section04 .sec-base .box01 .box01-head .copy.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section04 .sec-base .box01 .box01-head .route{ opacity: 0; transform: translateY(-40px); }
#main .section04 .sec-base .box01 .box01-head .route.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s ease, opacity 0.5s; }
#main .section04 .sec-base .box01 .sw-navi .js-inview,
#main .section04 .sec-base .box01 .sw-content .js-inview{ opacity: 0; }
#main .section04 .sec-base .box01 .sw-navi .js-inview.show,
#main .section04 .sec-base .box01 .sw-content .js-inview.show{ opacity: 1; transition: opacity 0.5s; }
#main .section04 .sec-base .box02 .ttl{ opacity: 0; transform: scale(0.6); }
#main .section04 .sec-base .box02 .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section04 .sec-base .box02 .copy{ opacity: 0; }
#main .section04 .sec-base .box02 .copy.show{ opacity: 1; transition: opacity 0.5s; }
#main .section04 .sec-base .box02 .list-item .item{ opacity: 0; }
#main .section04 .sec-base .box02 .list-item .item.show{ opacity: 1; transition: opacity 0.5s; }
#main .section04 .sec-base .box02 .txt{ opacity: 0; }
#main .section04 .sec-base .box02 .txt.show{ opacity: 1; transition: opacity 0.5s; }
#main .section04 .sec-base .box02 .navi{ opacity: 0; }
#main .section04 .sec-base .box02 .navi.show{ opacity: 1; transition: opacity 0.5s; }
#main .section05 .sec-base .intro .ttl{ opacity: 0; transform: scale(0.6); }
#main .section05 .sec-base .intro .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section05 .sec-base .intro .txt{ opacity: 0; }
#main .section05 .sec-base .intro .txt.show{ opacity: 1; transition: opacity 0.5s; }
#main .section05 .sec-base .box01 .ttl{ opacity: 0; transform: scale(0.6); }
#main .section05 .sec-base .box01 .ttl.show{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section05 .sec-base .box01 .caption{ opacity: 0; }
#main .section05 .sec-base .box01 .caption.show{ opacity: 1; transition: opacity 0.5s; }
#main .section05 .sec-base .box01 .list-item .item{ opacity: 0; }
#main .section05 .sec-base .box01 .list-item .item.show{ opacity: 1; transition: opacity 0.5s; }










/*hover*/
/*-------------------------------------------------------*/
#main .kv .kv-body .box .navi a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .kv .kv-body .box .navi a:active{ transform: scale(1.05); }
#main .section-navi .navi-list .navi a{ transition: opacity 0.5s; }
#main .section-navi .navi-list .navi a:active{ opacity: 0.7; }
#main .section01 .sec-base .feature .feature-list .item .navi a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section01 .sec-base .feature .feature-list .item .navi a:active{ transform: scale(1.05); }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .kenshin-btn{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .kenshin-btn:active{ transform: scale(1.05); }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a:active{ transform: scale(1.05); }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a:active{ transform: scale(1.05); }
#main .section04 .sec-base .box02 .navi a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section04 .sec-base .box02 .navi a:active{ transform: scale(1.05); }
#main .section05 .sec-base .box01 .list-item .item .photo-body .icon{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section05 .sec-base .box01 .list-item .item .photo-body .overlay:active~.icon{ transform: scale(1.1); }
.modal-view .modal-body .inner-body .close-head-btn{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
.modal-view .modal-body .inner-body .close-head-btn:active{ transform: scale(1.05); }
.modal-view .modal-body .close-foot-btn{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
.modal-view .modal-body .close-foot-btn:active{ transform: scale(1.05); }
@media (hover: hover){
	#main .kv .kv-body .box .navi a:hover{ transform: scale(1.05); }
	#main .section-navi .navi-list .navi a:hover{ opacity: 0.7; }
	#main .section01 .sec-base .feature .feature-list .item .navi a:hover{ transform: scale(1.05); }
	#main .section02 .sec-base .box01 .sw-content .sw-body .inner-body .kenshin-util .kenshin-btn:hover{ transform: scale(1.05); }
	#main .section03 .sec-base .box01 .sw-content .sw-body .inner-body .navi a:hover{ transform: scale(1.05); }
	#main .section04 .sec-base .box01 .sw-content .sw01 .sw-bg .inner-body .question .navi a:hover{ transform: scale(1.05); }
	#main .section04 .sec-base .box02 .navi a:hover{ transform: scale(1.05); }
	#main .section05 .sec-base .box01 .list-item .item .photo-body .overlay:hover~.icon{ transform: scale(1.1); }
	.modal-view .modal-body .inner-body .close-head-btn:hover{ transform: scale(1.05); }
	.modal-view .modal-body .close-foot-btn:hover{ transform: scale(1.05); }
}