@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: 1.575;
	-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; }
.defs{ display: none; }

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




/*content*/
/*-------------------------------------------------------*/
#all-wrapper{ background-color: #eeece1; overflow: hidden; }
#anchor01{ position: absolute; }
#header{ position: relative; background-color: #ffffff; z-index: 1000; }
#header .logo{ position: absolute; width: 202px; margin-left: 35px; top: 50%; transform: translateY(-50%); }
#header .navi{ position: relative; width: 510px; margin-left: auto; }
#header .navi a{ display: block; }
#main .kv{ background-color: #5cc0d2; padding-top: 60px; position: relative; }
#main .kv::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 50%; 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; background-color: #eeece1; }
#main .kv::after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 1510px; height: 575px; 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; background-color: #eeece1; border-radius: 50%; transform: translateX(-50%); z-index: 10; margin-bottom: -150px; }
#main .kv .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }
#main .kv .bg-fill .circle{ width: 556px; padding-top: 556px; position: absolute; top: 100%; border-radius: 50%; background-image: radial-gradient(circle, rgba(255,255,255,0.3) 2.75px, transparent 2.75px), radial-gradient(circle, rgba(255,255,255,0.3) 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .kv .bg-fill .circle01{ left: 50%; margin-left: -861px; }
#main .kv .kv-body{ max-width: 1090px; margin: 0 auto; position: relative; z-index: 50; }
#main .kv .kv-body .ttl-body{ margin: 0 0 0 3.1192%; position: relative; width: 50.2752%; max-width: 502px; }
#main .kv .kv-body .ttl-body .ttl{ position: relative; width: 100%; padding-top: 44.4561%; }
#main .kv .kv-body .ttl-body .ttl .frag{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 5; }
#main .kv .kv-body .ttl-body .ttl .frag01{ width: 31.8725%; margin: 0 0 0 0; }
#main .kv .kv-body .ttl-body .ttl .frag02{ width: 3.7849%; margin: 6.0937% 0 0 31.4859%; }
#main .kv .kv-body .ttl-body .ttl .frag03{ width: 6.1753%; margin: 3.9647% 0 0 35.8666%; }
#main .kv .kv-body .ttl-body .ttl .frag04{ width: 5.9761%; margin: 3.9245% 0 0 43.0129%; }
#main .kv .kv-body .ttl-body .ttl .frag05{ width: 6.1753%; margin: 4.0249% 0 0 49.5576%; }
#main .kv .kv-body .ttl-body .ttl .frag06{ width: 5.9761%; margin: 3.9848% 0 0 56.5219%; }
#main .kv .kv-body .ttl-body .ttl .frag07{ width: 3.5857%; margin: 5.9455% 0 0 63.5667%; }
#main .kv .kv-body .ttl-body .ttl .frag08{ width: 4.1833%; margin: 5.7065% 0 0 67.9507%; }
#main .kv .kv-body .ttl-body .ttl .frag09{ width: 3.9841%; margin: 5.7256% 0 0 72.7933%; }
#main .kv .kv-body .ttl-body .ttl .frag10{ width: 3.5857%; margin: 5.8690% 0 0 77.5622%; }
#main .kv .kv-body .ttl-body .ttl .frag11{ width: 3.9841%; margin: 5.8977% 0 0 82.0376%; }
#main .kv .kv-body .ttl-body .ttl .frag12{ width: 4.1833%; margin: 5.5678% 0 0 86.6606%; }
#main .kv .kv-body .ttl-body .ttl .frag13{ width: 2.988%; margin: 5.6778% 0 0 91.9426%; }
#main .kv .kv-body .ttl-body .ttl .frag14{ width: 3.9841%; margin: 5.9073% 0 0 95.8700%; }
#main .kv .kv-body .ttl-body .ttl .frag15{ width: 10.5578%; margin: 16.3070% 0 0 0.6914%; }
#main .kv .kv-body .ttl-body .ttl .frag16{ width: 6.9721%; margin: 16.6707% 0 0 12.9289%; }
#main .kv .kv-body .ttl-body .ttl .frag17{ width: 7.7689%; margin: 16.7998% 0 0 22.5068%; }
#main .kv .kv-body .ttl-body .ttl .frag18{ width: 6.5737%; margin: 20.1511% 0 0 31.6352%; }
#main .kv .kv-body .ttl-body .ttl .frag19{ width: 11.1554%; margin: 16.2953% 0 0 39.3837%; }
#main .kv .kv-body .ttl-body .ttl .frag20{ width: 11.753%; margin: 16.1780% 0 0 50.4919%; }
#main .kv .kv-body .ttl-body .ttl .frag21{ width: 5.9761%; margin: 19.2475% 0 0 62.8584%; }
#main .kv .kv-body .ttl-body .ttl .frag22{ width: 10.9562%; margin: 31.5713% 0 0 0.3972%; }
#main .kv .kv-body .ttl-body .ttl .frag23{ width: 11.1554%; margin: 31.5127% 0 0 12.0702%; }
#main .kv .kv-body .ttl-body .ttl .frag24{ width: 5.9761%; margin: 35.1338% 0 0 24.5957%; }
#main .kv .kv-body .ttl-body .ttl .frag25{ width: 9.1633%; margin: 33.5894% 0 0 32.8735%; }
#main .kv .kv-body .ttl-body .ttl .frag26{ width: 9.3625%; margin: 31.7239% 0 0 43.4886%; }
#main .kv .kv-body .ttl-body .ttl .frag27{ width: 8.3665%; margin: 32.1110% 0 0 54.5617%; }
#main .kv .kv-body .ttl-body .ttl .frag28{ width: 8.7649%; margin: 31.6065% 0 0 63.1299%; }
#main .kv .kv-body .ttl-body .ttl .frag29{ width: 9.1633%; margin: 32.1580% 0 0 74.1526%; }
#main .kv .kv-body .ttl-body .ttl .frag30{ width: 5.9761%; margin: 35.1338% 0 0 85.1120%; }
#main .kv .kv-body .ttl-body .ttl .frag31{ width: 2.3904%; margin: 39.2574% 0 0 92.2575%; }
#main .kv .kv-body .ttl-body .ttl .line{ position: absolute; left: 0; top: 0; line-height: 0; padding-top: 1.0855%; background-color: #ed6c00; }
#main .kv .kv-body .ttl-body .ttl .line01{ width: 68.579%; margin: 28.1305% 0 0 0.3773%; }
#main .kv .kv-body .ttl-body .ttl .line02{ width: 94.2890%; margin: 43.3862% 0 0 0.3773%; }
#main .kv .kv-body .person-body{ position: absolute; right: 0; top: 50%; width: 36.6907%; padding-top: 43.1336%; margin-right: 5.6881%; transform: translateY(-50%); }
#main .kv .kv-body .person-body .bubble{ position: absolute; left: 0; top: 0; width: 97.7548%; padding-top: 29.4733%; margin: 0 0 0 2.2452%; }
#main .kv .kv-body .person-body .bubble .frag{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 5; }
#main .kv .kv-body .person-body .bubble .frag01{ width: 100%; margin: 19.3137% 0 0 0; }
#main .kv .kv-body .person-body .bubble .frag02{ width: 54.8966%; margin: 0 0 0 5.3866%; }
#main .kv .kv-body .person-body .bubble .frag03{ width: 53.2617%; margin: 11.4235% 0 0 37.7471%; }
#main .kv .kv-body .person-body .person{ position: absolute; left: 0; top: 0; width: 100%; padding-top: 86.3191%; margin-top: 31.3005%; }
#main .kv .kv-body .person-body .person .frag{ position: absolute; left: 0; top: 0; line-height: 0; }
#main .kv .kv-body .person-body .person .frag01{ width: 33.1431%; margin: 0.1823% 0 0 0; z-index: 4; }
#main .kv .kv-body .person-body .person .frag02{ width: 24.4153%; margin: 0 0 0 23.8573%; z-index: 3; }
#main .kv .kv-body .person-body .person .frag03{ width: 34.175%; margin: 2.5292% 0 0 31.6015%; z-index: 4; }
#main .kv .kv-body .person-body .person .frag04{ width: 25.6412%; margin: 4.6410% 0 0 55.9404%; z-index: 3; }
#main .kv .kv-body .person-body .person .frag05{ width: 28.0236%; margin: 2.8905% 0 0 71.9763%; z-index: 2; }
#main .kv .kv-body .person-body .person .frag06{ width: 94.6322%; margin: 78.0754% 0 0 3.0762%; z-index: 1; }
#main .kv .kv-body .txt{ width: 50.2752%; /*width: 548px;*/ font-size: 1rem; line-height: 1.8125; color: #333333; font-weight: 500; margin: 35px 0 0 3.1192%; }
#main .kv .kv-body .navi-list{ width: 50.2752%; /*width: 548px;*/ margin: 25px 0 0 3.1192%; }
#main .kv .kv-body .navi-list .navi{ display: inline-block; margin: 5px 0; }
#main .kv .kv-body .navi-list .navi:nth-child(1){ margin-right: 12px; }
#main .kv .kv-body .navi-list .navi a{ display: block; position: relative; background-color: #16a4bf; color: #ffffff; font-size: 1.125rem; line-height: 1.5; font-weight: bold; text-decoration: none; padding: 9px 44px 9px 20px; border-radius: 23px; box-sizing: border-box; }
#main .kv .kv-body .navi-list .navi a .icon{ width: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 0; margin-right: 12px; }
#main .kv .kv-body .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 .loader .dot{ width: 21.875%; padding-top: 21.875%; background-color: #16a4bf; line-height: 0; border-radius: 50%; }
#main .section-navi{ position: absolute; left: 0; z-index: 100; margin-top: 150px; width: 100%; transform: translateY(-80%); }
#main .section-navi .navi-list{ max-width: 816px; margin: 0 auto; width: 90%; display: flex; display: -ms-flex; background-color: #ed6c00; border: 4px solid #ffffff; border-radius: 40px; box-shadow: 7px 7px 0 rgba(0,0,0,0.2); }
#main .section-navi .navi-list .navi{ position: relative; }
#main .section-navi .navi-list .navi01{ width: 29.8341%; }
#main .section-navi .navi-list .navi02{ width: 31.6468%; }
#main .section-navi .navi-list .navi03{ width: 38.5192%; }
#main .section-navi .navi-list .navi:nth-child(n+2)::before{ content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 43px; background-color: #ffffff; transform: translate(-50%,-50%); }
#main .section-navi .navi-list .navi a{ display: block; font-size: 1.1875rem; line-height: 1.5; height: 72px; display: flex; display: -ms-flex; justify-content: center; align-items: center; color: #ffffff; text-decoration: none; font-weight: 900; }
#main .section-navi .navi-list .navi a .icon{ display: inline-block; width: 20px; height: 20px; margin-left: 0.2em; border-radius: 50%; position: relative; border: 1px solid #ffffff; box-sizing: border-box; }
#main .section-navi .navi-list .navi a .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 30%; padding-top: 30%; border: solid #ffffff; 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{ padding: 390px 2.5% 140px; background-color: #5cc0d2; position: relative; margin-top: -10px; }
#main .section01 .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
#main .section01 .bg-fill .circle{ position: absolute; border-radius: 50%; background-image: radial-gradient(circle, rgba(255,255,255,0.3) 2.75px, transparent 2.75px), radial-gradient(circle, rgba(255,255,255,0.3) 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .section01 .bg-fill .circle01{ width: 545px; padding-top: 545px; top: 0; right: 50%; margin: 282px -856px 0 0; }
#main .section01 .bg-fill .circle02{ width: 635px; padding-top: 635px; top: 0; left: 50%; margin: 1410px 0 0 -878px; }
#main .section01 .bg-fill .circle03{ width: 523px; padding-top: 523px; bottom: 0; right: 50%; margin: 0 -834px 351px 0; }
#main .section01 .sec-box{ position: relative; z-index: 50; }
#main .section01 .sec-box+.sec-box{ margin-top: 80px; }
#main .section01 .sec-box .sec-shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #5cc0d2; margin: 24px 0 0 34px; border-radius: 30px; background-image: radial-gradient(circle, #ffffff 2.75px, transparent 2.75px), radial-gradient(circle, #ffffff 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .section01 .sec-box .sec-body{ border: 5px solid #16a4bf; background-color: #ffffff; border-radius: 30px; position: relative; }
#main .section01 .sec-box01 .sec-body{ padding-bottom: 95px; }
#main .section01 .sec-box01 .sec-body .sec-head{ position: relative; background-color: #f3f2ea; border-top: 1px solid #f3f2ea; border-radius: 30px 30px 0 0; padding-bottom: 117px; }
#main .section01 .sec-box01 .sec-body .sec-head .ttl{ width: 495px; margin: -174px 0 0 0; position: relative; left: 50%; transform: translateX(-50%); }
#main .section01 .sec-box01 .sec-body .sec-head .ttl img{ margin-left: -8.0808%; width: 108.0808%; }
#main .section01 .sec-box01 .sec-body .sec-head .board{ width: 82.0037%; box-sizing: border-box; border: 5px solid #d4d4d4; margin: 42px 0 0 12.0594%; background-color: #ffffff; position: relative; padding-bottom: 58px; border-radius: 17px 17px 0 0; }
#main .section01 .sec-box01 .sec-body .sec-head .board::before{ content: ""; position: absolute; left: 50%; bottom: -5px; width: 100%; padding: 2.4027% 6px 0 1.9450%; background-color: #999999; transform: translateX(-50%); border: 2px solid #707070; border-radius: 2px; }
#main .section01 .sec-box01 .sec-body .sec-head .board .copy{ width: 49.6568%; margin: 47px 0 0 10.9839%; }
#main .section01 .sec-box01 .sec-body .sec-head .board .data{ position: absolute; right: 0; top: 0; width: 27.2311%; margin: 37px 7.3226% 0 0; }
#main .section01 .sec-box01 .sec-body .sec-head .board .txt{ font-size: 1rem; line-height: 1.625; width: 50.5721%; margin: 30px 0 0 10.9839%; }
#main .section01 .sec-box01 .sec-body .sec-head .board .deco01{ position: absolute; left: 0; bottom: 0; width: 23.6395%; margin: 0 0 -5px -14.6453%; z-index: 5; }
#main .section01 .sec-box01 .sec-body .inner-body{ position: relative; }
#main .section01 .sec-box01 .sec-body .inner-body .ttl{ width: 75.5555%; margin: -78px 0 0 -3.7037%; position: relative; }
#main .section01 .sec-box01 .sec-body .inner-body .ttl img{ position: relative; z-index: 5; }
#main .section01 .sec-box01 .sec-body .inner-body .ttl::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 4.1666%; padding-top: 11.5196%; background-color: #0085a5; transform: skewY(35deg); transform-origin: 0 bottom; }
#main .section01 .sec-box01 .sec-body .inner-body .ttl::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 11.5196%; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.2); border-radius: 47px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken{ width: 88.3117%; margin: 116px auto 0; background-color: #f3f2ea; border-radius: 30px; border-top: 1px solid transparent; padding-bottom: 110px; position: relative; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .copy{ width: 50.6303%; position: absolute; left: 0; top: 0; margin: 4.7027% 0 0 7.3113%; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .txt{ width: 37.9202%; position: absolute; left: 0; top: 0; margin: 18.3387% 0 0 7.2639%; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .deco02{ position: absolute; right: 0; top: 0; width: 18.5534%; margin: -19.5714% -12.4263% 0 0; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body{ width: 77.4031%; margin: -3.1512% auto 0; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map{ position: relative; padding-top: 79.8473%; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active{ z-index: 5; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area{ transition: transform 0.5s ease; transform-origin: center; transform-box: fill-box; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area{ transform: scale(1.1); }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area .txt{ fill:#333; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area .txt{ fill:#fff; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area01 .bg{ fill:#b2e4f2; stroke:#00a5d4; stroke-width:2px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area01 .bg{ fill: #00a5d4; stroke:#333333; stroke-width:5px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area02 .bg{ fill:#b2e8e3; stroke:#00b2a1; stroke-width:2px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area02 .bg{ fill: #00b2a1; stroke:#333333; stroke-width:5px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area03 .bg{ fill:#d8ecce; stroke:#7ec05b; stroke-width:2px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area03 .bg{ fill: #7ec05b; stroke:#333333; stroke-width:5px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area04 .bg{ fill:#e8ebb6; stroke:#b1bd0c; stroke-width:2px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area04 .bg{ fill: #b1bd0c; stroke:#333333; stroke-width:5px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area05 .bg{ fill:#fbe9b3; stroke:#f3b503; stroke-width:2px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area05 .bg{ fill: #f3b503; stroke:#333333; stroke-width:5px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area06 .bg{ fill:#fadcbc; stroke:#ed8a1f; stroke-width:2px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area06 .bg{ fill: #ed8a1f; stroke:#333333; stroke-width:5px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area07 .bg{ fill:#f7d3da; stroke:#e66d84; stroke-width:2px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area07 .bg{ fill: #e66d84; stroke:#333333; stroke-width:5px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg .area08 .bg{ fill:#f9cdcc; stroke:#ea5856; stroke-width:2px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .map .map-svg.active .area08 .bg{ fill: #ea5856; stroke:#333333; stroke-width:5px; }
#map-evt-fill{ z-index: 10; }
#map-evt-fill *{ fill: rgba(0,0,0,0); cursor: pointer; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer{ width: 577px; height: 140px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: #ffffff; border: 8px solid #333333; box-sizing: border-box; border-radius: 20px; margin-bottom: -70px; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer::before{ content: ""; position: absolute; width: 29.4627%; right: 0; height: 100%; background-color: #e9e9e9; border-left: 2px solid #333333; border-radius: 0 12px 12px 0; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .head{ background-color: #333333; position: absolute; left: 0; top: 0; color: #ffffff; font-size: 1.5625rem; line-height: 1.5; font-weight: bold; padding: 1.1140% 4.4563%; border-radius: 25px; transform: translateY(-50%); margin-left: 4.4563%; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .question{ position: absolute; width: 70.5373%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .question img{ position: absolute; left: 50%; top: 50%; width: 12.1450%; height: auto; transform: translate(-50%,-50%); }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .hoken-val{ position: absolute; width: 70.5373%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; font-family: 'YakuHanJP', Roboto, "Noto Sans JP", sans-serif; font-size: 1.75rem; line-height: 1.2; font-weight: bold; color: #00afcc; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .hoken-val .num{ font-size: 228.5714%; line-height: 1; font-weight: 900; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .hoken-val .tail{ font-size: 62.5%; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .average{ position: absolute; width: 29.4627%; right: 0; top: 50%; transform: translateY(-50%); text-align: center; font-family: 'YakuHanJP', Roboto, "Noto Sans JP", sans-serif; font-size: 1.25rem; line-height: 1.5; font-weight: bold; color: #333333; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .average .num{ font-size: 200%; line-height: 1; font-weight: 900; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .average .tail{ font-size: 57.4999%; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu{ margin-top: 137px; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .kanyu-ttl{ max-width: 952px; margin: 0 auto; width: 90%; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view{ max-width: 816px; margin: 20px auto 0; width: 90%; display: flex; display: -ms-flex; justify-content: space-between; align-items: flex-end; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util{ width: 42.8922%; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body{ display: flex; display: -ms-flex; align-items: center; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body~.head-body{ margin-top: 10px; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .head{ font-size: 1.25rem; line-height: 1.5; color: #333333; font-weight: 900; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon{ position: relative; width: 22px; height: 22px; line-height: 22px; font-size: 0.9375rem; text-align: center; background-color: #ed6c00; color: #ffffff; border-radius: 50%; margin-left: 0.3em; cursor: pointer; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip{ position: absolute; left: 50%; top: 100%; width: 280px; box-sizing: border-box; padding: 14px 20px; background-color: #333333; border-radius: 10px; text-align: left; z-index: 100; margin-top: 8px; transform: translateX(-50%); pointer-events: none; opacity: 0; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip::before{ content: ""; position: absolute; left: 50%; bottom: 100%; border: solid transparent; border-width: 0 8px 8px 8px; border-bottom-color: #333333; transform: translateX(-50%); }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip .tooltip-head{ font-size: 1rem; line-height: 1.125; color: #ffffff; font-weight: bold; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip .txt{ font-size: 0.875rem; line-height: 1.3083; color: #ffffff; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip .caption{ font-size: 0.75rem; line-height: 1.3083; color: #ffffff; margin-top: 7px; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon.active .tooltip{ pointer-events: auto; opacity: 1; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .select-body{ width: 100%; border: 5px solid #333333; background-color: #ffffff; line-height: 0; box-sizing: border-box; position: relative; display: inline-block; border-radius: 30px; overflow: hidden; vertical-align: bottom; text-align: left; margin-top: 5px; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .select-body select{ width: 100%; font-size: 1.0625rem; line-height: 1.5; position: relative; z-index: 10; padding: 3.5% 5%; box-sizing: border-box; color: #333333; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .select-body .icon{ position: absolute; width: 22.6470%; right: 0; top: 0; height: 100%; background-color: #fdd000; border-left: 1px solid #333333; z-index: 30; pointer-events: none; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .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 .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn{ margin-top: 20px; pointer-events: none; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn.active{ pointer-events: auto; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn a{ display: block; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn svg{ --calc-btn-bg-color: #e6e6e6; --calc-btn-color: #999999; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn.active svg{ --calc-btn-bg-color: #fdd000; --calc-btn-color: #333333; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body{ width: 49.3161%; margin-right: 0.6127%; position: relative; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .val{ position: absolute; left: 0; bottom: 0; width: 59.7014%; text-align: center; padding-top: 29.8507%; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .val .num{ position: absolute; left: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); font-family: 'YakuHanJP', Roboto, "Noto Sans JP", sans-serif; font-size: 5rem; line-height: 1; color: #00afcc; font-weight: 900; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .question{ position: absolute; left: 0; bottom: 0; width: 59.7014%; text-align: center; padding-top: 29.8507%; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .question img{ position: absolute; left: 50%; top: 50%; width: 20.0242%; height: auto; transform: translate(-50%,-50%); }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about{ max-width: 816px; margin: 46px auto 0; width: 90%; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .inner-body{ display: none; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .inner-body.active{ display: block; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .txt{ font-size: 1.25rem; line-height: 1.8; color: #333333; font-weight: bold; background-color: #e0f5f9; border-radius: 30px; padding: 30px 35px; position: relative; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .txt::before{ content: ""; position: absolute; left: 0; bottom: 100%; margin-left: 64.4608%; transform: translateX(-50%); border: solid transparent; border-width: 0 18px 32px; border-bottom-color: #e0f5f9; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .txt .num{ font-size: 150%; line-height: 1; color: #00afcc; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .caption{ font-size: 0.75rem; line-height: 1.45; letter-spacing: -0.02em; margin-top: 15px; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .caption a{ color: #00afcc; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi{ width: 89.2157%; margin: 50px auto 0; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi a{ display: block; background-color: #ed6c00; border-radius: 57px; box-shadow: 0 5px 15px rgba(237,108,0,0.4); position: relative; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi a::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #ffffff; border-radius: 57px; box-sizing: border-box; }
#main .section01 .sec-box01 .sec-body .deco03{ position: absolute; left: 0; bottom: 0; width: 15.5143%; margin: 0 0 -13.9814% -7.3200%; }
#main .section01 .sec-box02 .sec-body{ padding: 48px 0; }
#main .section01 .sec-box02 .sec-body .split-view{ display: flex; display: -ms-flex; width: 88.3117%; flex-direction: row-reverse; margin: 0 auto; align-items: center; justify-content: space-between; }
#main .section01 .sec-box02 .sec-body .split-view .photo{ width: 37.9201%; margin-right: 0.8403%; }
#main .section01 .sec-box02 .sec-body .split-view .txt-body{ width: 59.1429%; }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .head{ width: 265px; }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .copy{ font-size: 1.4375rem; line-height: 1.8819; color: #000000; font-weight: bold; margin-top: 35px; }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .txt{ font-size: 1.125rem; line-height: 1.8819; color: #000000; margin-top: 10px; }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi{ width: 240px; margin-top: 30px; }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi a{ background-color: #00afcc; display: block; text-align: center; font-size: 1.25rem; line-height: 1.5; color: #ffffff; text-decoration: none; padding: 15px 0; border-radius: 30px; position: relative; }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi a .icon{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 8.3333%; padding-top: 8.3333%; background-color: #ffffff; border-radius: 50%; margin-right: 10%; }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi a .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) translateX(-25%) rotate(45deg); border: 2px solid #00afcc; border-width: 2px 2px 0 0; width: 30%; padding-top: 30%; }
#main .section02{ padding: 110px 2.5% 146px; background-color: #eeece1; position: relative; }
#main .section02 .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
#main .section02 .bg-fill .circle{ position: absolute; border-radius: 50%; background-image: radial-gradient(circle, rgb(255,255,255) 2.75px, transparent 2.75px), radial-gradient(circle, rgb(255,255,255) 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .section02 .bg-fill .circle01{ width: 406px; padding-top: 406px; top: 0; left: 50%; margin: -45px 0 0 -766px; }
#main .section02 .bg-fill .circle02{ width: 407px; padding-top: 407px; top: 0; right: 50%; margin: 350px -774px 0 0; }
#main .section02 .bg-fill .circle03{ width: 664px; padding-top: 664px; top: 50%; left: 50%; margin: -120px 0 0 -908px; }
#main .section02 .bg-fill .circle04{ width: 664px; padding-top: 664px; bottom: 0; right: 50%; margin: 0 -952px -210px 0; }
#main .section02 .sec-box{ position: relative; }
#main .section02 .sec-box .sec-shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #eeece1; margin: 24px 0 0 34px; border-radius: 30px; background-image: radial-gradient(circle, #c4bc95 2.75px, transparent 2.75px), radial-gradient(circle, #c4bc95 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .section02 .sec-box .sec-body{ border: 5px solid #c4bc95; background-color: #ffffff; border-radius: 30px; position: relative; z-index: 5; padding-bottom: 66px; }
#main .section02 .sec-box .sec-body::before{ content: ""; position: absolute; left: 50%; top: -5px; transform: translateX(-50%); width: 506px; background-color: #ffffff; height: 5px; }
#main .section02 .sec-box .sec-body .intro .ttl{ position: relative; left: 50%; width: 488px; transform: translateX(-50%); margin-top: -180px; z-index: 10; }
#main .section02 .sec-box .sec-body .intro .deco01{ position: absolute; right: 0; top: 0; width: 27.9629%; margin: -4.2671% -2.9684% 0 0; }
#main .section02 .sec-box .sec-body .intro .txt{ font-size: 1.125rem; line-height: 1.7222; font-weight: bold; color: #333333; text-align: center; margin-top: 44px; }
#main .section02 .sec-box .sec-body .intro .txt .marker{ background: linear-gradient(transparent 60%, #fee780 60%); }
#main .section02 .sec-box .sec-body .intro .copy{ max-width: 687px; margin: 24px auto 0; }
#main .section02 .sec-box .sec-body .guideline{ max-width: 966px; width: 95%; margin: 0 auto 0; display: flex; display: -ms-flex; }
#main .section02 .sec-box .sec-body .guideline .deco{ width: 3.7267%; position: relative; }
#main .section02 .sec-box .sec-body .guideline .deco .dot{ width: 100%; padding-top: 100%; background-color: #333333; border-radius: 50%; position: relative; box-shadow: 5px 5px 0 rgba(0,0,0,0.2); z-index: 10; }
#main .section02 .sec-box .sec-body .guideline .deco .dot::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 77.7778%; padding-top: 77.7778%; background-color: #ffffff; border-radius: 50%; transform: translate(-50%,-50%); }
#main .section02 .sec-box .sec-body .guideline .deco .dot::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 44.4444%; padding-top: 44.4444%; background-color: #ed6c00; border-radius: 50%; transform: translate(-50%,-50%); }
#main .section02 .sec-box .sec-body .guideline .deco .line{ position: absolute; left: 50%; top: 0; width: 22.2222%; height: 100%; background: url(../image/sec02-d01.gif) center 0 repeat-y; background-size: 100% auto; transform: translateX(-50%); margin-top: 120%; }
#main .section02 .sec-box .sec-body .guideline .inner-body{ max-width: 850px; width: 92.291%; margin-left: 3.8002%; position: relative; box-sizing: border-box; border-radius: 20px; }
#main .section02 .sec-box .sec-body .guideline01{ margin-top: 50px; padding-bottom: 50px; }
#main .section02 .sec-box .sec-body .guideline01 .deco{ margin-top: 10px; }
#main .section02 .sec-box .sec-body .guideline01 .deco .line{ padding-top: 50px; }
#main .section02 .sec-box .sec-body .guideline01 .inner-body{ background-color: #eeece1; padding: 22px 3.8823% 40px; }
#main .section02 .sec-box .sec-body .guideline01 .inner-body::before{ content: ""; position: absolute; right: 100%; top: 20px; border: solid transparent; border-width: 12px 21.5px 12px 0; border-right-color: #eeece1; margin-right: -1px; }
#main .section02 .sec-box .sec-body .guideline01 .inner-body .guideline-copy{ max-width: 416px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item{ margin-top: 22px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item{ width: 100%; background-color: #ffffff; border: 4px solid #333333; border-radius: 20px; position: relative; box-shadow: 10px 10px 0 rgba(0,0,0,0.2); display: flex; display: -ms-flex; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item:nth-child(n+2){ margin-top: 44px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .bubble{ position: absolute; left: 0; top: 0; width: 93px; text-align: center; background-color: #333333; color: #ffffff; font-size: 1.1543rem; line-height: 1.5; font-weight: bold; font-family: 'YakuHanJP', Roboto, "Noto Sans JP", sans-serif; display: flex; display: -ms-flex; align-items: center; justify-content: center; padding: 16px 0; border-radius: 10px 0 20px 0; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .bubble .num{ font-size: 213.3332%; line-height: 0.5; transform: translateY(-10%); }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .photo{ width: 19.3798%; /*width: 150px;*/ box-sizing: border-box; box-sizing: border-box; margin-left: 1.8087%; display: flex; display: -ms-flex; justify-content: center; align-items: center; margin-top: 52px; height: 152px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item01 .photo img{ width: 57.3333%; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item02 .photo img{ width: 67.3333%; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item03 .photo img{ width: 51.3333%; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item04 .photo img{ width: 57.3333%; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item05 .photo img{ width: 68%; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body{ padding: 18px 0 40px; margin-right: 3.871%; flex: 1; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .ttl{ font-size: 1.6875rem; line-height: 1.5; color: #00afcc; font-weight: 900; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body{ position: relative; margin-top: 10px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .acordion{ background-color: #e0f5f9; box-sizing: border-box; padding: 24px 4.6551% 48px; height: 100px; overflow: hidden; border-radius: 20px 20px 0 0; border-bottom: 1px solid #d6d6d6; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body.active .acordion{ height: auto; border-radius: 20px; border-bottom: none; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .acordion .copy{ font-size: 1.25rem; line-height: 1.5; font-weight: bold; color: #333333; margin-bottom: 5px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .acordion .txt{ font-size: 1rem; line-height: 1.575; color: #333333; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .separate{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #00afcc; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .head{ font-size: 1.125rem; line-height: 1.5; font-weight: 900; color: #00afcc; margin-bottom: 10px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .head~.head{ margin-top: 20px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .txt~.txt{ margin-top: 10px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .txt .circle{ color: #00afcc; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn{ position: absolute; left: 50%; bottom: 0; width: 173px; transform: translate(-50%,50%); text-align: center; background-color: #fdd000; border: 3px solid #eca305; box-sizing: border-box; padding: 4px 0; border-radius: 20px; cursor: pointer; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn .open,
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn .close{ font-size: 1.0625rem; line-height: 1.5; font-weight: bold; color: #333333; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn .close{ display: none; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn .icon{ width: 11.3772%; padding-top: 11.3772%; background-color: #ffffff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; margin-right: 5%; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn .icon::before,
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn .icon::after{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50%; height: 2px; background-color: #333333; border-radius: 1px; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn .icon::after{ transform: translate(-50%,-50%) rotate(90deg); }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body.active .btn .icon::after{ display: none; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body.active .open{ display: none; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body.active .close{ display: block; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item01 .txt-body .acordion-body .acordion .split-view{ display: flex; display: -ms-flex; justify-content: space-between; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item01 .txt-body .acordion-body .acordion .split-view .split-item{ width: 46.1538%; }
#main .section02 .sec-box .sec-body .guideline02{ align-items: center; }
#main .section02 .sec-box .sec-body .guideline02 .inner-body{ background-color: #fee366; padding: 24px 4.2352%; }
#main .section02 .sec-box .sec-body .guideline02 .inner-body::before{ content: ""; position: absolute; right: 100%; top: 50%; border: solid transparent; border-width: 12px 21.5px 12px 0; border-right-color: #fee366; transform: translateY(-50%); margin-right: -1px; }
#main .section02 .sec-box .sec-body .guideline02 .inner-body .guideline-copy{ max-width: 487px; }
#main .section02 .sec-box .sec-body .foot-copy{ width: 90%; max-width: 747px; margin: 30px auto 0; }
#main .section02 .sec-box .sec-body .foot-copy img{ width: 102.1419%; }
#main .section03{ padding: 72px 2.5% 120px; background-color: #5cc0d2; position: relative; z-index: 10; }
#main .section03 .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
#main .section03 .bg-fill .circle{ position: absolute; border-radius: 50%; background-image: radial-gradient(circle, rgba(255,255,255,0.3) 2.75px, transparent 2.75px), radial-gradient(circle, rgba(255,255,255,0.3) 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .section03 .bg-fill .circle01{ width: 769px; padding-top: 769px; top: 0; left: 50%; margin: -507px 0 0 -998px; }
#main .section03 .bg-fill .circle02{ width: 523px; padding-top: 523px; bottom: 0; right: 50%; margin: 0 -868px -230px 0; }
#main .section03 .sec-box{ position: relative; }
#main .section03 .sec-box .sec-shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #5cc0d2; margin: 24px 0 0 34px; border-radius: 30px; background-image: radial-gradient(circle, #ffffff 2.75px, transparent 2.75px), radial-gradient(circle, #ffffff 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .section03 .sec-box .sec-body{ border: 5px solid #16a4bf; background-color: #ffffff; border-radius: 30px; position: relative; z-index: 5; padding-bottom: 64px; }
#main .section03 .sec-box .sec-body .ttl{ margin: -160px auto 0; width: 90%; max-width: 768px; }
#main .section03 .sec-box .sec-body .ttl img{ width: 109.2453%; margin-left: -9.2453%; }
#main .section03 .sec-box .sec-body .txt{ font-size: 1.4375rem; line-height: 2.130; color: #333333; font-weight: bold; text-align: center; width: 100%; margin-top: 44px; }
#main .section03 .sec-box .sec-body .txt .marker{ background: linear-gradient(transparent 80%, #fee780 80%); }
#main .section03 .sec-box .sec-body .txt a{ color: #00afcc; }
#main .section03 .sec-box .sec-body .deco01{ position: absolute; left: 0; bottom: 0; width: 20%; overflow: hidden; border-radius: 22px; }
#main .section04{ padding: 90px 2.5% 248px; position: relative; }
#main .section04 .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
#main .section04 .bg-fill .circle{ position: absolute; border-radius: 50%; background-image: radial-gradient(circle, rgb(255,255,255) 2.75px, transparent 2.75px), radial-gradient(circle, rgb(255,255,255) 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .section04 .bg-fill .circle01{ width: 664px; padding-top: 664px; top: 0; left: 50%; margin: -395px 0 0 -1020px; }
#main .section04 .bg-fill .circle02{ width: 664px; padding-top: 664px; bottom: 0; right: 50%; margin: 0 -953px -185px 0; }
#main .section04 .sec-box{ position: relative; }
#main .section04 .sec-box .sec-shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #eeece1; margin: 24px 0 0 34px; border-radius: 30px; background-image: radial-gradient(circle, #c4bc95 2.75px, transparent 2.75px), radial-gradient(circle, #c4bc95 2.75px, transparent 2.75px); background-position: 0 0, 6.75px 13.5px; background-size: 13.5px 27px; }
#main .section04 .sec-box .sec-body{ border: 5px solid #c4bc95; background-color: #ffffff; border-radius: 30px; position: relative; z-index: 5; padding-bottom: 60px; }
#main .section04 .sec-box .sec-body .ttl-body{ background-color: #c4bc95; margin: -5px -5px 0; padding: 30px 0; border-radius: 30px 30px 0 0; }
#main .section04 .sec-box .sec-body .ttl-body .ttl{ width: 90%; max-width: 508px; margin: 0 auto; }
#main .section04 .sec-box .sec-body .txt{ font-size: 1.4375rem; line-height: 1.7652; color: #333333; font-weight: bold; text-align: center; width: 100%; margin-top: 36px; }
#main .section04 .sec-box .sec-body .deco01{ position: absolute; right: 0; bottom: 0; width: 13.5185%; margin-right: 3.1481%; }
#footer{ padding: 80px 0 50px; text-align: center; margin-top: -248px; position: relative; z-index: 1000; }
#footer .logo{ max-width: 220px; margin: 0 auto; }
#footer .txt{ font-size: 1rem; line-height: 1.5; margin-top: 15px; }
#footer .copyright{ font-size: 0.75rem; line-height: 1.5; margin-top: 5px; }
#anchor01{ transform: translateY(-200px); position: absolute; }
#anchor02{ transform: translateY(-210px); position: absolute; }
#anchor03{ transform: translateY(-190px); position: absolute; }


@media screen and (min-width: 1360px) {
	#main .kv::after{ width: 111.0294%; padding-top: 42.2794%; height: 0; }
}
@media screen and (max-width: 1080px) {
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .val .num{ font-size: 7.4074vw; }
	#main .section03 .sec-box .sec-body{ padding-bottom: 0; }
	#main .section03 .sec-box .sec-body .deco01{ position: relative; left: 0; width: 20%; border-radius: 0; margin: 36px auto 0; }
	#main .section04 .sec-box .sec-body{ padding-bottom: 0; }
	#main .section04 .sec-box .sec-body .deco01{ position: relative; right: auto; width: 13.5185%; margin: 36px auto 0; }
}
@media screen and (max-width: 1000px) {
	#main .section02 .sec-box .sec-body .intro .deco01{ margin-top: -5%; width: 25%; }
}
@media screen and (max-width: 880px) {
	#main .section02 .sec-box .sec-body .intro .deco01{ width: 22%; }
	#main .section03 .sec-box .sec-body .ttl{ margin-top: -18.7354%; }
}
@media screen and (max-width: 767.5px) {
	#header .logo{ width: 31.4666%; margin-left: 3.7333%; }
	#header .navi{ width: 50.1333%; }
	#main .kv{ background-color: transparent; padding: 6.6666% 0 33.8666%; }
	#main .kv::after{ display: none; }
	#main .kv .bg-fill{ display: none; }
	#main .kv .kv-body .ttl-body{ margin: 0 0 0 10.2426%; position: relative; width: 80.3036%; max-width: none; }
	#main .kv .kv-body .ttl-body .ttl{ padding-top: 58.2681%; }
	#main .kv .kv-body .ttl-body .ttl .frag01{ width: 33.5019%; margin: 0 0 0 30.2136%; }
	#main .kv .kv-body .ttl-body .ttl .frag02{ width: 4.5270%; margin: 6.1746% 0 0 63.9125%; }
	#main .kv .kv-body .ttl-body .ttl .frag03{ width: 7.3750%; margin: 14.2350% 0 0 10.6643%; }
	#main .kv .kv-body .ttl-body .ttl .frag04{ width: 7.0586%; margin: 14.1877% 0 0 19.2854%; }
	#main .kv .kv-body .ttl-body .ttl .frag05{ width: 7.3354%; margin: 14.3062% 0 0 27.1972%; }
	#main .kv .kv-body .ttl-body .ttl .frag06{ width: 7.0586%; margin: 14.2588% 0 0 35.6041%; }
	#main .kv .kv-body .ttl-body .ttl .frag07{ width: 4.1882%; margin: 16.5759% 0 0 44.1057%; }
	#main .kv .kv-body .ttl-body .ttl .frag08{ width: 4.8374%; margin: 16.2937% 0 0 49.6381%; }
	#main .kv .kv-body .ttl-body .ttl .frag09{ width: 4.6963%; margin: 16.3162% 0 0 55.4842%; }
	#main .kv .kv-body .ttl-body .ttl .frag10{ width: 4.1826%; margin: 16.4856% 0 0 61.2452%; }
	#main .kv .kv-body .ttl-body .ttl .frag11{ width: 4.7414%; margin: 16.5195% 0 0 66.6603%; }
	#main .kv .kv-body .ttl-body .ttl .frag12{ width: 5.0349%; margin: 16.1300% 0 0 72.2450%; }
	#main .kv .kv-body .ttl-body .ttl .frag13{ width: 3.6182%; margin: 16.2598% 0 0 78.6133%; }
	#main .kv .kv-body .ttl-body .ttl .frag14{ width: 4.7923%; margin: 16.5307% 0 0 83.3820%; }
	#main .kv .kv-body .ttl-body .ttl .frag15{ width: 11.1701%; margin: 28.4942% 0 0 14.0457%; }
	#main .kv .kv-body .ttl-body .ttl .frag16{ width: 7.4252%; margin: 28.8787% 0 0 26.9830%; }
	#main .kv .kv-body .ttl-body .ttl .frag17{ width: 8.1374%; margin: 29.0151% 0 0 37.1089%; }
	#main .kv .kv-body .ttl-body .ttl .frag18{ width: 6.8869%; margin: 32.5603% 0 0 46.7594%; }
	#main .kv .kv-body .ttl-body .ttl .frag19{ width: 11.7105%; margin: 28.4818% 0 0 54.9511%; }
	#main .kv .kv-body .ttl-body .ttl .frag20{ width: 12.3778%; margin: 28.3578% 0 0 66.6943%; }
	#main .kv .kv-body .ttl-body .ttl .frag21{ width: 6.2949%; margin: 31.6055% 0 0 79.7684%; }
	#main .kv .kv-body .ttl-body .ttl .frag22{ width: 11.6338%; margin: 44.6315% 0 0 0.4476%; }
	#main .kv .kv-body .ttl-body .ttl .frag23{ width: 11.6880%; margin: 44.5695% 0 0 12.7882%; }
	#main .kv .kv-body .ttl-body .ttl .frag24{ width: 6.2399%; margin: 48.4000% 0 0 26.0302%; }
	#main .kv .kv-body .ttl-body .ttl .frag25{ width: 9.5930%; margin: 46.7650% 0 0 34.7815%; }
	#main .kv .kv-body .ttl-body .ttl .frag26{ width: 9.8330%; margin: 44.7928% 0 0 46.0035%; }
	#main .kv .kv-body .ttl-body .ttl .frag27{ width: 8.9329%; margin: 45.2021% 0 0 57.7099%; }
	#main .kv .kv-body .ttl-body .ttl .frag28{ width: 9.3509%; margin: 44.6687% 0 0 66.7680%; }
	#main .kv .kv-body .ttl-body .ttl .frag29{ width: 9.6741%; margin: 45.2517% 0 0 78.4212%; }
	#main .kv .kv-body .ttl-body .ttl .frag30{ width: 6.2399%; margin: 48.4000% 0 0 90.0076%; }
	#main .kv .kv-body .ttl-body .ttl .frag31{ width: 2.4381%; margin: 52.7577% 0 0 97.5618%; }
	#main .kv .kv-body .ttl-body .ttl .line{ padding-top: 1.1473%; }
	#main .kv .kv-body .ttl-body .ttl .line01{ width: 72.5019%; margin: 40.9925% 0 0 13.5900%; }
	#main .kv .kv-body .ttl-body .ttl .line02{ width: 99.6815%; margin: 57.1207% 0 0 0; }
	#main .kv .kv-body .person-body{ position: relative; left: 0; top: 0; width: 70.1285%; margin: 8% 0 0 14.5092%; transform: none; padding-top: 80.2862%; }
	#main .kv .kv-body .person-body .bubble{ width: 98.7837%; padding-top: 32.0662%; margin: 0 0 0 1.2162%; }
	#main .kv .kv-body .person-body .person{ width: 95.8921%; padding-top: 82.9312%; margin: 31.5532% 0 0 0; }
	#main .kv .kv-body .txt{ width: 100%; font-size: 0.9810rem; line-height: 1.7499; margin: 8% 0 0; text-align: center; }
	#main .kv .kv-body .navi-list{ width: 100%; margin: 8% auto 0; }
	#main .kv .kv-body .navi-list .navi{ display: block; margin: 0 auto; text-align: center; }
	#main .kv .kv-body .navi-list .navi:nth-child(1){ margin: 0 auto 2.6666%; }
	#main .kv .kv-body .navi-list .navi a{ display: inline-block; padding: 1.7333% 12.3333% 1.7333% 5.3333%; border-radius: 5.3333vw; }
	#main .kv .kv-body .navi-list .navi a .icon{ width: 6.4vw; margin-right: 3.2vw; }
	#main .section-navi{ position: absolute; left: 50%; margin-top: 0; width: 93.3333%; transform: translate(-50%,-50%); }
	#main .section-navi .navi-list{ max-width: none; width: 100%; display: block; border-width: 0.8vw; border-radius: 5.3333vw; box-shadow: 1.3333vw 1.3333vw 0 rgba(0,0,0,0.2); padding: 3% 0; }
	#main .section-navi .navi-list .navi{ width: 100%; }
	#main .section-navi .navi-list .navi:nth-child(n+2)::before{ left: 50%; top: 0; width: 84.3023%; height: 1px; background-color: #f4a766; transform: translate(-50%,-50%); }
	#main .section-navi .navi-list .navi a{ display: block; font-size: 1.125rem; height: auto; display: block; position: relative; padding: 2.907% 7.8488%; }
	#main .section-navi .navi-list .navi a .icon{ display: block; width: 5.3333vw; height: 5.3333vw; margin: 0 7.8488% 0 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
	#main .section-navi .navi-list .navi a .icon::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 30%; padding-top: 30%; border: solid #ffffff; 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{ padding: 80.5333% 3.33335% 32%; }
	#main .section01 .bg-fill .circle{ background-image: radial-gradient(circle, #ffffff 0.2666vw, transparent 0.2666vw), radial-gradient(circle, #ffffff 0.2666vw, transparent 0.2666vw); background-position: 0 0, 0.9333vw 1.8666vw; background-size: 1.8666vw 3.7333vw; }
	#main .section01 .bg-fill .circle01{ width: 101.3333%; padding-top: 101.3333%; top: 0; right: auto; left: 0; margin: -32% 0 0 -50.9333%; }
	#main .section01 .bg-fill .circle02{ width: 101.3333%; padding-top: 101.3333%; top: auto; bottom: 0; right: 0; left: auto; margin: 0 -42.9333% 171.4666% 0; }
	#main .section01 .bg-fill .circle03{ display: none; }
	#main .section01 .sec-box+.sec-box{ margin-top: 13.3333%; }
	#main .section01 .sec-box .sec-shadow{ display: none; }
	#main .section01 .sec-box .sec-body{ border-width: 0.8vw; border-radius: 5.3333vw; }
	#main .section01 .sec-box01 .sec-body{ padding-bottom: 10.7558%; }
	#main .section01 .sec-box01 .sec-body .sec-head{ border-radius: 4.533vw 4.533vw 0 0; padding-bottom: 20.3488%; }
	#main .section01 .sec-box01 .sec-body .sec-head .ttl{ width: 90.1162%; margin: -54.7523% 0 0; }
	#main .section01 .sec-box01 .sec-body .sec-head .ttl img{ margin-left: 0%; width: 100%; }
	#main .section01 .sec-box01 .sec-body .sec-head .board{ width: 92.4418%; border-width: 1.3333vw; margin: 13.3720% auto 0%;  padding-bottom: 11.0854%; border-radius: 5.3333vw 5.3333vw 0 0; }
	#main .section01 .sec-box01 .sec-body .sec-head .board::before{ bottom: -1.3333vw; padding: 5.1948% 5.8441% 0 0; border-width: 0.5333vw; border-radius: 0.5333vw; }
	#main .section01 .sec-box01 .sec-body .sec-head .board .copy{ width: 85.6665%; margin: 11.0389% auto 0; }
	#main .section01 .sec-box01 .sec-body .sec-head .board .data{ position: relative; right: auto; width: 90.9090%; margin: 9.7402% auto 0; }
	#main .section01 .sec-box01 .sec-body .sec-head .board .txt{ width: 55.1948%; margin: -23.3766% 0 0 39.9350%; }
	#main .section01 .sec-box01 .sec-body .sec-head .board .deco01{ position: absolute; left: 0; bottom: 0; width: 42.2580%; margin: 0 0 -1.3333vw -7.7922%; }
	#main .section01 .sec-box01 .sec-body .inner-body .ttl{ width: 101.7441%; margin: -11.9186% 0 0 -3.7790%; z-index: 10; }
	#main .section01 .sec-box01 .sec-body .inner-body .ttl::before{ width: 2.8571%; padding-top: 17.4285%; }
	#main .section01 .sec-box01 .sec-body .inner-body .ttl::after{ padding-top: 17.4285%; box-shadow: 1.3333% 1.3333% 1.3333% rgba(0,0,0,0.2); border-radius: 8.1333vw; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken{ width: 100%; margin: 0 auto; background-color: #ffffff; border-radius: 0; border-top: none; padding: 8.7209% 0 0; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .copy{ width: 57.8647%; position: relative; margin: 0 0 0 9.0116%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .txt{ width: 60.2482%; position: relative; margin: 8.7209% 0 0 9.0116%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .deco02{ width: 26.7441%; margin: 6.6860% 2.7942% 0 0; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body{ width: 100%; margin: 12.7906% auto 0; padding: 11.6279% 3.7790% 38.6627% ; background-color: #f3f2ea; box-sizing: border-box; position: relative; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body::before,
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body::after{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border: solid transparent; border-top-color: #333333; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body::before{ border-width: 5.3333vw 5.3332vw 0 5.3332vw; margin-bottom: 29.9419%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body::after{ border-width: 3.0529vw 3.0529vw 0 3.0529vw; margin-bottom: 37.7906%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .select-body{ width: 74.6666vw; border: 1.0666vw solid #333333; background-color: #ffffff; line-height: 0; box-sizing: border-box; position: relative; display: inline-block; border-radius: 6.6666vw; overflow: hidden; vertical-align: bottom; text-align: left; position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .select-body select{ width: 100%; font-size: 0.9375rem; line-height: 1.5; position: relative; z-index: 10; padding: 4% 5%; box-sizing: border-box; color: #333333; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-body .select-body .icon{ position: absolute; width: 17.8571%; right: 0; top: 0; height: 100%; background-color: #fdd000; border-left: 1px solid #333333; z-index: 30; pointer-events: none; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .map-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 1.0666vw 1.0666vw 0; width: 25%; padding-top: 25%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer{ width: 81.3953%; height: 0; padding-top: 42.4419%; border-width: 1.0666vw; border-radius: 5.3333vw; margin-bottom: -21.22095%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer::before{ content: ""; right: auto; left: 0; bottom: 0; width: 100%; height: 0; padding-top: 22.7941%; border: none; border-top: 1px solid #333333; border-radius: 0 0 5.3333vw 5.3333vw; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .head{ font-size: 1.125rem; padding: 0.7352% 8.4558% ; border-radius: 4vw; transform: translate(-50%,-50%); margin-left: 0; left: 50%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .hoken-val{ width: 100%; left: 0; top: 0; font-size: 1.25rem;  margin-top: 18.3823%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .hoken-val .num{ font-size: 217.3913%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .hoken-val .tail{ font-size: 60%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .average{ width: 100%; left: 0; right: auto; top: 0; font-size: 1.125rem; margin-top: 42.7058%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .average .num{ font-size: 166.6666%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .average .tail{ font-size: 60%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .question{ width: 100%; padding-top: 24%; left: 0; top: 0; transform: none; margin-top: 6%; }
	#main .section01 .sec-box01 .sec-body .inner-body .todouhuken .answer .question img{ width: 10.7175%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu{ margin-top: 31.9767%; position: relative; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .kanyu-ttl{ max-width: none; width: 92.4418%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view{ max-width: none; margin: 2.0348% auto 0; width: 74.6666vw; display: block; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util{ width: 100%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body{ position: relative; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body~.head-body{ margin-top: 7.1428%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .head{ font-size: 1.125rem; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon{ width: 5.3333vw; height: 5.3333vw; line-height: 5.3333vw; font-size: 0.8470rem; position: static; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip{ width: 100%; padding: 5% 7.1428%; border-radius: 2.6666vw; margin-top: 2.8571%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip::before{ border-width: 0 2.1333vw 2.1333vw 2.1333vw; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body01 .icon .tooltip::before{ left: 31%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body02 .icon .tooltip::before{ left: 43.5%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip .tooltip-head{ font-size: 1rem; line-height: 1.125; color: #ffffff; font-weight: bold; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .head-body .icon .tooltip .caption{ margin-top: 1.8666vw; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .select-body{ width: 100%; border-width: 1.0666vw; border-radius: 6.6666vw; margin-top: 1.7857%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .select-body select{ font-size: 0.9375rem; padding: 4% 5%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .select-body .icon{ width: 17.8571%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .select-body .icon::before{ border-width: 0 1.0666vw 1.0666vw 0; width: 25%; padding-top: 25%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn{ margin-top: 7.1428%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body{ width: 86.6203%; margin: 10.7142% 0 0 15.3571%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .val{ width: 65.5569%; padding-top: 28.8615%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .val .num{ font-size: 3.125rem; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .question{ width: 65.5569%; padding-top: 28.8615%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .result-body .question img{ width: 18.4693%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about{ max-width: none; margin: 8.7209% auto 0; width: 100%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .inner-body{ width: 81.3953%; margin: 0 auto; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .txt{ font-size: 1.125rem; line-height: 1.6111; border-radius: 2.6666vw; padding: 8.5714% 8.9285%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .txt::before{ margin-left: 50%; border-width: 0 2.4vw 4.5333vw; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .txt .num{ font-size: 144.4444%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .caption{ letter-spacing: 0; margin-top: 8.2142%; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi{ width: 92.4418%; margin: 8.7209% auto 0; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi a{ border-radius: 9.3333vw; box-shadow: 0 1.3333vw 1.3333vw rgba(237,108,0,0.4); }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi a::before{ border-width: 0.6666vw; border-radius: 9.3333vw; }
	#main .section01 .sec-box01 .sec-body .deco03{ position: absolute; left: 0; bottom: auto; top: 0; width: 20.7782%; margin: 110.4302% 0 0 -3.4087%; }
	#main .section01 .sec-box02 .sec-body{ padding: 31.9767% 0 10.7558%; position: relative; }
	#main .section01 .sec-box02 .sec-body .split-view{ display: block; width: 100%;  }
	#main .section01 .sec-box02 .sec-body .split-view .photo{ width: 64.1030%; margin: 0 auto; }
	#main .section01 .sec-box02 .sec-body .split-view .txt-body{ width: 100%; }
	#main .section01 .sec-box02 .sec-body .split-view .txt-body .head{ width: 63.8351%; position: absolute; left: 0; top: 0; margin: -20.8213% 0 0 18.4593%; }
	#main .section01 .sec-box02 .sec-body .split-view .txt-body .copy{ font-size: 1.25rem; line-height: 1.4437; margin-top: 8.7209%; text-align: center; }
	#main .section01 .sec-box02 .sec-body .split-view .txt-body .txt{ font-size: 1rem; line-height: 1.625; margin: 5.8139% auto 0; width: 81.3953%; }
	#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi{ width: 69.7674%; margin: 8.7209% auto 0; }
	#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi a{ padding: 6.25% 0; border-radius: 8vw; }
	#main .section02{ padding: 30.9333% 3.33335% 32.2666%; }
	#main .section02 .bg-fill .circle{ background-image: radial-gradient(circle, #ffffff 0.2666vw, transparent 0.2666vw), radial-gradient(circle, #ffffff 0.2666vw, transparent 0.2666vw); background-position: 0 0, 0.9333vw 1.8666vw; background-size: 1.8666vw 3.7333vw; }
	#main .section02 .bg-fill .circle01{ width: 101.3333%; padding-top: 101.3333%; top: 0; left: 0; margin: -22.6666% 0 0 -45.3333%; }
	#main .section02 .bg-fill .circle02{ width: 101.3333%; padding-top: 101.3333%; top: auto; bottom: 0; right: 0; left: auto; margin: 0 -41.3333% -36% 0; }
	#main .section02 .bg-fill .circle03,
	#main .section02 .bg-fill .circle04{ display: none; }
	#main .section02 .sec-box .sec-shadow{ display: none; }
	#main .section02 .sec-box .sec-body{ border-width: 0.8vw; border-radius: 5.3333vw; padding-bottom: 10.2857%; }
	#main .section02 .sec-box .sec-body::before{ top: -0.8vw; width: 87.2093%; height: 0.8vw; }
	#main .section02 .sec-box .sec-body .intro .ttl{ width: 83.3873%; margin-top: -58.6609%; }
	#main .section02 .sec-box .sec-body .intro .deco01{ position: relative; right: auto; width: 47.0930%; margin: 7.5581% 0 0 19.4767%; }
	#main .section02 .sec-box .sec-body .intro .txt{ font-size: 1rem; line-height: 1.75; margin-top: 2.9069%; }
	#main .section02 .sec-box .sec-body .intro .copy{ max-width: none; width: 68.8851%; margin: 8.7209% auto 0; }
	#main .section02 .sec-box .sec-body .guideline{ max-width: none; width: 100% }
	#main .section02 .sec-box .sec-body .guideline .deco{ width: 5.8139%; margin-left: 1.4535%; }
	#main .section02 .sec-box .sec-body .guideline .deco .dot{ box-shadow: 0.5333vw 0.5333vw 0 rgba(0,0,0,0.2); }
	#main .section02 .sec-box .sec-body .guideline .inner-body{ max-width: none; width: 90.4069%; margin-left: auto; border-radius: 2.6666vw 0 0 2.6666vw; }
	#main .section02 .sec-box .sec-body .guideline01{ margin-top: 8.7209%; padding-bottom: 5.8139%; }
	#main .section02 .sec-box .sec-body .guideline01 .deco{ margin-top: 8.7209%; }
	#main .section02 .sec-box .sec-body .guideline01 .deco .line{ padding-top: 200%; }
	#main .section02 .sec-box .sec-body .guideline01 .inner-body{ padding: 5.8139% 4.5058% 10.1744%; }
	#main .section02 .sec-box .sec-body .guideline01 .inner-body::before{ top: 0; border-width: 2.1333vw 3.7333vw 2.1333vw 0; margin: 10.3% -1px 0 0; }
	#main .section02 .sec-box .sec-body .guideline01 .inner-body .guideline-copy{ max-width: none; width: 59.8156%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item{ margin-top: 7.1428%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item{ border-width: 0.6666vw; border-radius: 2.6666vw; box-shadow: 1.0666vw 1.0666vw 0 rgba(0,0,0,0.2); display: block; box-sizing: border-box; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item:nth-child(n+2){ margin-top: 8.9285%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .bubble{ width: 81px; font-size: 1rem; padding: 3.6231% 0; border-radius: 1.6vw 0 2.6666vw 0; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .bubble .num{ font-size: 187.5%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .photo{ margin: 0 auto; height: 33.6vw; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item01 .photo{ width: 31.0885%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item02 .photo{ width: 36.7524%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item03 .photo{ width: 27.9537%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item04 .photo{ width: 31.0684%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item05 .photo{ width: 37.0573%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .photo img{ width: 100%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body{ padding: 0 3.6231% 14.4927%; margin-right: 0; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .ttl{ font-size: 1.25rem; text-align: center; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body{ margin-top: 7.8125%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .acordion{ padding: 7.8125% 6.25% 19.5312%; height: 51.7333vw; border-radius: 2.6666vw 2.6666vw 0 0; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body.active .acordion{ height: auto; border-radius: 2.6666vw; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .acordion .copy{ font-size: 1rem; margin-bottom: 8.9285%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .separate{ margin-top: 8.9285%; padding-top: 8.9285%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .head{ margin-bottom: 8.9285%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .head~.head{ margin-top: 13.3928%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .txt~.txt{ margin-top: 8.9285%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn{ width: 69.1999%; border-width: 0.8vw; padding: 1.6% 0; border-radius: 5.3333vw; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item01 .txt-body .acordion-body .acordion .split-view{ display: block; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item01 .txt-body .acordion-body .acordion .split-view .split-item{ width: 100%; }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item01 .txt-body .acordion-body .acordion .split-view .split-item:nth-child(n+2){ margin-top: 13.3928%; }
	#main .section02 .sec-box .sec-body .guideline02 .inner-body{ padding: 6.4308% 0; }
	#main .section02 .sec-box .sec-body .guideline02 .inner-body::before{ border-width: 2.1333vw 3.7333vw 2.1333vw 0; }
	#main .section02 .sec-box .sec-body .guideline02 .inner-body .guideline-copy{ max-width: none; width: 67.0109%; margin: 0 auto; }
	#main .section02 .sec-box .sec-body .foot-copy{ width: 79.3604%; max-width: none; margin: 6.3953% auto 0; }
	#main .section02 .sec-box .sec-body .foot-copy img{ width: 102.9104%; }
	#main .section03{ padding: 22.1333% 3.33335% 10.6666%; }
	#main .section03 .bg-fill .circle{ background-image: radial-gradient(circle, #ffffff 0.2666vw, transparent 0.2666vw), radial-gradient(circle, #ffffff 0.2666vw, transparent 0.2666vw); background-position: 0 0, 0.9333vw 1.8666vw; background-size: 1.8666vw 3.7333vw; }
	#main .section03 .bg-fill .circle01{ width: 101.3333%; padding-top: 101.3333%; top: 0; left: 0; margin: -43.2% 0 0 -51.7333%; }
	#main .section03 .bg-fill .circle02{ display: none; }
	#main .section03 .sec-box .sec-shadow{ display: none; }
	#main .section03 .sec-box .sec-body{ border-width: 0.8vw; border-radius: 5.3333vw; }
	#main .section03 .sec-box .sec-body .ttl{ margin: -48.7792% auto 0; width: 99.6593%; max-width: none; }
	#main .section03 .sec-box .sec-body .ttl img{ width: 100%; margin-left: 0; }
	#main .section03 .sec-box .sec-body .txt{ font-size: 1.25rem; line-height: 1.7; margin-top: 7.5581%; }
	#main .section03 .sec-box .sec-body .deco01{ width: 38.3720%; margin: 6.9767% auto 0; }
	#main .section04{ padding: 10.6666% 3.33335%; }
	#main .section04 .bg-fill .circle{ background-image: radial-gradient(circle, #ffffff 0.2666vw, transparent 0.2666vw), radial-gradient(circle, #ffffff 0.2666vw, transparent 0.2666vw); background-position: 0 0, 0.9333vw 1.8666vw; background-size: 1.8666vw 3.7333vw; }
	#main .section04 .bg-fill .circle01{ width: 101.3333%; padding-top: 101.3333%; top: 0; left: auto; right: 0; margin: -28.5333% -39.7333% 0 0; }
	#main .section04 .bg-fill .circle02{ display: none; }
	#main .section04 .sec-box .sec-shadow{ display: none; }
	#main .section04 .sec-box .sec-body{ border-width: 0.8vw; border-radius: 5.3333vw; }
	#main .section04 .sec-box .sec-body .ttl-body{ margin: -0.8vw -0.8vw 0; padding: 4.6511% 0; border-radius: 5.3333vw 5.3333vw 0 0; }
	#main .section04 .sec-box .sec-body .ttl-body .ttl{ width: 67.2703%; max-width: none; margin: 0 auto; }
	#main .section04 .sec-box .sec-body .txt{ font-size: 1.25rem; line-height: 1.7; text-align: left; width: 81.3953%; margin: 8.7209% auto 0; }
	#main .section04 .sec-box .sec-body .deco01{ width: 26.7441%; margin: 6.9767% auto 0; }
	#footer{ padding: 11.7333% 0 8%; background-color: #ffffff; margin-top: 0; }
	#footer .logo{ max-width: none; width: 52.864%; margin: 0 auto; }
	#footer .txt{ margin-top: 8%; }
	#footer .copyright{ font-size: 0.625rem; line-height: 1.8316; margin-top: 2.6666%; }
	#anchor01{ transform: none; margin-top: -55.2vw; }
	#anchor02{ transform: none; margin-top: -57.3333vw; }
	#anchor03{ transform: none; margin-top: -49.7333vw; }
}




/*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: 5px solid #c4bc95; border-radius: 30px; background-color: #ffffff; position: relative; padding: 50px 0; }
.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{ 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; }
#modal02 .modal-body .inner-body .copy{ margin-top: 15px; font-size: 1.75rem; line-height: 1.3571; color: #16a4bf; font-weight: bold; text-align: center; }
#modal02 .modal-body .inner-body .txt{ font-size: 1.125rem; line-height: 1.7777; font-weight: bold; margin: 24px auto 0; max-width: 550px; width: 90%; }
#modal02 .modal-body .inner-body .txt .marker{ color: #ed6c00; }

@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; padding: 8.9020% 5.4896% 7.4183%; }
	.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{ 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: 8%; }
	#modal01 .modal-body .inner-body .caption{ font-size: 0.75rem; line-height: 1.75; margin-top: 8%; }
	#modal02 .modal-body .inner-body .copy{ font-size: 1.125rem; line-height: 1.4444; text-align: center; }
	#modal02 .modal-body .inner-body .txt{ font-size: 1rem; line-height: 1.5625; margin-top: 8%; width: 100%; }
}




/*animation*/
/*-------------------------------------------------------*/
#main .kv .kv-body .loader .dot{ animation: loader_animation 0.9s infinite; }
#main .kv .kv-body .loader .dot:nth-child(2){ animation-delay: -0.3s; }
#main .kv .kv-body .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 .ttl .frag{ opacity: 0; }
#main .kv.show .kv-body .ttl .frag{ animation: kv_ttl_flip_animation 0.5s forwards; }
#main .kv.show .kv-body .ttl .frag01{ animation: kv_ttl_arrow_animation 0.5s forwards; }
#main .kv.show .kv-body .ttl .frag02{ animation-delay: 0.6s; }
#main .kv.show .kv-body .ttl .frag03{ animation-delay: 0.65s; }
#main .kv.show .kv-body .ttl .frag04{ animation-delay: 0.7s; }
#main .kv.show .kv-body .ttl .frag05{ animation-delay: 0.75s; }
#main .kv.show .kv-body .ttl .frag06{ animation-delay: 0.8s; }
#main .kv.show .kv-body .ttl .frag07{ animation-delay: 0.85s; }
#main .kv.show .kv-body .ttl .frag08{ animation-delay: 0.8s; }
#main .kv.show .kv-body .ttl .frag09{ animation-delay: 0.85s; }
#main .kv.show .kv-body .ttl .frag10{ animation-delay: 0.9s; }
#main .kv.show .kv-body .ttl .frag11{ animation-delay: 0.95s; }
#main .kv.show .kv-body .ttl .frag12{ animation-delay: 1s; }
#main .kv.show .kv-body .ttl .frag13{ animation-delay: 1.05s; }
#main .kv.show .kv-body .ttl .frag14{ animation-delay: 1.1s; }
#main .kv.show .kv-body .ttl .frag15{ animation-delay: 0.95s; }
#main .kv.show .kv-body .ttl .frag16{ animation-delay: 1s; }
#main .kv.show .kv-body .ttl .frag17{ animation-delay: 1.05s; }
#main .kv.show .kv-body .ttl .frag18{ animation-delay: 1.1s; }
#main .kv.show .kv-body .ttl .frag19{ animation-delay: 1.15s; }
#main .kv.show .kv-body .ttl .frag20{ animation-delay: 1.2s; }
#main .kv.show .kv-body .ttl .frag21{ animation-delay: 1.25s; }
#main .kv.show .kv-body .ttl .frag22{ animation-delay: 1.1s; }
#main .kv.show .kv-body .ttl .frag23{ animation-delay: 1.15s; }
#main .kv.show .kv-body .ttl .frag24{ animation-delay: 1.2s; }
#main .kv.show .kv-body .ttl .frag25{ animation-delay: 1.25s; }
#main .kv.show .kv-body .ttl .frag26{ animation-delay: 1.3s; }
#main .kv.show .kv-body .ttl .frag27{ animation-delay: 1.35s; }
#main .kv.show .kv-body .ttl .frag28{ animation-delay: 1.4s; }
#main .kv.show .kv-body .ttl .frag29{ animation-delay: 1.45s; }
#main .kv.show .kv-body .ttl .frag30{ animation-delay: 1.5s; }
#main .kv.show .kv-body .ttl .frag31{ animation-delay: 1.55s; }
#main .kv .kv-body .ttl-body .ttl .line{ transform: scaleX(0); transform-origin: 0 0; }
#main .kv.show .kv-body .ttl-body .ttl .line01{ transform: scaleX(1); transition: transform 0.5s; transition-delay: 0.95s; }
#main .kv.show .kv-body .ttl-body .ttl .line02{ transform: scaleX(1); transition: transform 0.5s; transition-delay: 1.1s; }
@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 .txt{ opacity: 0; transform: translateY(20px); }
#main .kv.show .kv-body .txt{ opacity: 1; transform: translateY(0); transition: opacity 0.5s, transform 0.5s ease; transition-delay: 1.1s; }
#main .kv .kv-body .navi{ opacity: 0; transform: translateY(20px); }
#main .kv.show .kv-body .navi{ opacity: 1; transform: translateY(0); transition: opacity 0.5s, transform 0.5s ease; transition-delay: 1.1s; }
#main .kv .kv-body .person .frag{ opacity: 0; transform: translateY(-40px); }
#main .kv .kv-body .person .frag06{ transform: translateY(0); }
#main .kv.show .kv-body .person .frag{ opacity: 1; transform: translateY(0); transition: opacity 0.5s, transform 0.5s ease; transition-delay: 1.1s; }
#main .kv.show .kv-body .person .frag02{ transition-delay: 1.2s; }
#main .kv.show .kv-body .person .frag03{ transition-delay: 1.3s; }
#main .kv.show .kv-body .person .frag04{ transition-delay: 1.4s; }
#main .kv.show .kv-body .person .frag05{ transition-delay: 1.5s; }
#main .kv.show .kv-body .person .frag06{ transition-delay: 1.5s; }
#main .kv .kv-body .bubble .frag01{ opacity: 0; transform: translateY(40px) scaleY(0.5); }
#main .kv.show .kv-body .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 .bubble .frag02,
#main .kv .kv-body .bubble .frag03{ opacity: 0; }
#main .kv.show .kv-body .bubble .frag02{ animation: kv_ttl_flip_animation 0.5s forwards; animation-delay: 1.6s; }
#main .kv.show .kv-body .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-box01 .sec-body .sec-head .ttl img{ opacity: 0; transform: scale(0.6); }
#main .section01 .sec-box01 .sec-body .sec-head .ttl.show img{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section01 .sec-box01 .sec-body .sec-head .board{ opacity: 0; transform: translateY(50px); }
#main .section01 .sec-box01 .sec-body .sec-head .board.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section01 .sec-box01 .sec-body .inner-body .ttl{ opacity: 0; transform: translateX(50px); }
#main .section01 .sec-box01 .sec-body .inner-body .ttl.show{ opacity: 1; transform: translateX(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken{ opacity: 0; transform: translateY(50px); }
#main .section01 .sec-box01 .sec-body .inner-body .todouhuken.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .kanyu-ttl{ opacity: 0; transform: scale(0.6); }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .kanyu-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-box01 .sec-body .inner-body .kanyu .split-view{ opacity: 0; transform: translateY(50px); }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi{ opacity: 0; transform: scale(0.6); }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi.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-box02 .sec-body .split-view{ opacity: 0; transform: translateY(50px); }
#main .section01 .sec-box02 .sec-body .split-view.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section02 .sec-box .sec-body .intro .ttl img{ opacity: 0; transform: scale(0.6); }
#main .section02 .sec-box .sec-body .intro .ttl.show img{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section02 .sec-box .sec-body .intro .txt{ opacity: 0; }
#main .section02 .sec-box .sec-body .intro .txt.show{ opacity: 1; transition: opacity 0.5s; }
#main .section02 .sec-box .sec-body .guideline01 .inner-body .guideline-copy{ opacity: 0; transform: translateX(50px); }
#main .section02 .sec-box .sec-body .guideline01 .inner-body .guideline-copy.show{ opacity: 1; transform: translateX(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section02 .sec-box .sec-body .intro .copy{ opacity: 0; transform: translateY(50px); }
#main .section02 .sec-box .sec-body .intro .copy.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item{ opacity: 0; transform: translateY(50px); }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item.show{ opacity: 1; transform: translateY(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section02 .sec-box .sec-body .guideline02 .inner-body .guideline-copy{ opacity: 0; transform: translateX(50px); }
#main .section02 .sec-box .sec-body .guideline02 .inner-body .guideline-copy.show{ opacity: 1; transform: translateX(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section02 .sec-box .sec-body .foot-copy img{ opacity: 0; transform: scale(0.6); }
#main .section02 .sec-box .sec-body .foot-copy.show img{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section03 .sec-box .sec-body .ttl img{ opacity: 0; transform: scale(0.6); }
#main .section03 .sec-box .sec-body .ttl.show img{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section03 .sec-box .sec-body .txt{ opacity: 0; }
#main .section03 .sec-box .sec-body .txt.show{ opacity: 1; transition: opacity 0.5s; }
#main .section04 .sec-box .sec-body .ttl-body .ttl img{ opacity: 0; transform: scale(0.6); }
#main .section04 .sec-box .sec-body .ttl-body .ttl.show img{ opacity: 1; transform: scale(1); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
#main .section04 .sec-box .sec-body .txt{ opacity: 0; }
#main .section04 .sec-box .sec-body .txt.show{ opacity: 1; transition: opacity 0.5s; }











/*hover*/
/*-------------------------------------------------------*/
#header .navi a{ transition: opacity 0.5s; }
#header .navi a:active{ opacity: 0.7; }
#main .kv .kv-body .navi-list .navi a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .kv .kv-body .navi-list .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-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn.active a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn.active a:active{ transform: scale(1.05); }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi a:active{ transform: scale(1.02); }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi a{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi a:active{ transform: scale(1.05); }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn{ transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn:active{ transform: translate(-50%, 50%) scale(1.05); }
#main .section03 .sec-box .sec-body .txt a{ transition: opacity 0.5s; }
#main .section03 .sec-box .sec-body .txt a:active{ opacity: 0.7; }
.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){
	#header .navi a:hover{ opacity: 0.7; }
	#main .kv .kv-body .navi-list .navi a:hover{ transform: scale(1.05); }
	#main .section-navi .navi-list .navi a:hover{ opacity: 0.7; }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .split-view .util .calc-btn.active a:hover{ transform: scale(1.05); }
	#main .section01 .sec-box01 .sec-body .inner-body .kanyu .about .navi a:hover{ transform: scale(1.02); }
	#main .section01 .sec-box02 .sec-body .split-view .txt-body .navi a:hover{ transform: scale(1.05); }
	#main .section02 .sec-box .sec-body .guideline01 .list-item .item .txt-body .acordion-body .btn:hover{ transform: translate(-50%, 50%) scale(1.05); }
	#main .section03 .sec-box .sec-body .txt a:hover{ opacity: 0.7; }
	.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); }
}