@charset "utf-8";

/*tmp overwrite*/
/*-------------------------------------------------------*/
#header{ position: relative; z-index: 5000; }
#footer{ z-index: 5000; position: relative; }
/*.com-footer__main-inner{ padding-bottom: 5.3308vw; }*/
#footer .contain{ display: none; }
#footer .wrap-link-footer{ display: none; }
.article{ min-height: 0; }
.btn-top-sp{ display: none !important; }
.com-footer__main{ background-color: #1a1a1a; }



/*initialize*/
/*-------------------------------------------------------*/
#lp-content{ overflow: hidden; background-color: #ffffff; }
/*#lp-content *{ font-family: 'YakuHanJP','Noto Sans Japanese',sans-serif; }*/
#lp-content *{ font-family: 'YakuHanJP','Noto Sans JP',sans-serif; }
#lp-content a{ display: block; }
#lp-content img{ width: 100%; height: auto; line-height: 0; vertical-align: middle; }
#lp-content h1,
#lp-content h2,
#lp-content h3,
#lp-content h4,
#lp-content h5,
#lp-content h6{ margin: 0!important; }
#lp-content .defs{ display: none; }
#lp-content .sp,
.modal-view .sp{ display: none; }


@media only screen and (max-width: 767px) {
	#lp-content .pc,
	.modal-view .pc{ display: none; }
	#lp-content .sp,
	.modal-view .sp{ display: block; }
	#lp-content img.sp,
	.modal-view img.sp{ display: inline; }
}



/*contetnt*/
/*-------------------------------------------------------*/
#loader-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 3999; overflow: hidden; }
#loader-bg .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: 7.3529vw; background-color: #1a1a1a; }
#loader{ position: fixed; width: 100%; margin-top: 63px; top: 50%; left: 0; transform: translateY(-50%); z-index: 4000; }
#loader .progress{ position: relative; width: 100%; height: 1px; background: linear-gradient(to right, #4d4d4d 0%, #ffffff 100%); }
#loader .progress02{ margin-top: 15px; background: linear-gradient(to right, #ffffff 0%, #4d4d4d 100%); }
#loader .txt{ max-width: 94px; width: 70%; margin: 0 auto; position: relative; margin-top: 30px; }
#loader .txt svg{ overflow: visible; }
#lp-content{ position: relative; }
#lp-content .util-top{ position: fixed; top: 0; width: 73.1617%; margin-left: 13.4191%; z-index: 2001; }
#lp-content .util-top .navi-list{ display: flex; display: -ms-flex; }
#lp-content .util-top .navi-list .navi{ width: 25%; }
#lp-content .util-top .navi-list .navi a{ display: block; background-color: #1a1a1a; border: 1px solid #de713c; padding-top: 42.6666%; position: relative; }
#lp-content .util-top .navi-list .navi a .word{ position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); margin-left: 36.5829%; }
#lp-content .util-top .navi-list .navi01 a .word{ width: 50.2512%; }
#lp-content .util-top .navi-list .navi02 a .word{ width: 53.8693%; }
#lp-content .util-top .navi-list .navi03 a .word{ width: 53.8693%; }
#lp-content .util-top .navi-list .navi04 a .word{ width: 56.6834%; }
#lp-content .util-top .navi-list .navi a .word svg{ fill: #cccccc; }
#lp-content .util-top .navi-list .navi a .icon{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 13.9086%; margin-right: 11.0592%; }
#lp-content .util-bottom{ position: absolute; top: 0; margin-top: 44.1176%; z-index: 2000; width: 43.8128%; margin-left: 28.0936%; }
#lp-content .util-bottom.fixed{ position: fixed; top: auto; bottom: 0; margin-top: auto; margin-bottom: 0.7352%; }
#lp-content .util-bottom.end{ position: absolute; top: auto; bottom: auto; transform: translateY(-100%); margin-bottom: auto; margin-top: auto; }
#lp-content .util-bottom .navi-list{ display: flex; display: -ms-flex; box-shadow: 0 0.3676vw 0.7352vw rgba(0,0,0,0.4); }
#lp-content .util-bottom .navi-list .navi{ width: 33.3333%; }
#lp-content .util-bottom .navi-list .navi a{ display: block; font-size: 1.3970vw; line-height: 1.0503; font-weight: 500; color: #de713c; background-color: #ffffff; text-align: center; padding-top: 28.2324%; position: relative; white-space: nowrap; }
#lp-content .util-bottom .navi-list .navi a .word{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#lp-content .util-bottom .navi-list .navi:nth-child(n+2) a{ border-left: 1px solid #de713c; }
#lp-content .kv{ position: relative; }
#lp-content .kv .inner-body{ position: relative; padding-top: 44.1176%; }
#lp-content .kv .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#lp-content .kv .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; }
#lp-content .kv .car{ position: absolute; left: 0; bottom: 0; width: 64.6324%; margin-left: 5%; }
#lp-content .kv .cust01{ position: absolute; left: 0; bottom: 0; width: 20.4412%; margin-left: 76.3235%; }
#lp-content .kv .cust02{ position: absolute; left: 0; bottom: 0; width: 23.9706%; margin-left: 48.3088%; }
#lp-content .kv .eita{ position: absolute; left: 0; bottom: 0; width: 30.9559%; margin-left: 58.0147%; }
#lp-content .kv .ttl{ position: absolute; left: 0; top: 0; width: 100%; }
#lp-content .kv .ttl .word{ position: absolute; left: 0; top: 0; }
#lp-content .kv .ttl .word01{ width: 56.4706%; margin: 2.1821% 0 0 1.6977%; }
#lp-content .kv .ttl .word02{ width: 37.5735%; margin: 2.0006% 0 0 60.7321%; }
#lp-content .kv .tvcm-navi{ position: absolute; right: 0; bottom: 0; width: 14.2647%; z-index: 50; margin: 0 1.4705% 1.4705% 0; }
#lp-content .kv .tvcm-navi a{ display: block; position: relative; line-height: 0; }
#lp-content .kv .tvcm-navi a .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background-color: #ffffff; border: 1px solid #1a1a1a; }
#lp-content .kv .tvcm-navi a svg{ position: relative; z-index: 10; fill: #1a1a1a; }
#lp-content .section-intro{ position: relative; padding: 0 0 11.9852%; }
#lp-content .section-intro .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#lp-content .section-intro .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; }
#lp-content .section-intro .intro{ padding: 9.8529% 0 9.1911%; position: relative; z-index: 50; }
#lp-content .section-intro .intro .head{ width: 23.3088%; margin: 0 auto!important; }
#lp-content .section-intro .intro .txt{ font-size: 1.1764vw; line-height: 2.0625; text-align: center; color: #ffffff; font-weight: 500; margin-top: 2.2059%; }
#lp-content .section-intro .intro .txt~.txt{ margin-top: 0; }
#lp-content .section-intro .intro .txt .marker{ font-size: 137.5%; line-height: 1.5; }
#lp-content .section-intro .characters{ position: relative; z-index: 50; }
#lp-content .section-intro .characters .head{ width: 19.3382%; margin: 0 0 0 15.25%!important; position: relative; padding-top: 7.3162%; line-height: 0; }
#lp-content .section-intro .characters .head img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#lp-content .section-intro .characters .about{ width: 73.6764%; margin: 0 auto; position: relative; z-index: 100; background-color: #cccccc; border: 1px solid #ffffff; box-sizing: border-box; box-shadow: 2.2058vw 2.2058vw 1.4705vw rgba(0,0,0,0.3); margin-bottom: -1px; }
#lp-content .section-intro .characters .about .eita-body{ padding-top: 51.8%; position: relative; z-index: 150; }
#lp-content .section-intro .characters .about .eita-body .copy{ position: absolute; left: 0; top: 0; width: 41.6%; margin: 4.0199% 0 0 17.3627%; }
#lp-content .section-intro .characters .about .eita-body .name{ position: absolute; left: 0; top: 0; margin: 19.1797% 0 0 18.2268%; font-size: 2.279vw; line-height: 1.2; color: #000000; font-weight: 500; }
#lp-content .section-intro .characters .about .eita-body .name .sub{ font-size: 45.1612%; display: block; font-weight: 400; }
#lp-content .section-intro .characters .about .eita-body .en{ position: absolute; left: 0; top: 0; width: 21.4402%; margin: 8.8925% 0 0 75.6379%; }
#lp-content .section-intro .characters .about .eita-body .photo{ position: absolute; left: 0; bottom: 0; width: 32.3%; margin: 0 0 0 53.2%; }
#lp-content .section-intro .characters .about .eita-body .txt{ position: absolute; left: 0; top: 0; margin: 29.1716% 0 0 18.4786%; font-size: 1.4705vw; line-height: 1.7; color: #000000; font-weight: 500; }
#lp-content .section-intro .characters .about .cust-body{ padding-top: 50.8%; position: relative; z-index: 150; margin-top: 1%; }
#lp-content .section-intro .characters .about .cust-body .copy{ position: absolute; left: 0; top: 0; width: 36.2%; margin: 6.1107% 0 0 49.9972%; }
#lp-content .section-intro .characters .about .cust-body .name{ position: absolute; left: 0; top: 0; margin: 4.6171% 0 0 33.1569%; font-size: 1.6176vw; line-height: 1.25; color: #000000; font-weight: 500; }
#lp-content .section-intro .characters .about .cust-body .en{ position: absolute; left: 0; top: 0; width: 43.1%; margin: 2.8909% 0 0 5.9171%; }
#lp-content .section-intro .characters .about .cust-body .photo{ position: absolute; left: 0; bottom: 0; width: 59.6999%; margin: 0 0 0 2.6%; }
#lp-content .section-intro .characters .about .cust-body .txt{ position: absolute; right: 0; top: 0; margin: 20.5288% 16.9979% 0 0; font-size: 1.4705vw; line-height: 1.7; color: #000000; font-weight: 500; text-align: right; }
#lp-content .section-intro .v-line{ position: absolute; top: 0; width: 1px; height: 100%; background-color: #ffffff; }
#lp-content .section-intro .h-line{ position: absolute; left: 0; width: 100%; height: 1px; background-color: #ffffff; }
#lp-content .section-intro .h-line::before{ content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.2573vw 0 0.2573vw 0.3676vw; border-left-color: #ffffff; transform: translateY(-50%); }
#lp-content .section-intro .h-line::after{ content: ""; position: absolute; right: 0; top: 50%; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.2573vw 0.3676vw 0.2573vw 0; border-right-color: #ffffff; transform: translateY(-50%); }
#lp-content .section-intro .v-line::before{ content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.3676vw 0.2573vw 0 0.2573vw; border-top-color: #ffffff; transform: translateX(-50%); }
#lp-content .section-intro .v-line::after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0 0.2573vw 0.3676vw 0.2573vw; border-bottom-color: #ffffff; transform: translateX(-50%); }
#lp-content .section-intro .deco02{ padding-top: 7.3162%; height: 0; margin-left: 13.2352%; transform: translateX(-50%); }
#lp-content .section-intro .deco04{ margin-top: 1.0294%; }
#lp-content .section-intro .deco06{ margin-top: -1.0294%; }
#lp-content .section-intro .deco07{ margin-left: 15%; }
#lp-content .section-intro .deco08{ right: 0; margin-right: 15%; }
#lp-content .section-intro .deco10{ margin-top: 1%; }
#lp-content .section-intro .deco11{ margin: 16.95% 0 0 15%; top: 0; width: 46.95%; }
#lp-content .section-intro .deco12{ margin: 25.75% 0 0 15%; top: 0; width: 46.95%; }
#lp-content .section-intro .deco13{ margin: 18.2376% 0 0 51.9735%; top: 0; width: 47.3969%; }
#lp-content .section-intro .deco13::before,
#lp-content .section-intro .deco13::after{ display: none; }

#lp-content .phrase-body{ position: relative; padding: 5.5432% 0 5.8823%; }
#lp-content .phrase-body .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#lp-content .phrase-body .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: 7.3529vw; }
#lp-content .phrase-body .copy{ width: 47.2059%; margin-left: 26.3970%; position: relative; }

#lp-content .section-cmn{ display: flex; display: -ms-flex; flex-wrap: wrap; flex-direction: row-reverse; }
#lp-content .section-cmn .anchor{ position: absolute; margin-top: -10%; }
#lp-content .section-cmn .v-line{ position: absolute; top: 0; width: 1px; height: 100%; background-color: #1a1a1a; }
#lp-content .section-cmn .h-line{ position: absolute; left: 0; width: 100%; height: 1px; background-color: #1a1a1a; }
#lp-content .section-cmn .h-line::before{ content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.2573vw 0 0.2573vw 0.3676vw; border-left-color: #1a1a1a; transform: translateY(-50%); }
#lp-content .section-cmn .h-line::after{ content: ""; position: absolute; right: 0; top: 50%; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.2573vw 0.3676vw 0.2573vw 0; border-right-color: #1a1a1a; transform: translateY(-50%); }
#lp-content .section-cmn .v-line::before{ content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.3676vw 0.2573vw 0 0.2573vw; border-top-color: #1a1a1a; transform: translateX(-50%); }
#lp-content .section-cmn .v-line::after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0 0.2573vw 0.3676vw 0.2573vw; border-bottom-color: #1a1a1a; transform: translateX(-50%); }
#lp-content .section-cmn .section-ttl{ width: 11.7647%; position: relative; }
#lp-content .section-cmn .section-ttl .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#lp-content .section-cmn .section-ttl .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: 7.3529vw; }
#lp-content .section-cmn .section-ttl .ttl{ position: absolute; bottom: 100%; }
#lp-content .section-cmn .section-body{ width: 88.2353%; position: relative; padding-bottom: 28.9706%; z-index: 150; }
#lp-content .section-cmn .section-body .bg02{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#lp-content .section-cmn .section-body .bg02 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; }
#lp-content .section-cmn .section-body .head-body{ position: relative; }
#lp-content .section-cmn .section-body .head-body .bubble{ position: absolute; left: 0; top: 0; }
#lp-content .section-cmn .section-body .head-body .movie-bnr{ width: 56.6667%; margin-left: auto; box-shadow: 0 0.3676vw 0.7352vw rgba(0,0,0,0.35); background-color: #101010; position: relative; z-index: 50; }
#lp-content .section-cmn .section-body .head-body .movie-bnr a{ position: relative; }
#lp-content .section-cmn .section-body .head-body .movie-bnr a::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 3px solid #1a1a1a; }
#lp-content .section-cmn .section-body .head-body .movie-bnr a .icon{ position: absolute; left: 50%; top: 50%; width: 23.8235%; transform: translate(-50%,-50%); }
#lp-content .section-cmn .section-body .head-body .txt-body{ width: 28.3333%; border: solid #1a1a1a; border-width: 1px 0; position: absolute; left: 0; top: 0; margin: 21.6666% 0 0 15%; box-sizing: border-box; padding: 1.3333% 0 1.9166% 2.5%; }
#lp-content .section-cmn .section-body .head-body .txt-body .txt{ font-size: 2.5vw; line-height: 1.2; font-weight: 700; color: #1a1a1a; }
#lp-content .section-cmn .section-body .head-body .txt-body .sub{ font-size: 1.3441vw; line-height: 1.5; font-weight: 700; color: #1a1a1a; background-color: #cccccc; margin-top: 0.9558vw; padding-left: 0.7353vw; }
#lp-content .section-cmn .section-body .head-body .txt-body .sub .tail{ padding-left: 0.5em; }
#lp-content .section-cmn .section-body .eita-body{ position: relative; z-index: 100; padding-top: 26%; }
#lp-content .section-cmn .section-body .eita-body .bubble,
#lp-content .section-cmn .section-body .eita-body .photo,
#lp-content .section-cmn .section-body .eita-body .txt{ position: absolute; left: 0; top: 0; }
#lp-content .section-cmn .section-body .eita-body .photo{ top: auto; bottom: 0; }
#lp-content .section-cmn .section-body .point-body{ width: 70.8333%; position: relative; padding-top: 39.1666%; margin-top: 1.3333%; margin-left: 15%; }
#lp-content .section-cmn .section-body .point-body .point{ position: absolute; left: 0; top: 0; width: 50%; }
#lp-content .section-cmn .section-body .point-body .point02{ left: auto; right: 0; }
#lp-content .section-cmn .cust-body{ width: 100%; position: relative; z-index: 150; }
#lp-content .section-cmn .cust-body .bg03{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#lp-content .section-cmn .cust-body .bg03 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: 7.3529vw; }
#lp-content .section-cmn .cust-body .photo{ position: absolute; left: 0; bottom: 0; z-index: 100; }
#lp-content .section01 .section-ttl .ttl{ width: 43.2056vw; left: 0; transform-origin: 0 bottom; transform: rotate(90deg); }
#lp-content .section01 .section-body .head-body .bubble{ width: 34.1667%; margin: -4.0833% 0 0 8.5%; }
#lp-content .section01 .section-body .eita-body .bubble{ width: 22.3333%; margin: 4.3333% 0 0 35.6666%; }
#lp-content .section01 .section-body .eita-body .photo{ width: 22.5833%; margin-left: 11.6667%; }
#lp-content .section01 .section-body .eita-body .txt{ width: 57.0833%; margin: 11.6666% 0 0 35.6666%; }
#lp-content .section01 .section-body .point-body .point01{ width: 49.4118%; }
#lp-content .section01 .section-body .point-body .point02{ width: 50.5882%; }
#lp-content .section01 .cust-body{ padding-top: 25.5147%; }
#lp-content .section01 .cust-body .photo{ width: 36.8382%; margin: 0 0 15.2205% 45.2206%; }
#lp-content .section02{ flex-direction: row; }
#lp-content .section02 .section-ttl .ttl{ width: 47.5735vw; right: 0; transform-origin: right bottom; transform: rotate(-90deg); }
#lp-content .section02 .section-body .head-body .bubble{ width: 34.1666%; margin: -4.2922% 0 0 59.3511%; }
#lp-content .section02 .section-body .head-body .movie-bnr{ margin-left: 0; margin-right: auto; }
#lp-content .section02 .section-body .head-body .txt-body{ margin: 21.6666% 15% 0 0; left: auto; right: 0; padding: 1.3333% 2.5% 1.9166% 0; text-align: right; }
#lp-content .section02 .section-body .head-body .txt-body .sub{ padding: 0 0.7353vw 0 0; }
#lp-content .section02 .section-body .eita-body .bubble{ width: 22.3333%; margin: 2.9166% 0 0 46.0833%; }
#lp-content .section02 .section-body .eita-body .photo{ width: 27.7500%; margin-left: 67.1666%; }
#lp-content .section02 .section-body .eita-body .txt{ width: 52.4166%; margin: 10.5833% 0 0 15.9166%; }
#lp-content .section02 .cust-body{ padding-top: 25.9558%; }
#lp-content .section02 .cust-body .photo{ width: 34.9264%; margin: 0 0 15.7352% 20.5147%; }
#lp-content .section03 .section-ttl .ttl{ width: 43.8970vw; left: 0; transform-origin: 0 bottom; transform: rotate(90deg); }
#lp-content .section03 .section-body{ padding-bottom: 12.5%; }
#lp-content .section03 .section-body .head-body .bubble{ width: 34.1666%; margin: -3.4583% 0 0 7.3525%; }
#lp-content .section03 .section-body .eita-body .bubble{ width: 22.3333%; margin: 4.25% 0 0 35.9166%; }
#lp-content .section03 .section-body .eita-body .photo{ width: 26.4166%; margin-left: 5.1666%; }
#lp-content .section03 .section-body .eita-body .txt{ width: 63.9166%; margin: 12.8333% 0 0 32.4554%; }
#lp-content .section03 .cust-body{ padding-top: 12.5%; }

#lp-content .section-cmn .deco01{ left: 0; margin-left: 15%; }
#lp-content .section-cmn .deco04{ margin-top: 1.3333%; }
#lp-content .section-cmn .deco06{ margin-left: 50%; }
#lp-content .section-cmn .deco07{ left: auto; right: 0; }
#lp-content .section-cmn .deco09{ margin-top: 1.3333%; }
#lp-content .section-cmn .deco10{ margin-top: 19.5%; }
#lp-content .section-cmn .deco11{ margin-top: 20.8333%; }
#lp-content .section-cmn .deco10::before,
#lp-content .section-cmn .deco11::before,
#lp-content .section-cmn .deco10::after,
#lp-content .section-cmn .deco11::after{ display: none; }
#lp-content .section01 .deco06{ margin-left: 49.4118%; }
#lp-content .section02 .deco01{ left: auto; right: 0; margin-left: 0; margin-right: 15%; }

#lp-content .section04{ position: relative; padding: 0 0 11.9852%; }
#lp-content .section04 .anchor{ position: absolute; margin-top: -10%; }
#lp-content .section04 .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#lp-content .section04 .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; }
#lp-content .section04 .eita-body{ position: relative; z-index: 150; padding-top: 29.5588%; }
#lp-content .section04 .eita-body .copy{ position: absolute; left: 0; top: 0; width: 40.964%; margin: 4.1046% 0 0 21.3688%; }
#lp-content .section04 .eita-body .photo{ position: absolute; left: 0; bottom: 0; width: 22.7941%; margin: 0 0 0 61.9852%; }
#lp-content .section04 .eita-body .ttl{ position: absolute; left: 0; top: 0; width: 42.3298%; margin: 16.8885% 0 0 17.6613%!important; }
#lp-content .section04 .eita-body .txt{ position: absolute; left: 0; top: 0; width: 38.0256%; margin: 22.2794% 0 0 22.7075%; font-size: 1.2235vw; line-height: 1.9444; color: #000000; font-weight: 500; letter-spacing: -0.025em; }
#lp-content .section04 .feature01{ position: relative; z-index: 50; }
#lp-content .section04 .feature01 .copy{ width: 38.8970%; margin: 1.2030% 0 0 44.9264%; position: absolute; left: 0; top: 0; }
#lp-content .section04 .feature01 .photo{ width: 33.5294%; margin-left: 13.2353%; }
#lp-content .section04 .feature01 .txt-body{ width: 37.2058%; position: absolute; left: 0; bottom: 0; margin: 0 0 0.7352% 47.7205%; }
#lp-content .section04 .feature01 .txt-body .head{ border: 1px solid #000000; font-size: 1.1397vw; line-height: 1.5; color: #000000; font-weight: 500; text-align: center; padding: 0 0.5em; display: inline-block; }
#lp-content .section04 .feature01 .txt-body .txt{ font-size: 0.7588vw; line-height: 1.54; color: #000000; font-weight: 400; margin-top: 0.7353vw; }
#lp-content .section04 .feature02{ position: relative; z-index: 50; padding-top: 27.6470%; }
#lp-content .section04 .feature02 .head{ width: 33.6765%; position: absolute; left: 0; top: 0; margin: 0.8823% 0 0 33.1617%; }
#lp-content .section04 .feature02 .photo-body{ position: absolute; left: 0; top: 0; width: 25.6618%; margin-top: 5.1471%; }
#lp-content .section04 .feature02 .photo-body .txt{ position: relative; left: 50%; transform: translateX(-50%); display: inline-block; white-space: nowrap; font-size: 1.3970vw; line-height: 1.5; font-weight: 500; color: #000000; border: 1px solid #000000; padding: 0 0.5em; text-align: center; margin: 4.298% 0 0; }
#lp-content .section04 .feature02 .photo-body01{ margin-left: 21.1764%; }
#lp-content .section04 .feature02 .arrow{ position: absolute; left: 0; top: 0; width: 4.7059%; line-height: 0; margin: 6.4705% 0 0 47.0588%; }
#lp-content .section04 .feature02 .photo-body02{ margin-left: 50%; }
#lp-content .section04 .feature02 .photo-body02 .photo{ transform: scale(1.108); }
#lp-content .section04 .btn-body{ position: relative; z-index: 50; margin-bottom: -1px; }
#lp-content .section04 .btn-body .btn01{ width: 73.6029%; box-sizing: border-box; border: 1px solid #ce4903; margin: 0 auto; }
#lp-content .section04 .btn-body .btn01 a{ display: block; color: #ce4903; font-size: 2.2058vw; line-height: 1.5; font-weight: 500; text-align: center; position: relative; padding-top: 8.5%; background: rgba(0,0,0,0); }
#lp-content .section04 .btn-body .btn01 a .word{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); white-space: nowrap; }
#lp-content .section04 .btn-body .btn01 a .icon{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2.35%; margin-right: 7.6552%; line-height: 0; }
#lp-content .section04 .btn-body .btn01 a .icon svg{ fill: #ce4903; }
#lp-content .section04 .btn-body .caption-body{ width: 67.2794%; margin: 1.25% auto 0; padding-bottom: 2.2058%; }
#lp-content .section04 .btn-body .caption-body .head{ font-size: 1.1029vw; line-height: 1.5; border: 1px solid #000000; display: inline-block; padding: 0 0.5em; font-weight: 400; }
#lp-content .section04 .btn-body .caption-body .head~.head{ margin-top: 2.1858%; }
#lp-content .section04 .btn-body .caption-body .caption{ font-size: 0.8823vw; line-height: 1.41; font-weight: 400; color: #000000; margin-top: 0.5464%; }
#lp-content .section04 .v-line{ position: absolute; top: 0; width: 1px; height: 100%; background: linear-gradient(to bottom, #999999 0%, #e6e6e6 53%, #666666 100%); }
#lp-content .section04 .h-line{ position: absolute; left: 0; width: 100%; height: 1px; background: linear-gradient(to right, #999999 0%, #e6e6e6 53%, #666666 100%); }
#lp-content .section04 .v-line::before{ content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.3676vw 0.2573vw 0 0.2573vw; border-top-color: #999999; transform: translateX(-50%); }
#lp-content .section04 .v-line::after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0 0.2573vw 0.3676vw 0.2573vw; border-bottom-color: #666666; transform: translateX(-50%); }
#lp-content .section04 .h-line::before{ content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.2573vw 0 0.2573vw 0.3676vw; border-left-color: #999999; transform: translateY(-50%); }
#lp-content .section04 .h-line::after{ content: ""; position: absolute; right: 0; top: 50%; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.2573vw 0.3676vw 0.2573vw 0; border-right-color: #666666; transform: translateY(-50%); }
#lp-content .section04 .deco01{ left: 0; margin-left: 13.2352%; transform: translateX(-50%); }
#lp-content .section04 .deco02{ right: 0; margin-right: 13.2352%; transform: translateX(50%); }
#lp-content .section04 .deco04{ width: 73.6029%; margin-left: 13.19855%; }
#lp-content .section04 .deco07{ margin-top: 1.1029%; }

#lp-content .section-end{ position: relative; padding: 10% 0 7.3529%; }
#lp-content .section-end .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#lp-content .section-end .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; }
#lp-content .section-end .ttl{ width: 29.4118%; margin-left: 15.2877%!important; position: relative; z-index: 50; }
#lp-content .section-end .support-list{ width: 73.6029%; margin: 0 auto; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; margin-top: 3.0147%; position: relative; z-index: 50; }
#lp-content .section-end .support-list .item{ width: 32.0679%; padding-top: 22.0779%; box-shadow: 0 0.7352vw 0.3676vw rgba(0,0,0,0.4); position: relative; background-color: #ffffff; overflow: hidden; }
#lp-content .section-end .support-list .item:nth-child(n+4){ width: 49.0509%; margin-top: 2.2954%; }
#lp-content .section-end .support-list .item::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ffffff; z-index: 5; }
#lp-content .section-end .support-list .item .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 10; }
#lp-content .section-end .support-list .item .illust{ position: absolute; left: 0; top: 0; }
#lp-content .section-end .support-list .item .txt{ position: absolute; left: 0; top: 0; font-size: 2.1323vw; line-height: 1.0344; font-weight: 500; color: #1a1a1a; }
#lp-content .section-end .support-list .item01 .illust{ width: 10.8864vw; margin: 6.3566vw 0 0 3.1581vw; }
#lp-content .section-end .support-list .item02 .illust{ width: 17.7205vw; margin: 6.7242vw 0 0 -0.3170vw; }
#lp-content .section-end .support-list .item03 .illust{ width: 21.4705vw; margin: 5.9748vw 0 0 -2.6103vw; }
#lp-content .section-end .support-list .item04 .illust{ width: 22.2794vw; margin: 4.4115vw 0 0 1.1764vw; overflow: hidden; }
#lp-content .section-end .support-list .item04 .illust img{ margin-left: -5.2136vw; }
#lp-content .section-end .support-list .item05 .illust{ width: 17.9411vw; margin: 3.7631vw 0 0 0.3676vw; overflow: hidden; }
#lp-content .section-end .support-list .item05 .illust img{ width: 150.8196%; margin-left: -5.6695vw; }
#lp-content .section-end .support-list .item01 .txt,
#lp-content .section-end .support-list .item02 .txt,
#lp-content .section-end .support-list .item03 .txt{ margin-top: 3.6764vw; transform: translateY(-50%); width: 100%; text-align: center; }
#lp-content .section-end .support-list .item04 .txt,
#lp-content .section-end .support-list .item05 .txt{ top: 50%; transform: translateY(-50%); margin-left: 20.2205vw; }
#lp-content .section-end .support-list .item .icon{ position: absolute; right: 0; bottom: 0; margin: 0 0.6617vw 0.6617vw 0; width: 2.7941vw; height: 2.7941vw; background-color: #dee3e3; }
#lp-content .section-end .support-list .item .icon .arrow{ width: 38.1579%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 0; }
#lp-content .section-end .sns-body{ margin-top: 10.8823%; position: relative; z-index: 50; }
#lp-content .section-end .sns-body .head{ width: 20.3676%; margin: 0 auto; }
#lp-content .section-end .sns-body .sns-list{ margin: 2.7941% auto 0; width: 13.8235%; display: flex; display: -ms-flex; justify-content: space-between; align-items: flex-end; }
#lp-content .section-end .sns-body .sns-list .item01{ width: 46.8085%; }
#lp-content .section-end .sns-body .sns-list .item02{ width: 42.5531%; }
#lp-content .section-end .v-line{ position: absolute; top: 0; width: 1px; height: 100%; background-color: #ffffff; }
#lp-content .section-end .h-line{ position: absolute; left: 0; width: 100%; height: 1px; background-color: #ffffff; }
#lp-content .section-end .v-line::before{ content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.3676vw 0.2573vw 0 0.2573vw; border-top-color: #ffffff; transform: translateX(-50%); }
#lp-content .section-end .h-line::before{ content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.2573vw 0 0.2573vw 0.3676vw; border-left-color: #ffffff; transform: translateY(-50%); }
#lp-content .section-end .h-line::after{ content: ""; position: absolute; right: 0; top: 50%; width: 0; height: 0; line-height: 0; border: solid transparent; border-width: 0.2573vw 0.3676vw 0.2573vw 0; border-right-color: #ffffff; transform: translateY(-50%); }
#lp-content .section-end .deco01{ left: 0; margin-left: 13.2352%; transform: translateX(-50%); }
#lp-content .section-end .deco02{ right: 0; margin-right: 13.2352%; transform: translateX(50%); }
#lp-content .section-end .deco03{ margin-top: 1.1764%; }
#lp-content .section-end .deco04{ width: 73.6029%; margin: 41.397% 0 0 13.19855%; }
#lp-content .section-end .deco05{ width: 73.6029%; margin: 42.5% 0 0 13.19855%; }




@media only screen and (max-width: 767px) { /*767px以下*/
	#loader{ margin-top: 50px; }
	#lp-content .util-top{ position: absolute; top: auto; width: 100%; margin-left: 0; transform: translateY(0); }
	#lp-content .util-top.fixed{ position: fixed; transform: translateY(0); top: 0; }
	#lp-content .util-top .navi-list .navi a{ padding-top: 42.6666%; }
	#lp-content .util-bottom{ margin-top: 130.6667%; margin-left: 0; width: 100%; transform: translateY(-100%); }
	#lp-content .util-bottom.fixed{ margin-top: auto; margin-bottom: 0; transform: translateY(0); }
	#lp-content .util-bottom .navi-list{ box-shadow: none; }
	#lp-content .util-bottom .navi-list .navi a{ font-size: 3.2vw; line-height: 1.0833; padding-top: 28.4177%; border: solid #de713c; border-width: 1px 0; }
	#lp-content .util-bottom .navi-list .navi:nth-child(n+2) a{ border-left-width: 1px; }
	#lp-content .kv{ padding-top: 10.6667%; }
	#lp-content .kv .inner-body{ padding-top: 120%; }
	#lp-content .kv .car{ bottom: auto; top: 0; width: 106.1333%; margin: 53.6% 0 0 14.9333%; z-index: 10; }
	#lp-content .kv .cust01{ bottom: auto; top: 0; width: 27.4666%; margin: 20.2666% 0 0 54.4000%; }
	#lp-content .kv .cust02{ bottom: auto; top: 0; width: 30.4%; margin: 22.4000% 0 0 16.8%; }
	#lp-content .kv .eita{ bottom: auto; top: 0; width: 41.6%; margin: 16% 0 0 33.3333%; }
	#lp-content .kv .ttl .word01{ width: 70.3204%; margin: 6.5393% 0 0 1.5288%; }
	#lp-content .kv .ttl .word02{ width: 24.9954%; margin: 7.1731% 0 0 73.0628%; }
	#lp-content .kv .tvcm-navi{ width: 29.8666%; margin: 0 3.4666% 11.7333% 0; }

	#lp-content .section-intro{ padding: 0; }
	#lp-content .section-intro .intro{ padding: 9.6% 0 9.3333%; }
	#lp-content .section-intro .intro .head{ width: 64%; }
	#lp-content .section-intro .intro .txt{ font-size: 4.2666vw; margin-top: 6.6666%; }
	#lp-content .section-intro .characters{ padding: 0 0 10.6666%; }
	#lp-content .section-intro .characters .head{ width: 70.0753%; margin: 0 0 0 10.7733%!important; padding-top: 19.8400%; position: relative; }
	#lp-content .section-intro .characters .head img{ position: static; top: 0; transform: none; }
	#lp-content .section-intro .characters .about{ width: 89.3333%; border: none; box-shadow: 8vw 8vw 5.3333vw rgba(0,0,0,0.3); margin-bottom: 0; margin-top: 7.3066%; }
	#lp-content .section-intro .characters .about .eita-body{ padding: 40.5970% 0 5.9701%; }
	#lp-content .section-intro .characters .about .eita-body .copy{ width: 82.6808%; margin: 9.4295% 0 0 4.5886%; }
	#lp-content .section-intro .characters .about .eita-body .name{ position: relative; margin: 0 0 0 4.0326%; font-size: 6.4vw; }
	#lp-content .section-intro .characters .about .eita-body .name .sub{ font-size: 58.3333%; }
	#lp-content .section-intro .characters .about .eita-body .en{ width: 46.8907%; margin: 34.6603% 0 0 52.6467%; }
	#lp-content .section-intro .characters .about .eita-body .photo{ width: 48.5247%; margin: 0 0 0 42.1555%; }
	#lp-content .section-intro .characters .about .eita-body .txt{ position: relative; margin: 8.8397% 0 0 3.9361%; font-size: 4.5333vw; line-height: 1.5294; transform: scaleX(0.95); transform-origin: 0 0; }
	#lp-content .section-intro .characters .about .cust-body{ padding: 129.8507% 0 12.5373%; margin-top: 4.4776%; }
	#lp-content .section-intro .characters .about .cust-body .copy{ width: 73.5525%; margin: 9.0238% 0 0 23.1782%; }
	#lp-content .section-intro .characters .about .cust-body .name{ margin: 38.8495% 0 0 55.3467%; font-size: 5.9701vw; line-height: 1.2; }
	#lp-content .section-intro .characters .about .cust-body .en{ width: 91.0216%; margin: 36.9862% 0 0 -0.2268%; }
	#lp-content .section-intro .characters .about .cust-body .photo{ bottom: auto; top: 0; width: 103.8805%; margin: 64.7341% 0 0 -1.7910%; }
	#lp-content .section-intro .characters .about .cust-body .txt{ position: relative; left: 0; right: auto; margin: 0; width: 100%; font-size: 4.5333vw; line-height: 1.5294; text-align: center; }
	#lp-content .section-intro .h-line::before{ border-width: 0.8vw 0 0.8vw 1.0666vw; }
	#lp-content .section-intro .h-line::after{ border-width: 0.8vw 1.0666vw 0.8vw 0; }
	#lp-content .section-intro .v-line::before{ border-width: 1.0666vw 0.8vw 0 0.8vw; }
	#lp-content .section-intro .v-line::after{ border-width: 0 0.8vw 1.0666vw 0.8vw; }
	#lp-content .section-intro .deco03{ top: 0; margin-top: 8%; }
	#lp-content .section-intro .deco10{ margin-top: 4.4776%; }
	#lp-content .section-intro .deco11{ margin: 36.5671% 0 0 0; width: 100%; }
	#lp-content .section-intro .deco12{ margin: 58.3582% 0 0 0; width: 100%; }
	#lp-content .section-intro .deco13{ left: auto; right: 0; margin: 33.6791% 0 0 0; width: 68.8059%; }
	#lp-content .section-intro .deco14{ margin-left: 5.3333%; }
	#lp-content .section-intro .deco15{ left: auto; right: 0; margin-right: 5.3333%; }
	#lp-content .section-intro .deco16{ top: 0; margin-top: 73.8806%; }
	#lp-content .section-intro .deco17{ top: 0; margin-top: 124.839%; }
	#lp-content .section-intro .deco18{ top: 0; margin-top: 148.806%; }

	#lp-content .phrase-body{ padding: 20.1483% 0 14.2549%; }
	#lp-content .phrase-body .bg01 .fill{ background-size: 26.6666vw; }
	#lp-content .phrase-body .copy{ width: 93.6386%; margin-left: 2.8946%; }


	#lp-content .section-cmn{ flex-direction: row; }
	#lp-content .section-cmn .anchor{ margin-top: -20%; }
	#lp-content .section-cmn .h-line::before{ border-width: 0.8vw 0 0.8vw 1.0666vw; }
	#lp-content .section-cmn .h-line::after{ border-width: 0.8vw 1.0666vw 0.8vw 0; }
	#lp-content .section-cmn .v-line::before{ border-width: 1.0666vw 0.8vw 0 0.8vw; }
	#lp-content .section-cmn .v-line::after{ border-width: 0 0.8vw 1.0666vw 0.8vw; }
	#lp-content .section-cmn .section-ttl{ width: 100%; position: relative; padding-bottom: 35.2%; }
	#lp-content .section-cmn .section-ttl .bg01 .fill{ background-size: 26.6666vw; }
	#lp-content .section-cmn .section-ttl .ttl{ position: relative; bottom: auto; margin: 0 auto!important; }
	#lp-content .section-cmn .section-body{ width: 94.6666%; padding-bottom: 91.7333%; }
	#lp-content .section-cmn .section-body .head-body{ padding-top: 27.6056%; }
	#lp-content .section-cmn .section-body .head-body .movie-bnr{ width: 90.1408%; margin-right: -5.6338%; box-shadow: 0 1.3333vw 2.6666vw rgba(0,0,0,0.35); }
	#lp-content .section-cmn .section-body .head-body .movie-bnr a::before{ border-width: 2px; }
	#lp-content .section-cmn .section-body .head-body .movie-bnr a .icon{ width: 25%; }
	#lp-content .section-cmn .section-body .head-body .txt-body{ width: 67.6056%; border-width: 1px 1px 0 1px; position: relative; margin: -1px 0 0 0; padding: 5.3521% 7.1830% 3.6619%; }
	#lp-content .section-cmn .section-body .head-body .txt-body .txt{ font-size: 6.2333vw; }
	#lp-content .section-cmn .section-body .head-body .txt-body .sub{ font-size: 4.2666vw; margin-top: 2.6666vw; padding: 0.6666vw 2.1333vw; }
	#lp-content .section-cmn .section-body .eita-body{ padding-top: 102.2535%; }
	#lp-content .section-cmn .section-body .point-body{ width: 100%; padding-top: 0; margin-top: 3.9436%; margin-left: 0; }
	#lp-content .section-cmn .section-body .point-body .point{ position: relative; width: 100%; }
	#lp-content .section-cmn .section-body .point-body .point02{ margin-top: 3.9436%; }
	#lp-content .section-cmn .bg04{ width: 5.3334%; position: relative; }
	#lp-content .section-cmn .bg04 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: 26.6666vw; }
	#lp-content .section-cmn .cust-body .bg03 .fill{ background-size: 26.6666vw; }
	#lp-content .section01 .section-ttl .ttl{ width: 64.48%; left: auto; transform: none; }
	#lp-content .section01 .section-body .head-body .bubble{ width: 86.4952%; margin: -30.4239% 0 0 18.0188%; }
	#lp-content .section01 .section-body .eita-body .bubble{ width: 75.4929%; margin: 7.6056% 0 0 5.4929%; }
	#lp-content .section01 .section-body .eita-body .photo{ width: 54.6934%; margin-left: 0.8450%; }
	#lp-content .section01 .section-body .eita-body .txt{ width: 52.7447%; margin: 29.8360% 0 0 43.7374%; }
	#lp-content .section01 .cust-body{ padding-top: 46.9333%; }
	#lp-content .section01 .cust-body .photo{ width: 100%; margin: 0 0 19.9952% -3.4666%; }
	#lp-content .section02{ flex-direction: row-reverse; }
	#lp-content .section02 .section-ttl .ttl{ width: 64.48%; right: auto; transform: none; }
	#lp-content .section02 .section-body .head-body .bubble{ width: 86.4952%; margin: -30.7057% 0 0 7.8803%; }
	#lp-content .section02 .section-body .head-body .movie-bnr{ margin-left: -5.6338%; margin-right: auto; }
	#lp-content .section02 .section-body .head-body .txt-body{ margin-left: auto; text-align: left; }
	#lp-content .section02 .section-body .eita-body .bubble{ width: 75.4929%; margin: 5.2770% 0 0 10.9859%; }
	#lp-content .section02 .section-body .eita-body .photo{ width: 72.9577%; margin-left: 44.7887%; }
	#lp-content .section02 .section-body .eita-body .txt{ width: 48.4574%; margin: 28.5534% 0 0 3.8440%; }
	#lp-content .section02 .cust-body{ padding-top: 48%; }
	#lp-content .section02 .cust-body .photo{ width: 104%; margin: 0 0 23.6092% -5.0666%; }
	#lp-content .section03 .section-ttl .ttl{ width: 64.48%; left: auto; transform: none; }
	#lp-content .section03 .section-body{ padding-bottom: 54.9295%; }
	#lp-content .section03 .section-body .head-body .bubble{ width: 86.4952%; margin: -30.9874% 0 0 17.7371%; }
	#lp-content .section03 .section-body .eita-body .bubble{ width: 75.4929%; margin: 6.9671% 0 0 5.4929%; }
	#lp-content .section03 .section-body .eita-body .photo{ width: 63.0985%; margin-left: -1.4084%; overflow: hidden; }
	#lp-content .section03 .section-body .eita-body .photo img{ margin-bottom: -17.1516vw; }
	#lp-content .section03 .section-body .eita-body .txt{ width: 49.5860%; margin: 30.4008% 0 0 48.2547%; }
	#lp-content .section03 .cust-body{ padding-top: 49.0666%; }
	#lp-content .section-cmn .deco01{ left: 0; margin-left: 15%; }
	#lp-content .section-cmn .deco04{ margin-top: 3.9436%; }
	#lp-content .section-cmn .deco09{ margin-top: 3.9436%; }
	#lp-content .section-cmn .deco13{ margin-top: 3.9436%; }
	#lp-content .section02 .deco01{ left: auto; right: 0; margin-left: 0; margin-right: 15%; }

	#lp-content .section04{ padding: 0; }
	#lp-content .section04 .anchor{ margin-top: -11%; }
	#lp-content .section04 .eita-body{ padding: 131.2000% 0 8.7999%; }
	#lp-content .section04 .eita-body .copy{ width: 42.7006%; margin: 21.3846% 0 0 7.7705%; }
	#lp-content .section04 .eita-body .photo{ bottom: auto; top: 0; width: 50.9333%; margin: 17.3333% 0 0 46.9333%; padding-top: 73.3333%; overflow: hidden; }
	#lp-content .section04 .eita-body .photo img{ position: absolute; left: 0; top: 0; width: 100%; height: auto; }
	#lp-content .section04 .eita-body .ttl{ width: 86.1187%; margin: 100.4859% 0 0 7.0337%!important; }
	#lp-content .section04 .eita-body .txt{ position: relative; width: 100%; margin: 0; font-size: 4.8vw; line-height: 1.9444; text-align: center; }
	#lp-content .section04 .feature01 .copy{ width: 77.4622%; margin: 4.2114% 0 0 17.9940%; }
	#lp-content .section04 .feature01 .photo{ width: 100%; margin-left: 0; }
	#lp-content .section04 .feature01 .txt-body{ width: auto; position: relative; left: auto; bottom: auto; margin: auto; padding: 6% 6% 10%; }
	#lp-content .section04 .feature01 .txt-body .head{ font-size: 4.4666vw; }
	#lp-content .section04 .feature01 .txt-body .txt{ font-size: 3.2vw; line-height: 1.41; margin-top: 1.3333%; }
	#lp-content .section04 .feature02{ padding: 5.8666% 0 2.6666%; }
	#lp-content .section04 .feature02 .head{ width: 80.9812%; position: relative; margin: 0.8823% 0 0 7.4666%; }
	#lp-content .section04 .feature02 .photo-body{ position: relative; width: 64.5333%; }
	#lp-content .section04 .feature02 .photo-body .txt{ font-size: 3.2vw; }
	#lp-content .section04 .feature02 .photo-body01{ margin: -0.5333% 0 0 6.4%; }
	#lp-content .section04 .feature02 .arrow{ width: 9.4568%; margin: 48% 0 0 76.8%; }
	#lp-content .section04 .feature02 .photo-body02{ margin: -0.5333% 0 0 28.5333%; }
	#lp-content .section04 .btn-body{ margin-bottom: 0; padding: 3.2% 0 8%; }
	#lp-content .section04 .btn-body .btn01{ width: 80.8000%;  position: relative; z-index: 150; }
	#lp-content .section04 .btn-body .btn01 a{ font-size: 5.0666vw; line-height: 1.3684; padding-top: 22.6865%; }
	#lp-content .section04 .btn-body .btn01 a .word{ left: 0; transform: translateY(-50%); margin-left: 9.3033%; text-align: left; }
	#lp-content .section04 .btn-body .btn01 a .icon{ width: 5.7983%; margin-right: 8.5809%; }
	#lp-content .section04 .btn-body .caption-body{ width: 80.8000%; margin: 12.25% auto 0; padding-bottom: 0; }
	#lp-content .section04 .btn-body .caption-body .head{ font-size: 4vw; }
	#lp-content .section04 .btn-body .caption-body .head~.head{ margin-top: 7.5907%; }
	#lp-content .section04 .btn-body .caption-body .caption{ font-size: 3.2vw; margin-top: 1.3333%; }
	#lp-content .section04 .h-line::before{ border-width: 0.8vw 0 0.8vw 1.0666vw; }
	#lp-content .section04 .h-line::after{ border-width: 0.8vw 1.0666vw 0.8vw 0; }
	#lp-content .section04 .v-line::before{ border-width: 1.0666vw 0.8vw 0 0.8vw; }
	#lp-content .section04 .v-line::after{ border-width: 0 0.8vw 1.0666vw 0.8vw; }
	#lp-content .section04 .deco04{ width: 100%; margin-left: 0; }
	#lp-content .section04 .deco07{ margin-top: 1.1029%; }
	#lp-content .section04 .deco08{ top: 0; margin-top: 90.4%; }
	#lp-content .section04 .deco09{ top: 0; margin-top: 94.8%; }
	#lp-content .section04 .deco10{ top: 0; margin-top: 125.6%; }
	#lp-content .section04 .deco11{ margin-left: 5.3333%; }
	#lp-content .section04 .deco12{ left: auto; right: 0; margin-right: 5.3333%; }
	#lp-content .section04 .deco13{ margin-top: 4.2666%; }
	#lp-content .section04 .deco14{ margin-top: 8.2666%; }

	#lp-content .section-end{ padding: 26.9333% 0 25.6%; }
	#lp-content .section-end .ttl{ width: 64.2666%; margin-left: 9.0434%!important;  }
	#lp-content .section-end .support-list{ width: 89.3333%; margin-top: 25.0666%; }
	#lp-content .section-end .support-list .item:nth-child(n){ width: 100%; box-shadow: 0 2.6666vw 1.3333vw rgba(0,0,0,0.3); padding-top: 38.8059%; }
	#lp-content .section-end .support-list .item:nth-child(n+2){ margin-top: 6.5671%; }
	#lp-content .section-end .support-list .item .txt{ top: 50%; font-size: 4.3vw; line-height: 1.5555; text-align: left; margin: 0 0 0 52.2388%; }
	#lp-content .section-end .support-list .item01 .illust{ width: 33.7106%; margin: 7.8621% 0 0 2.3369%; }
	#lp-content .section-end .support-list .item02 .illust{ width: 60.3376%; margin: 7.2235% 0 0 -12.3596%; }
	#lp-content .section-end .support-list .item03 .illust{ width: 37.9104%; margin: 10.0137% 0 0 0; overflow: hidden; }
	#lp-content .section-end .support-list .item03 .illust img{ width: 185.3537%; margin-left: -20.4879vw; }
	#lp-content .section-end .support-list .item04 .illust{ width: 61.8598%; margin: 8.5508% 0 0 -14.5195%; }
	#lp-content .section-end .support-list .item04 .illust img{ margin-left: 0; }
	#lp-content .section-end .support-list .item05 .illust{ width: 46.8656%; margin: 6.0231% 0 0 0; }
	#lp-content .section-end .support-list .item05 .illust img{ width: 160.4071%; margin-left: -14.0383vw; }
	#lp-content .section-end .support-list .item01 .txt{ margin-left: 43.8806%; }
	#lp-content .section-end .support-list .item .icon{ bottom: auto; top: 50%; margin: 0 2.9850% 0 0; width: 10.1333vw; height: 10.1333vw; transform: translateY(-50%); }

	#lp-content .section-end .sns-body{ margin-top: 16.2666%; }
	#lp-content .section-end .sns-body .head{ width: 63.1882%; }
	#lp-content .section-end .sns-body .sns-list{ margin: 9.4296% auto 0; width: 52.7672%; }
	#lp-content .section-end .v-line::before{ border-width: 1.0666vw 0.8vw 0 0.8vw; }
	#lp-content .section-end .h-line::before{ border-width: 0.8vw 0 0.8vw 1.0666vw; }
	#lp-content .section-end .h-line::after{ border-width: 0.8vw 1.0666vw 0.8vw 0; }
	#lp-content .section-end .deco01{ margin-left: 5.3333%; }
	#lp-content .section-end .deco02{ margin-right: 5.3333%; }
	#lp-content .section-end .deco04,
	#lp-content .section-end .deco05{ width: 89.3333%; margin-left: 5.3334%; }
	#lp-content .section-end .deco04{ margin-top: 10.1333%; }
	#lp-content .section-end .deco05{ margin-top: 14.1333%; }
}







/*modal*/
/*-------------------------------------------------------*/
.iziModal{ background-color: transparent; box-shadow: none; }
.iziModal-content *{ -webkit-font-smoothing: subpixel-antialiased; }
.modal-view{ width: 90%!important; max-width: 844px!important; border-radius: 0!important; z-index: 8000!important; }
.iziModal-navigate{ z-index: 8001!important; }
.iziModal-overlay{ z-index: 7998!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 .close-btn{ width: 7.2274%; padding-top: 7.2274%; background-color: #1a1a1a; position: fixed; right: 0; top: 0; box-sizing: border-box; cursor: pointer; color: transparent; z-index: 7002; height: 0; }
.modal-view .close-btn::before,
.modal-view .close-btn::after{ content: ""; width: 50%; height: 1px; background-color: #ffffff; position: absolute; left: 50%; top: 50%; }
.modal-view .close-btn::before{ transform: translate(-50%,-50%) rotate(45deg); }
.modal-view .close-btn::after{ transform: translate(-50%,-50%) rotate(-45deg); }
.modal-view .modal-inner{ padding: 7.2274% 0; position: relative; }
.modal-view .modal-inner .player-wrapper{ width: 100%; padding-top: 56.25%; position: relative; margin: 0 auto; }
.modal-view .modal-inner .player-wrapper.short{ width: 56.25dvh; padding-top: 100dvh; }
.modal-view .modal-inner .foot-close-btn{ display: none; }
#ytplayer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#modal-content01{ width: 62.0588%!important; max-width: none!important; }
#modal-content01 .modal-inner{ background-color: #ffffff; padding: 7.1090% 11.4928% 4.1469%; }
#modal-content01 .close-btn{ margin: 1.3033% 1.3033% 0 0; }
#modal-content01 .head{ font-size: 1.8382vw; line-height: 1.2; color: #ce4903; font-weight: 500; font-family: 'YakuHanJP','Noto Sans JP',sans-serif; }
#modal-content01 .list-item{ display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; margin-top: 3.0769%; }
#modal-content01 .list-item .item{ width: 32.005%; }
#modal-content01 .list-item .item:nth-child(n+4){ margin-top: 1.5384%; }
#modal-content01 .list-item .item .photo{ line-height: 0; }
#modal-content01 .list-item .item .photo img{ width: 100%; height: auto; }
#modal-content01 .list-item .item .txt{ font-size: 0.8823vw; line-height: 1.5; color: #000000; font-weight: 500; font-family: 'YakuHanJP','Noto Sans JP',sans-serif; margin-top: 0.4412vw; }
@media only screen and (max-width: 767px) { /*767px以下*/
	.modal-view{ width: 100%!important; }
	.modal-view .close-btn{ width: 16.2666%; padding-top: 16.2666%; }
	.modal-view .modal-inner{ padding: 16.2666% 0; }
	#modal-content01{ width: 93.3333%!important; }
	#modal-content01 .modal-inner{ background-color: #ffffff; padding: 24.2857% 5.4285% 16%; }
	#modal-content01 .close-btn{ width: 17.4285%; margin: 2.8571% 2.8571% 0 0; }
	#modal-content01 .head{ font-size: 6.6666vw; line-height: 1.32; text-align: center; }
	#modal-content01 .list-item{ margin: 9.6153% auto 0; width: 69.2308%; }
	#modal-content01 .list-item .item{ width: 100%; }
	#modal-content01 .list-item .item:nth-child(n+2){ margin-top: 5.6737%; }
	#modal-content01 .list-item .item .txt{ font-size: 3.4666vw; line-height: 1.3; margin-top: 0.8vw; }
	#modal-content01 .foot-close-btn{ display: block; width: 58.0327%; padding-top: 14.7540%; box-sizing: border-box; border: 1px solid #000000; background-color: rgba(0,0,0,0); position: relative; color: #1a1a1a; font-size: 5.0666vw; font-family: 'YakuHanJP','Noto Sans JP',sans-serif; font-weight: 500; margin: 11.4754% auto 0; }
	#modal-content01 .foot-close-btn .word{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
	#modal-content01 .foot-close-btn .icon{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11.2994%; padding-top: 11.2994%; margin-right: 10%; }
	#modal-content01 .foot-close-btn .icon::before,
	#modal-content01 .foot-close-btn .icon::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 141.42%; height: 1px; background-color: #1a1a1a; }
	#modal-content01 .foot-close-btn .icon::before{ transform: translate(-50%,-50%) rotate(45deg); }
	#modal-content01 .foot-close-btn .icon::after{ transform: translate(-50%,-50%) rotate(-45deg); }
}
@media only screen and (max-width: 480px) { /*480px以下*/
	.modal-view .modal-inner .player-wrapper.short{ width: 100%; padding-top: 177.78%; }
}




/*animation*/
/*-------------------------------------------------------*/
#loader-bg.complete .fill{ transform: translateX(100%); transition: transform 1s; }
#loader.complete{ opacity: 0; transition: opacity 1s; }
#loader .progress{ transform: scaleX(0); transition: transform 0.2s; transform-origin: 0 0; }

#lp-content .util-top{ transform: translateY(-101%); transition: transform 0.5s; }
#lp-content .util-top.fixed{ transform: translateY(0); }
#lp-content .util-bottom.fixed{ animation: util_animation 0.5s forwards; }
#lp-content .kv .car{ opacity: 0; transform: scale(0.8); transform-origin: right bottom; }
#lp-content .kv.show .car{ opacity: 1; transform: scale(1); transition: opacity 1s, transform 1s; }
#lp-content .kv .cust01,
#lp-content .kv .cust02,
#lp-content .kv .eita{ opacity: 0; overflow: hidden; }
#lp-content .kv.show .cust01,
#lp-content .kv.show .cust02,
#lp-content .kv.show .eita{ opacity: 1; transition: opacity 1s; transition-delay: 0.2s; }
#lp-content .kv .cust01 img{ transform: translate(-50%,100%); }
#lp-content .kv .cust02 img{ transform: translate(50%,100%); }
#lp-content .kv .eita img{ transform: translateY(100%); }
#lp-content .kv.show .cust01 img{ transform: translate(0,0); transition: transform 1s; transition-delay: 0.2s; }
#lp-content .kv.show .cust02 img{ transform: translate(0,0); transition: transform 1s; transition-delay: 0.2s; }
#lp-content .kv.show .eita img{ transform: translateY(0); transition: transform 1s; transition-delay: 0.2s; }
#lp-content .kv .ttl{ opacity: 0; transform: scale(1.5); }
#lp-content .kv.show .ttl{ opacity: 1; transform: scale(1); transition: opacity 1s, transform 1s; transition-delay: 0.5s; }
#lp-content .section-intro .intro .head{ opacity: 0; transform: scale(1.3); }
#lp-content .section-intro .intro .head.show{ opacity: 1; transform: scale(1); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section-intro .intro .txt{ opacity: 0; }
#lp-content .section-intro .intro .txt.show{ opacity: 1; transition: opacity 0.5s; }
#lp-content .section-intro .v-line,
#lp-content .section-cmn .v-line,
#lp-content .section04 .v-line,
#lp-content .section-end .v-line{ transform: scaleY(0); transform-origin: 0 0; }
#lp-content .section-intro .h-line,
#lp-content .section-cmn .h-line,
#lp-content .section04 .h-line,
#lp-content .section-end .h-line{ transform: scaleX(0); transform-origin: 0 0; }
#lp-content .section-intro .v-line.show,
#lp-content .section-cmn .v-line.show,
#lp-content .section04 .v-line.show,
#lp-content .section-end .v-line.show{ transform: scaleY(1); transition: transform 0.5s; }
#lp-content .section-intro .h-line.show,
#lp-content .section-cmn .h-line.show,
#lp-content .section04 .h-line.show,
#lp-content .section-end .h-line.show{ transform: scaleX(1); transition: transform 0.5s; }
#lp-content .section-intro .characters .head{ opacity: 0; transform: scale(1.3); }
#lp-content .section-intro .characters .head.show{ opacity: 1; transform: scale(1); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section-intro .characters .about .copy{ opacity: 0; transform: translateX(50px); }
#lp-content .section-intro .characters .about .copy.show{ opacity: 1; transform: translateX(0); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section-intro .characters .about .photo{ opacity: 0; transform: translateX(50px); }
#lp-content .section-intro .characters .about .copy.show~.photo{ opacity: 1; transform: translateX(0); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.1s; }
#lp-content .section-intro .characters .about .name{ opacity: 0; transform: translateX(50px); }
#lp-content .section-intro .characters .about .name.show{ opacity: 1; transform: translateX(0); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section-intro .characters .about .en,
#lp-content .section-intro .characters .about .txt{ opacity: 0; }
#lp-content .section-intro .characters .about .en.show,
#lp-content .section-intro .characters .about .txt.show{ opacity: 1; transition: opacity 0.5s; }
#lp-content .phrase-body .copy .char{ opacity: 0; transform: scale(2) translateY(-100px) rotate(50deg); transform-box: fill-box; }
#lp-content .phrase-body .copy svg{ overflow: visible; }
#lp-content .phrase-body .copy.show .char{ opacity: 1; transform: scale(1) translateY(0) rotate(0deg); transition: opacity 0.5s, transform 0.5s; }
#lp-content .phrase-body .copy.show .char02{ transition-delay: 0.05s; }
#lp-content .phrase-body .copy.show .char03{ transition-delay: 0.1s; }
#lp-content .phrase-body .copy.show .char04{ transition-delay: 0.15s; }
#lp-content .phrase-body .copy.show .char05{ transition-delay: 0.2s; }
#lp-content .phrase-body .copy.show .char06{ transition-delay: 0.25s; }
#lp-content .phrase-body .copy.show .char07{ transition-delay: 0.3s; }
#lp-content .section-cmn .section-ttl .ttl{ opacity: 0; }
#lp-content .section-cmn .section-ttl .ttl.show{ opacity: 1; transition: opacity 0.5s; }
#lp-content .section-cmn .section-body .head-body .bubble{ opacity: 0; transform: rotate(-20deg) scale(0.5); transform-origin: right bottom; }
#lp-content .section02 .section-body .head-body .bubble{ transform: rotate(20deg) scale(0.5); transform-origin: left bottom; }
#lp-content .section-cmn .section-body .head-body .bubble.show{ opacity: 1; transform: rotate(0deg) scale(1); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section-cmn .section-body .head-body .movie-bnr{ opacity: 0; transform: scale(1.05); }
#lp-content .section-cmn .section-body .head-body .movie-bnr.show{ opacity: 1; transform: scale(1); transition: opacity 0.5s, transform 1s; }
#lp-content .section-cmn .section-body .head-body .txt-body{ opacity: 0; }
#lp-content .section-cmn .section-body .head-body .txt-body.show{ opacity: 1; transition: opacity 0.5s; }
#lp-content .section-cmn .section-body .eita-body .photo{ overflow: hidden; }
#lp-content .section-cmn .section-body .eita-body .photo img{ transform: translateY(100%); }
#lp-content .section-cmn .section-body .eita-body.show .photo img{ transform: translateY(0); transition: transform 1s; }
#lp-content .section-cmn .section-body .eita-body .bubble{ opacity: 0; transform: translate(-20px,10px); }
#lp-content .section02 .section-body .eita-body .bubble{ transform: translate(20px,10px); }
#lp-content .section-cmn .section-body .eita-body.show .bubble{ opacity: 1; transform: translate(0,0); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.2s; }
#lp-content .section-cmn .section-body .eita-body .txt{ opacity: 0; }
#lp-content .section-cmn .section-body .eita-body.show .txt{ opacity: 1; transition: opacity 0.5s; transition-delay: 0.4s; }
#lp-content .section-cmn .section-body .point-body .point{ overflow: hidden; opacity: 0; }
#lp-content .section-cmn .section-body .point-body .point.show{ opacity: 1; transition: opacity 0.5s; }
#lp-content .section-cmn .section-body .point-body .point img{ transform: scale(1.2); }
#lp-content .section-cmn .section-body .point-body .point.show img{ transform: scale(1); transition: transform 1s; }
#lp-content .section-cmn .cust-body .photo{ opacity: 0; transform: translateX(50px); }
#lp-content .section-cmn .cust-body .photo.show{ opacity: 1; transform: translateX(0); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section04 .eita-body .copy{ opacity: 0; transform: translateX(-50px); }
#lp-content .section04 .eita-body .copy.show{ opacity: 1; transform: translateX(0); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section04 .eita-body .photo{ overflow: hidden; }
#lp-content .section04 .eita-body .photo img{ transform: translateY(100%); }
#lp-content .section04 .eita-body .photo.show img{ transform: translateY(0); transition: transform 1s; }
#lp-content .section04 .eita-body .ttl{ opacity: 0; transform: scale(1.3); }
#lp-content .section04 .eita-body .ttl.show{ opacity: 1; transform: scale(1); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section04 .eita-body .txt{ opacity: 0; }
#lp-content .section04 .eita-body .txt.show{ opacity: 1; transition: opacity 0.5s; }
#lp-content .section04 .feature01 .copy{ opacity: 0; transform: translateX(-50px); z-index: 5; }
#lp-content .section04 .feature01.show .copy{ opacity: 1; transform: translateX(0); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section04 .feature01 .photo{ overflow: hidden; }
#lp-content .section04 .feature01 .photo img{ opacity: 0;  transform: scale(1.2); }
#lp-content .section04 .feature01.show .photo img{ opacity: 1; transform: scale(1); transition: opacity 0.5s, transform 1s; }
#lp-content .section04 .feature01 .txt-body{ opacity: 0; }
#lp-content .section04 .feature01.show .txt-body{ opacity: 1; transition: opacity 0.5s; }
#lp-content .section04 .feature02{ opacity: 0; transform: scale(1.1); }
#lp-content .section04 .feature02.show{ opacity: 1; transform: scale(1); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section04 .btn-body .btn01,
#lp-content .section04 .btn-body .caption-body{ opacity: 0; }
#lp-content .section04 .btn-body .btn01.show,
#lp-content .section04 .btn-body .caption-body.show{ opacity: 1; transition: opacity 0.5s; }

#lp-content .section-end .ttl{ opacity: 0; transform: scale(1.3); }
#lp-content .section-end .ttl.show{ opacity: 1; transform: scale(1); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section-end .support-list .item{ opacity: 0; }
#lp-content .section-end .support-list .item.show{ opacity: 1; transition: opacity 0.5s; }
#lp-content .section-end .support-list .item02.show,
#lp-content .section-end .support-list .item05.show{ transition-delay: 0.05s; }
#lp-content .section-end .support-list .item03.show{ transition-delay: 0.1s; }
#lp-content .section-end .sns-body .head{ opacity: 0; transform: scale(1.3); }
#lp-content .section-end .sns-body .head.show{ opacity: 1; transform: scale(1); transition: opacity 0.5s, transform 0.5s; }
#lp-content .section-end .sns-body .sns-list{ opacity: 0; }
#lp-content .section-end .sns-body .sns-list.show{ opacity: 1; transition: opacity 0.5s; }

@media only screen and (max-width: 767px) {
	#lp-content .util-top{ transform: translateY(0); }
	#lp-content .section-end .support-list .item.show{ transition-delay: 0s; }
}







/*keyframes*/
/*-------------------------------------------------------*/
@keyframes util_animation{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}







/*hover*/
/*-------------------------------------------------------*/
#lp-content .util-top .navi-list .navi a::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: 0; transform: scale(0.9); transform-origin: center center; transition: opacity 0.3s, transform 0.3s; }
#lp-content .util-top .navi-list .navi a:active::before{ opacity: 1; transform: scale(1); }
#lp-content .util-top .navi-list .navi a:active .word svg{ fill: #1a1a1a; }
#lp-content .util-bottom .navi-list .navi a:active{ color: #ffffff; }
#lp-content .util-bottom .navi-list .navi a::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #de713c; opacity: 0; transform: scale(0.9); transform-origin: center center; transition: opacity 0.3s, transform 0.3s; }
#lp-content .util-bottom .navi-list .navi a:active::before{ opacity: 1; transform: scale(1); }
#lp-content .kv .tvcm-navi a .bg-fill::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1a1a1a; opacity: 0; transform: scale(0.9); transform-origin: center center; transition: opacity 0.3s, transform 0.3s; }
#lp-content .kv .tvcm-navi a:active .bg-fill::before{ opacity: 1; transform: scale(1); }
#lp-content .kv .tvcm-navi a:active svg{ fill: #ffffff; }
#lp-content .section-cmn .section-body .head-body .movie-bnr a .icon{ transition: transform 0.3s; }
#lp-content .section-cmn .section-body .head-body .movie-bnr a:active .icon{ transform: translate(-50%,-50%) scale(0.9); }
#lp-content .section04 .btn-body .btn01 a:active{ color: #ffffff; }
#lp-content .section04 .btn-body .btn01 a::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ce4903; opacity: 0; transform: scale(0.9); transform-origin: center center; transition: opacity 0.3s, transform 0.3s; }
#lp-content .section04 .btn-body .btn01 a:active::before{ opacity: 1; transform: scale(1); }
#lp-content .section04 .btn-body .btn01 a:active .icon svg{ fill: #ffffff; }
#lp-content .section-end .support-list .item::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1a1a1a; opacity: 0; transform: scale(0.9); transform-origin: center center; transition: opacity 0.3s, transform 0.3s; }
#lp-content .section-end .support-list .item:active::before{ opacity: 1; transform: scale(1); }
#lp-content .section-end .support-list .item a:active~.illust{ filter: brightness(0) invert(1); }
#lp-content .section-end .support-list .item a:active~.txt{ color: #ffffff; }
#lp-content .section-end .sns-body .sns-list .item a{ transition: transform 0.3s; }
#lp-content .section-end .sns-body .sns-list .item a:active{ transform: scale(0.9); }
.modal-view .close-btn{ transition: transform 0.3s; line-height: 0; }
.modal-view .close-btn:active{ transform: scale(0.9); }

@media (hover: hover){
	#lp-content .util-top .navi-list .navi a:hover::before{ opacity: 1; transform: scale(1); }
	#lp-content .util-top .navi-list .navi a:hover .word svg{ fill: #1a1a1a; }
	#lp-content .util-bottom .navi-list .navi a:hover{ color: #ffffff; }
	#lp-content .util-bottom .navi-list .navi a:hover::before{ opacity: 1; transform: scale(1); }
	#lp-content .kv .tvcm-navi a:hover .bg-fill::before{ opacity: 1; transform: scale(1); }
	#lp-content .kv .tvcm-navi a:hover svg{ fill: #ffffff; }
	#lp-content .section-cmn .section-body .head-body .movie-bnr a:hover .icon{ transform: translate(-50%,-50%) scale(0.9); }
	#lp-content .section04 .btn-body .btn01 a:hover{ color: #ffffff; }
	#lp-content .section04 .btn-body .btn01 a:hover::before{ opacity: 1; transform: scale(1); }
	#lp-content .section04 .btn-body .btn01 a:hover .icon svg{ fill: #ffffff; }
	#lp-content .section-end .support-list .item:hover::before{ opacity: 1; transform: scale(1); }
	#lp-content .section-end .support-list .item a:hover~.illust{ filter: brightness(0) invert(1); }
	#lp-content .section-end .support-list .item a:hover~.txt{ color: #ffffff; }
	#lp-content .section-end .sns-body .sns-list .item a:hover{ transform: scale(0.9); }
	.modal-view .close-btn:hover{ transform: scale(0.9); }
}