@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: #046bb9; }



/*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; font-weight: 400; }
#lp-content span{ font-weight: inherit; }
#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{ display: none; }


@media only screen and (max-width: 767px) {
	#lp-content .pc{ display: none; }
	#lp-content .sp{ display: block; }
	#lp-content 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: #fcdc53; }
#loader{ position: fixed; width: 100%; margin-top: 63px; top: 50%; left: 0; transform: translateY(-50%); z-index: 4000; }
#loader .deco{ width: 33.8234%; max-width: 126px; margin: 0 auto; }
#loader .txt{ width: 37.565%; max-width: 140px; margin: 27px auto 0; }
#lp-content{ position: relative; }
#lp-content .kv{ position: relative; padding: 0!important; }
#lp-content .util-navi{ position: absolute; left: 0; z-index: 2000; width: 66.1765%; margin-left: 16.9117%; display: flex; display: -ms-flex; border: solid #c4c9c8; border-width: 1px 0; }
#lp-content .util-navi.fixed{ position: fixed; top: 0; }
#lp-content .util-navi .navi{ flex: 1; }
#lp-content .util-navi .navi:nth-child(n+2){ border-left: 1px solid #c4c9c8; }
#lp-content .util-navi .navi a{ display: flex; display: -ms-flex; justify-content: center; align-items: center; background-color: #046bb9; color: #ffffff; height: 4.0441vw; font-size: 1.0294vw; line-height: 1.214; font-weight: 500; text-align: center; }
#section-intro{ padding: 9.7794% 0 15.4411%; position: relative; }
#section-intro .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#section-intro .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: 7.3529vw; }
#section-intro .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; }
#section-intro .bg01 .deco01{ width: 22.8618%; margin: 8.4558% 0 0 86.7531%; }
#section-intro .bg01 .deco02{ width: 23.4147%; margin: 46.3995% 0 0 -10.4755%; }
#section-intro .bg01 .deco03{ width: 12.8581%; margin: 43.1252% 0 0 85.5981%; }
#section-intro .bg01 .deco04{ width: 11.9934%; margin: 30.9558% 0 0 8.3978%; }
#section-intro .bg01 .deco05{ width: 24.4353%; margin: 17.5056% 0 0 85.1973%; }
#section-intro .section-body{ position: relative; z-index: 5; }
#section-intro .section-body .ttl{ width: 71.3235%; margin: 0 auto!important; }
#section-intro .section-body .split-view{ display: flex; justify-content: space-between; width: 41.0294%; margin: 1.4705% auto 0; }
#section-intro .section-body .split-view .txt-body{ width: 59.8566%; }
#section-intro .section-body .split-view .txt-body .txt01{ margin-top: 17.9640%; line-height: 0; }
#section-intro .section-body .split-view .txt-body .txt02{ width: 71.5568%; margin-top: 11.9760%; line-height: 0; }
#section-intro .section-body .split-view .photo-body{ width: 27.5986%; }
#section-intro .section-body .split-view .photo-body .photo{ border-radius: 5.5882vw; overflow: hidden; }
#section-intro .section-body .split-view .photo-body .info{ position: relative; background-color: #e4908d; text-align: center; display: flex; display: -ms-flex; align-items: center; justify-content: center; width: 112.5%; margin: -16.4473% 0 0 -6.25%; border-radius: 2.2058vw; height: 5vw; }
#section-intro .section-body .split-view .photo-body .info .job{ font-size: 0.8823vw; line-height: 1.5; color: #ffffff; }
#section-intro .section-body .split-view .photo-body .info .name{ font-size: 1.3235vw; line-height: 1.5; color: #ffffff; }
#section-intro .section-body .navi-list{ display: flex; display: -ms-flex; justify-content: space-between; width: 52.6471%; margin: 1.25% auto 0; }
#section-intro .section-body .navi-list .navi{ width: 27.8164%; position: relative; border-radius: 50%; }
#section-intro .section-body .navi-list .navi a{ display: block; position: relative; }
#section-intro .section-body .navi-list .navi a .circle{ position: relative; display: block; box-shadow: 0.5333vw 0.5333vw 1.3333vw rgba(0,0,0,0.4); border-radius: 50%; }
#section-intro .section-body .navi-list .navi a .fill{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 0.2206vw solid #ffffff; box-sizing: border-box; border-radius: inherit; }
#section-intro .section-body .navi-list .navi01 a .fill{ background-color: #e4908d; }
#section-intro .section-body .navi-list .navi02 a .fill{ background-color: #fcdc53; }
#section-intro .section-body .navi-list .navi03 a .fill{ background-color: #43a0b9; }
#section-intro .section-body .navi-list .navi a .txt{ position: relative; z-index: 5; display: block; border-radius: inherit; overflow: hidden; }
#section-intro .section-body .navi-list .navi a .icon-arrow{ position: absolute; left: 50%; top: 100%; width: 24.5%; transform: translate(-50%,-60%); line-height: 0; }
#section-intro .section-body .navi-list .navi a .arrow-shadow{ content: ""; position: absolute; left: 50%; top: 100%; width: 24.5%; padding-top: 24.5%; transform: translate(-50%,-60%); line-height: 0; box-shadow: 0.1470vw 0.1470vw 0.3676vw rgba(0,0,0,0.4); border-radius: 50%; background-color: rgba(0,0,0,0.4); }
#section-intro .section-body .navi-list .navi a .sub{ position: absolute; z-index: 5; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 15.1981%; }
#section-intro .section-body .navi-list .navi01 a .sub{ width: 57.7889%; }
#section-intro .section-body .navi-list .navi02 a .sub{ width: 48.2412%; }
#section-intro .section-body .navi-list .navi03 a .sub{ width: 48.2412%; }
#section-episode .episode{ margin-top: -7.3529%; border-radius: 7.3529vw 7.3529vw 0 0; overflow: hidden; }
#section-episode .episode .anchor{ position: absolute; transform: translateY(-4.0441vw); }
#section-episode .episode .episode-head{ position: relative; padding-top: 25.7353%; }
#section-episode .episode .episode-head .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
#section-episode .episode .episode-head .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: cover; }
#section-episode .episode .episode-head .ttl-body{ position: absolute; top: 50%; transform: translateY(-50%); }
#section-episode .episode .episode-head .ttl-body .txt{ line-height: 0; }
#section-episode .episode .episode-body{ position: relative; border-top: 1px solid transparent; margin-top: -1px; }
#section-episode .episode .episode-body .bg01,
#section-episode .episode .episode-body .bg01 .fill,
#section-episode .episode .episode-body .bg01 .bg-grid{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#section-episode .episode .episode-body .inner-body{ margin-top: -17.6471%; position: relative; }
#section-episode .episode .episode-body .movie-bnr{ width: 38.6764%; position: relative; margin-left: 48.6764%; }
#section-episode .episode:nth-child(2n+2) .episode-body .movie-bnr{ margin-left: 13.2352%; }
#section-episode .episode .episode-body .movie-bnr .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; border-radius: 6.7475vw; }
#section-episode .episode .episode-body .movie-bnr .fill{ position: absolute; left: 0; bottom: 0; width: 83.6138%; padding-top: 47.0327%; margin: 0 0 5.8380% 8.193%; border-radius: 2.2058vw; }
#section-episode .episode .episode-body .movie-bnr .photo{ overflow: hidden; position: relative; border-radius: 6.7475vw; overflow: hidden; box-shadow: 0.4411vw 0.4411vw 0.3676vw rgba(0,0,0,0.3); }
#section-episode .episode .episode-body .movie-bnr .photo::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 6.7475vw; }
#section-episode .episode .episode-body .movie-bnr .icon-arrow{ position: relative; width: 19.3333%; margin: -7.3245% auto 0; line-height: 0; }
#section-episode .episode .episode-body .txt{ line-height: 0; }

#episode01 .episode-head .ttl-body{ width: 21.6911%; margin-left: 18.8372%; }
#episode01 .episode-head .ttl-body .txt{ width: 79.3220%; margin: 8.4745% 0 0 10.3389%; }
#episode01 .episode-body{ padding-bottom: 15%; position: relative; }
#episode01 .episode-body .bg01 .fill{ background-color: #eff0f0; }
#episode01 .episode-body .bg01 .bg-grid{ background-image: linear-gradient(90deg, #e4908d 1px, transparent 1px), linear-gradient(#e4908d 1px, transparent 1px); background-position: center -1px; background-size: 1.4705vw 1.4705vw; opacity: 0.2; }
#episode01 .episode-body .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; }
#episode01 .episode-body .bg01 .deco01{ width: 12.4975%; margin: 11.8976% 0 0 78.8939%; }
#episode01 .episode-body .bg01 .deco02{ width: 24.4350%; margin: 28.535% 0 0 -13.1850%; }
#episode01 .episode-body .movie-bnr .fill{ background-color: #e4908d; }
#episode01 .episode-body .movie-bnr .photo::before{ border: 0.3676vw solid #e4908d; }
#episode01 .episode-body .movie-bnr .icon-arrow svg{ fill: #60b0b9; }
#episode01 .episode-body .txt01{ width: 14.1912%; margin: 1.1029% 0 0 18.8544%; }
#episode01 .episode-body .txt02{ width: 23.4558%; margin: 3.6764% 0 0 24.3028%; }
#episode01 .episode-body .split-view{ position: relative; }
#episode01 .episode-body .split-view .txt{ position: absolute; left: 0; top: 0; }
#episode01 .episode-body .split-view .txt::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #e4908d; border: 1px solid #ffffff; box-sizing: border-box; }
#episode01 .episode-body .split-view .txt img{ position: relative; }
#episode01 .episode-body .split-view .photo{ position: absolute; right: 0; bottom: 0; }
#episode01 .episode-body .split-view .photo .photo-inner{ border-radius: 1.8382vw; overflow: hidden; }
#episode01 .episode-body .split-view .photo .caption{ font-size: 0.8823vw; line-height: 1.5; color: #264c63; text-align: right; font-weight: 500; margin-top: 1.8182%; }
#episode01 .episode-body .split-view01{ width: 31.1765%; padding-top: 19.3950%; margin: 3.4558% 0 0 13.1617%; }
#episode01 .episode-body .split-view01 .txt03{ width: 54.2453%; }
#episode01 .episode-body .split-view01 .photo{ width: 64.8584%; }
#episode01 .episode-body .split-view02{ width: 32.3529%; padding-top: 19.3950%; margin: -19.3950% 0 0 48.9705%; }
#episode01 .episode-body .split-view02 .bubble{ position: absolute; left: 0; top: 0; width: 30.5453%; margin-left: 63.7003%; }
#episode01 .episode-body .split-view02 .txt04{ width: 51.3636%; }
#episode01 .episode-body .split-view02 .photo{ width: 62.5%; }
#episode01 .episode-body .txt05{ width: 18.1617%; margin: 4.6323% 0 0 44.1368%; }

#episode02 .episode-head .ttl-body{ width: 22.3529%; margin-left: 60.4742%; }
#episode02 .episode-head .ttl-body .txt{ width: 81.1771%; margin: 8.2236% 0 0 9.4114%; }
#episode02 .episode-body{ padding-bottom: 15%; position: relative; }
#episode02 .episode-body .bg01 .fill{ background: 0 center repeat; background-size: 7.3529vw; }
#episode02 .episode-body .bg01 .bg-grid{ background-image: linear-gradient(90deg, #fcdc53 1px, transparent 1px), linear-gradient(#fcdc53 1px, transparent 1px); background-position: center -1px; background-size: 1.4705vw 1.4705vw; opacity: 0.2; }
#episode02 .episode-body .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; }
#episode02 .episode-body .bg01 .deco01{ width: 14.0117%; margin: 7.1615% 0 0 -2.2470%; }
#episode02 .episode-body .bg01 .deco02{ width: 24.4350%; margin: 19.9321% 0 0 85.1973%; }
#episode02 .episode-body .bg01 .deco03{ width: 12.4975%; margin: 44.6917% 0 0 11.0998%; }
#episode02 .episode-body .movie-bnr .fill{ background-color: #fcdc53; }
#episode02 .episode-body .movie-bnr .photo::before{ border: 0.3676vw solid #43a0b9; }
#episode02 .episode-body .movie-bnr .icon-arrow svg{ fill: #e4908d; }
#episode02 .episode-body .txt01{ width: 7.7205%; margin: 2.9411% 0 0 55.1625%; }
#episode02 .episode-body .split-view{ position: relative; width: 62.2059%; padding-top: 21.3235%; margin: 3.0882% 0 0 18.6936%; }
#episode02 .episode-body .split-view .txt{ position: absolute; left: 0; top: 0; }
#episode02 .episode-body .split-view .txt::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fcdc53; border: 1px solid #ffffff; box-sizing: border-box; }
#episode02 .episode-body .split-view .txt img{ position: relative; }
#episode02 .episode-body .split-view .bubble{ position: absolute; left: 0; top: 0; width: 12.7853%; margin: 5.1782% 0 0 10.2777%; }
#episode02 .episode-body .split-view .txt02{ width: 20.5479%; top: auto; bottom: 0; margin-bottom: 1.4651%; z-index: 10; }
#episode02 .episode-body .split-view .txt03{ width: 31.0502%; left: auto; right: 0; z-index: 10; }
#episode02 .episode-body .split-view .photo{ position: absolute; left: 0; bottom: 0; width: 50.7990%; margin-left: 23.261%; border-radius: 1.8382vw; overflow: hidden; }
#episode02 .episode-body .txt04{ width: 21.0294%; margin: 5.8088% 0 0 39.3615%; }

#episode03 .episode-head .ttl-body{ width: 22.0588%; margin-left: 17.2309%; }
#episode03 .episode-head .ttl-body .txt{ width: 72%; margin: 8.3333% 0 0 14%; }
#episode03 .episode-body{ padding-bottom: 12.5%; position: relative; }
#episode03 .episode-body .bg01 .fill{ background: 0 center repeat; background-size: 7.3529vw; }
#episode03 .episode-body .bg01 .bg-grid{ background-image: linear-gradient(90deg, #ffffff 1px, transparent 1px), linear-gradient(#ffffff 1px, transparent 1px); background-position: center -1px; background-size: 1.4705vw 1.4705vw; opacity: 0.2; }
#episode03 .episode-body .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; }
#episode03 .episode-body .bg01 .deco01{ width: 14.0117%; margin: 10.6173% 0 0 80.9882%; }
#episode03 .episode-body .bg01 .deco02{ width: 24.4350%; margin: 30.9615% 0 0 -13.0379%; }
#episode03 .episode-body .bg01 .deco03{ width: 12.4975%; margin: 45.2064% 0 0 81.3204%; }
#episode03 .episode-body .movie-bnr .fill{ background-color: #43a0b9; }
#episode03 .episode-body .movie-bnr .photo::before{ border: 0.3676vw solid #e4908d; }
#episode03 .episode-body .movie-bnr .icon-arrow svg{ fill: #60b0b9; }
#episode03 .episode-body .split-view{ position: relative; width: 39.4117%; padding-top: 21.1764%; margin: 1.4705% 0 0 13.2352%; }
#episode03 .episode-body .txt01::before,
#episode03 .episode-body .txt03::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #60b0b9; border: 1px solid #ffffff; box-sizing: border-box; }
#episode03 .episode-body .txt01 img,
#episode03 .episode-body .txt03 img{ position: relative; }
#episode03 .episode-body .split-view .txt01{ position: absolute; right: 0; top: 0; width: 39.1791%; z-index: 10; }
#episode03 .episode-body .split-view .photo{ position: absolute; left: 0; bottom: 0; width: 75.5597%; border-radius: 1.8382vw; overflow: hidden; }
#episode03 .episode-body .txt02{ width: 19.4118%; margin: -9.768% 0 0 50.0901%; }
#episode03 .episode-body .txt03{ position: relative; width: 20.2941%; margin: 3.897% 0 0 55.4779%; }
#episode03 .episode-body .txt04{ width: 27.6471%; margin: 3.235% 0 0 36.0394%; }
#episode03 .episode-body .txt05{ width: 5.6618%; margin: 1.176% 0 0 68.1980%; }

#section-newarr{ margin-top: -7.3529%; border-radius: 7.3529vw; padding: 7.3529% 0 15.2941%; position: relative; z-index: 10; }
#section-newarr .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #786053; border-radius: 7.3529vw; }
#section-newarr .bg01 .bg-grid{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #e4908d 1px, transparent 1px), linear-gradient(#e4908d 1px, transparent 1px); background-position: center -1px; background-size: 1.4705vw 1.4705vw; opacity: 0.2; z-index: 30; border-radius: 7.3529vw; }
#section-newarr .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 30; }
#section-newarr .bg01 .deco01{ width: 12.8576%; margin: 19.2282% 0 0 -3.8871%; }
#section-newarr .bg01 .deco02{ width: 24.8529%; margin: 11.4705% 0 0 86.1029%; }
#section-newarr .bg01 .deco03{ width: 8.2801%; margin: 11.5441% 0 0 8.0209%; }
#section-newarr .bg01 .deco04{ width: 8.2801%; margin: 40% 0 0 84.1973%; }
#section-newarr .bg01 .deco05{ width: 15.5114%; margin: 107.2647% 0 0 7.9000%; }
#section-newarr .bg01 .deco06{ width: 8.2801%; margin: 116.3088% 0 0 84.5650%; }
#section-newarr .bg01 .deco07{ width: 8.2801%; margin: 124.6911% 0 0 3.4620%; }
#section-newarr .bg01 .deco08{ width: 30.1560%; margin: 129.8611% 0 0 83.1132%; }
#section-newarr .section-body{ position: relative; }
#section-newarr .section-body .about-body{ position: relative; z-index: 40; padding-bottom: 8.0882%; }
#section-newarr .section-body .about-body .ttl{ width: 32.2059%; margin: 0 auto!important; }
#section-newarr .section-body .about-body .bubble-body{ text-align: center; margin: 1.25% auto 0; }
#section-newarr .section-body .about-body .bubble-body .bubble{ display: inline-block; padding: 0 5.1470% 4.8529%; font-size: 1.3235vw; line-height: 1.9444; color: #ffffff; font-weight: 500; position: relative; }
#section-newarr .section-body .about-body .bubble-body .bubble::before,
#section-newarr .section-body .about-body .bubble-body .bubble::after{ content: ""; position: absolute; bottom: 0; width: 1px; height: 84%; background-color: #ffffff; }
#section-newarr .section-body .about-body .bubble-body .bubble::before{ left: 0; transform: rotate(-21deg); transform-origin: 0 bottom; }
#section-newarr .section-body .about-body .bubble-body .bubble::after{ right: 0; transform: rotate(21deg); transform-origin: right bottom; }
#section-newarr .section-body .about-body .bubble-body .bubble .marker{ font-size: 127.7777%; }
#section-newarr .section-body .about-body .car{ width: 33.3823%; margin: -3.3088% 0 0 32.5%; }
#section-newarr .section-body .about-body .about-copy{ text-align: center; margin: 1.4706% auto 0; }
#section-newarr .section-body .about-body .about-copy .word{ position: relative; display: inline-block; color: #ffffff; font-size: 1.6176vw; line-height: 1.5; font-weight: 500; }
#section-newarr .section-body .about-body .about-copy .word::before,
#section-newarr .section-body .about-body .about-copy .word::after{ content: ""; position: absolute; top: 50%; height: 1px; width: 8.3824vw; background-color: #ffffff; transform: translateY(-50%); }
#section-newarr .section-body .about-body .about-copy .word::before{ right: 100%; margin-right: 0.5em; }
#section-newarr .section-body .about-body .about-copy .word::after{ left: 100%; margin-left: 0.5em; }
#section-newarr .section-body .about-body .feature-body{ margin: 1.4706% auto 0; width: 73.5294%; display: flex; display: -ms-flex; justify-content: space-between; align-items: flex-end; }
#section-newarr .section-body .about-body .feature-body .list-item{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 2.2058vw; }
#section-newarr .section-body .about-body .feature-body .list-item .item{ background-color: #ffffff; border-radius: 1.4705vw; position: relative; width: 100%; padding: 1.9852vw 0 18.75vw; text-align: center; }
#section-newarr .section-body .about-body .feature-body .list-item .item .icon-new{ width: 27.6667%; position: absolute; left: 0; top: 0; margin: -4.3333% 0 0 -16%; }
#section-newarr .section-body .about-body .feature-body .list-item .item .txt{ font-size: 1.3235vw; line-height: 1.4444; color: #3d2f21; font-weight: 500; }
#section-newarr .section-body .about-body .feature-body .list-item .item .copy{ font-size: 1.7647vw; line-height: 1.2; color: #666666; font-weight: 900; display: inline-block; background: linear-gradient(transparent 65%, #e1d7c5 65%); margin-top: 1.0294vw; }
#section-newarr .section-body .about-body .feature-body .list-item .item .caption{ font-size: 0.8823vw; line-height: 1.5; color: #3d2f21; margin-top: 1.0294vw; }
#section-newarr .section-body .about-body .feature-body .list-item .item .photo{ width: 86.6667%; position: absolute; left: 0; bottom: 0; margin: 0 0 18% 6.6666%; overflow: hidden; border-radius: 0.3676vw; }
#section-newarr .section-body .about-body .feature-body .interior-body{ width: 62%; }
#section-newarr .section-body .about-body .feature-body .interior-body .head{ width: 46.4516%; }
#section-newarr .section-body .about-body .feature-body .interior-body .list-item .item-body{ width: 48.3871%; }
#section-newarr .section-body .about-body .feature-body .interior-body .icon-or{ position: absolute; left: 0; top: 50%; width: 17.3333%; transform: translate(-50%,-50%); margin-left: -3.3333%; }
#section-newarr .section-body .about-body .feature-body .icon-body{ width: 5%; display: flex; display: -ms-flex; align-items: center; justify-content: center; }
#section-newarr .section-body .about-body .feature-body .icon-body svg{ overflow: visible; }
#section-newarr .section-body .about-body .feature-body .icon-body .icon{ width: 100%; line-height: 0; }
#section-newarr .section-body .about-body .feature-body .color-body{ width: 30%; }
#section-newarr .section-body .about-body .feature-body .color-body .head{ width: 67.3333%; }
#section-newarr .section-body .about-body .feature-body .color-body .list-item .item-body{ width: 100%; }
#section-newarr .section-body .about-body .feature-body .color-body .list-item .item .photo{ width: 81.3333%; margin-left: 9.3333%; bottom: auto; top: 65.5%; transform: translateY(-50%); border-radius: 0; }
#section-newarr .section-body .style-wrapper{ position: relative; padding: 4.4117% 0 8.5294%; }
#section-newarr .section-body .style-wrapper .bg02{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #a69185; }
#section-newarr .section-body .style-wrapper .style-body{ position: relative; z-index: 50; text-align: center; }
#section-newarr .section-body .style-wrapper .style-body .panel{ width: 39.7059%; margin: 0 auto; box-sizing: border-box; border: 2px solid #ffffff;  background-color: #786053; padding: 2.6470% 0 2.0588%; }
#section-newarr .section-body .style-wrapper .style-body .panel .logo{ width: 53%; margin: 0 auto!important; }
#section-newarr .section-body .style-wrapper .style-body .panel .head{ font-size: 1.3235vw; line-height: 1.7777; background-color: #ffffff; color: #786053; display: inline-block; padding: 0 0.7em; margin-top: 4.6642%; font-weight: 700; }
#section-newarr .section-body .style-wrapper .style-body .panel .txt{ font-size: 1.1764vw; line-height: 1.6875; color: #ffffff; font-weight: 400; margin: 1.3970% auto 0; width: 100%; }
#section-newarr .section-body .style-wrapper .style-body .list-item01{ overflow: hidden; width: 63.6029%; margin: 5.4411% 0 0 19.4117%; display: flex; display: -ms-flex; justify-content: space-between; }
#section-newarr .section-body .style-wrapper .style-body .list-item01 .item01{ width: 40.2312%; }
#section-newarr .section-body .style-wrapper .style-body .list-item01 .item02{ width: 57.2254%; margin-top: 0.5780%; }
#section-newarr .section-body .style-wrapper .style-body .list-item02{ overflow: hidden; width: 69.8529%; margin: 0 auto 0; text-align: left; position: relative; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item{ float: left; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item01{ width: 38.6315%; margin-top: 7.9125%; padding-right: 2.6318%; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item02,
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item03,
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item04,
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item05,
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item06,
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item07{ width: 17.2631%; margin: 3.6842% 0 0 2.3158%; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item .photo{ border-radius: 0.3676vw; overflow: hidden; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item .txt{ font-size: 0.8823vw; line-height: 1.666; color: #ffffff; font-weight: 500; margin-top: 0.3676vw; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .caption{ width: 100%; font-size: 0.8823vw; line-height: 1.666; color: #ffffff; font-weight: 500; float: left; margin: 4.4118% auto 0; }

#section-accessory{ margin-top: -7.3529%; padding: 15.5882% 0 5.5147%; position: relative; }
#section-accessory .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#section-accessory .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: 7.3529vw; }
#section-accessory .bg01 .bg-grid{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #ffffff 1px, transparent 1px), linear-gradient(#ffffff 1px, transparent 1px); background-position: center -1px; background-size: 1.4705vw 1.4705vw; opacity: 0.2; }
#section-accessory .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 30; }
#section-accessory .bg01 .deco01{ width: 41.5518%; margin: -3.8970% 0 0 76.7825%; }
#section-accessory .bg01 .deco02{ width: 13.0834%; margin: 1.9852% 0 0 3.5139%; }
#section-accessory .section-body{ position: relative; z-index: 100; }
#section-accessory .split-view{ width: 79.5588%; display: flex; display: -ms-flex; justify-content: space-between; align-items: center; margin: 0 auto; }
#section-accessory .split-view .ttl-body{ width: 46.0258%; margin-top: 2.682%; }
#section-accessory .split-view .ttl-body .copy{ width: 81.7269%; margin-left: 1.4056%; }
#section-accessory .split-view .ttl-body .ttl{ margin: 8.8353% 0 0!important; }
#section-accessory .split-view .photo-body{ width: 51.1090%; position: relative; }
#section-accessory .split-view .photo-body .navi{ width: 45.5696%; margin: 2.1699% 0 0 27.2152%; position: relative; }

#section-tvcm{ position: relative; padding: 5.2941% 0 2.7941%; }
#section-tvcm .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; }
#section-tvcm .bg01 .bg-grid{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #e4908d 1px, transparent 1px), linear-gradient(#e4908d 1px, transparent 1px); background-position: center -1px; background-size: 1.4705vw 1.4705vw; opacity: 0.2; }
#section-tvcm .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 50; }
#section-tvcm .bg01 .deco01{ width: 28.4794%; margin: -9.0247% 0 0 -12.8523%; }
#section-tvcm .bg01 .deco02{ width: 20.2205%; margin: 46.5441% 0 0 85.8823%; }
#section-tvcm .section-body{ position: relative; z-index: 50; }
#section-tvcm .section-body .ttl{ width: 15.9097%; margin: 0 auto!important; }
#section-tvcm .section-body .movie-bnr{ width: 54.1176%; margin: 2.8676% auto 0; position: relative; }
#section-tvcm .section-body .movie-bnr .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0); }
#section-tvcm .section-body .movie-bnr .photo{ border-radius: 3.3088vw; overflow: hidden; }
#section-tvcm .section-body .movie-bnr .icon-arrow{ width: 11.5%; position: relative; margin: -3.875% auto 0; line-height: 0; }

#section-another{ overflow: hidden; position: relative; padding: 5.1470% 0 6.3970%; }
#section-another .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #264C63; }
#section-another .bg01::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding-top: 12.5%; background-color: #517082; }
#section-another .section-body{ position: relative; z-index: 5; }
#section-another .section-body .photo{ width: 42.7941%; margin-left: 43.9705%; z-index: 20; border-radius: 0.7352vw; overflow: hidden; }
#section-another .section-body .txt-body{ width: 31.7647%; background-color: #ffffff; border-radius: 0.7352vw; padding: 4.7058% 0 4.4117%; margin: -25.4411% 0 0 13.0882%; }
#section-another .section-body .txt-body .ttl{ width: 76.8518%; margin: 0 0 0 11.5740%!important; }
#section-another .section-body .txt-body .navi{ width: 58.1979%; margin: 3.4098% 0 0 18.7650%; }
#section-another .section-body .txt-body .navi a{ display: block; position: relative; font-size: 1.1764vw; line-height: 1.31; color: #201F12; text-decoration: none; background-color: rgba(0,0,0,0); }
#section-another .section-body .txt-body .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-left: 5%; }
#section-another .section-body .txt-body .navi a .icon-arrow{ width: 4.2837%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 0; margin-right: 7.1594%; }

#section-end{ overflow: hidden; position: relative; padding: 8.6764% 0 6.9852%; }
#section-end .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; }
#section-end .bg01 .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 center repeat; background-size: 7.3529vw; }
#section-end .bg01 .bg-grid{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #ffffff 1px, transparent 1px), linear-gradient(#ffffff 1px, transparent 1px); background-position: center -1px; background-size: 1.4705vw 1.4705vw; opacity: 0.2; }
#section-end .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 50; }
#section-end .bg01 .deco01{ width: 27.5000%; margin: -8.6764% 0 0 -7.2794%; }
#section-end .bg01 .deco02{ width: 33.4301%; margin: 37.5886% 0 0 81.2877%; }
#section-end .section-body{ position: relative; z-index: 60; }
#section-end .section-body .support-body .ttl-body .sub{ text-align: center; font-size: 2.2794vw; line-height: 1.45; font-weight: 700; color: #ffffff; }
#section-end .section-body .support-body .ttl-body .ttl{ width: 31.9118%; margin: 1.8382% auto 0!important; }
#section-end .section-body .support-body .navi-list{ display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; width: 50.3676%; margin: 4.4118% auto 0; }
#section-end .section-body .support-body .navi-list .navi{ width: 46.7153%; }
#section-end .section-body .support-body .navi-list .navi:nth-child(n+2){ margin-top: 5.5474%; }
#section-end .section-body .support-body .navi-list .navi01{ width: 100%; }
#section-end .section-body .support-body .navi-list .navi a{ display: block; height: 8.8235vw; display: flex; display: -ms-flex; justify-content: space-between; align-items: center; background-color: #fcdc53; border-radius: 2.2058vw; text-decoration: none; font-size: 1.9117vw; line-height: 1.5; color: #43a0b9; font-weight: 700; }
#section-end .section-body .support-body .navi-list .navi a .word{ margin-left: 3.2353vw; white-space: nowrap; }
#section-end .section-body .support-body .navi-list .navi01 a .word{ margin-left: 6.25vw; }
#section-end .section-body .support-body .navi-list .navi a .icon-arrow{ width: 2.9412vw; margin-right: 1.6176vw; line-height: 0; }
#section-end .section-body .sns-body{ margin: 11.7647% auto 0; }
#section-end .section-body .sns-body .ttl{ width: 21.7647%; margin: 0 auto!important; }
#section-end .section-body .sns-body .navi-list{ display: flex; display: -ms-flex; justify-content: space-between; width: 14.5588%; align-items: flex-end; margin: 3.4559% auto 0; }
#section-end .section-body .sns-body .navi-list .navi-f{ width: 46.7872%; }
#section-end .section-body .sns-body .navi-list .navi-x{ width: 42.5105%; }










@media only screen and (max-width: 767px) { /*767px以下*/
	#loader-bg .fill{ background-size: 26.6666vw; }
	#loader{ margin-top: 50px; }
	#lp-content .util-navi{ width: 100%; margin-left: 0; }
	#lp-content .util-navi .navi a{ height: 13.8666vw; font-size: 3vw; line-height: 1.083; }

	#section-intro{ padding: 22.6666% 0 33.3333%; }
	#section-intro .bg01 .fill{ background-size: 26.6666vw; }
	#section-intro .bg01 .deco04{ width: 29.5999%; margin: 147.7333% 0 0 -14.5798%; }
	#section-intro .bg01 .deco06{ width: 36.6316%; margin: 127.7333% 0 0 77.9027%; }
	#section-intro .section-body .ttl{ width: 85.0431%; }
	#section-intro .section-body .split-view{ display: block; width: 88%; margin: 6.6666% auto 0; position: relative; }
	#section-intro .section-body .split-view .txt-body{ width: 100%; padding-top: 12.1212%; }
	#section-intro .section-body .split-view .txt-body .txt01{ width: 48.8779%; margin-top: 0; }
	#section-intro .section-body .split-view .txt-body .txt02{ width: 64.3156%; margin: 36.8415% auto 0; }
	#section-intro .section-body .split-view .photo-body{ width: 46.0606%; position: absolute; right: 0; top: 0; }
	#section-intro .section-body .split-view .photo-body .photo{ border-radius: 20.2666vw; }
	#section-intro .section-body .split-view .photo-body .info{ width: 45.6vw; height: 18.1333vw; position: absolute; left: 0; bottom: 0; border-radius: 8vw; margin: 0 0 0 -39.4666vw; }
	#section-intro .section-body .split-view .photo-body .info .job{ font-size: 3.2vw; }
	#section-intro .section-body .split-view .photo-body .info .name{ font-size: 4.8vw; }
	#section-intro .section-body .navi-list{ display: block; width: 100%; margin: 7.1999% auto 0; position: relative; }
	#section-intro .section-body .navi-list .navi{ width: 64.5333%; }
	#section-intro .section-body .navi-list .navi01{ margin-left: 17.7333%; }
	#section-intro .section-body .navi-list .navi02{ margin: 4.8% 0 0 17.7333%; }
	#section-intro .section-body .navi-list .navi03{ margin: 4.8% 0 0 17.7333%; }
	#section-intro .section-body .navi-list .navi a .circle{ width: 44.6280%; position: relative; display: block; box-shadow: 0.5333vw 0.5333vw 1.3333vw rgba(0,0,0,0.4); }
	#section-intro .section-body .navi-list .navi a .fill{ border-width: 0.8vw; width: 28.8vw; }
	#section-intro .section-body .navi-list .navi a .arrow-shadow{ box-shadow: 0.5333vw 0.5333vw 1.3333vw rgba(0,0,0,0.4); }
	#section-intro .section-body .navi-list .navi a .sub{ left: 0; top: 50%; transform: translateY(-50%); margin: 0 0 0 52.3438%; }
	#section-intro .section-body .navi-list .navi01 a .sub{ width: 47.6562%; }
	#section-intro .section-body .navi-list .navi02 a .sub{ width: 39.5862%; }
	#section-intro .section-body .navi-list .navi03 a .sub{ width: 39.6819%; }
	
	#section-episode .episode{ margin-top: -26.6666%; border-radius: 26.6666vw 26.6666vw 0 0; }
	#section-episode .episode .anchor{ transform: translateY(-13.8666vw); }
	#section-episode .episode .episode-head{ padding-top: 80%; }
	#section-episode .episode .episode-head .ttl-body{ top: 0; transform: none; margin-top: 16.202%; }
	#section-episode .episode .episode-body .inner-body{ margin-top: -33.0666%; }
	#section-episode .episode .episode-body .movie-bnr{ width: 86.4%; margin-left: 6.8%; }
	#section-episode .episode:nth-child(2n+2) .episode-body .movie-bnr{ margin-left: 6.8%; }
	#section-episode .episode .episode-body .movie-bnr .overlay{ border-radius: 24vw; }
	#section-episode .episode .episode-body .movie-bnr .fill{ width: 83.3333%; padding-top: 46.875%; margin: 0 0 5.8641% 8.33335%; border-radius: 8vw; }
	#section-episode .episode .episode-body .movie-bnr .photo{ border-radius: 24vw; box-shadow: 1.6vw 1.6vw 1.3333vw rgba(0,0,0,0.3); }
	#section-episode .episode .episode-body .movie-bnr .photo::before{ border-radius: 24vw; border-width: 1.0666vw; }
	#section-episode .episode .episode-body .movie-bnr .icon-arrow{ width: 19.1358%; }

	#episode01 .episode-head .ttl-body{ width: 50.2144%; margin: 0 0 0 24.8928%; }
	#episode01 .episode-head .ttl-body .txt{ width: 93.0301%; margin: 4.5303% 0 0 3.4849%; }
	#episode01 .episode-body{ padding-bottom: 44.5333%; }
	#episode01 .episode-body .bg01 .bg-grid{ background-size: 5.3333vw 5.3333vw; }
	#episode01 .episode-body .bg01 .deco02{ width: 41.3333%; margin: 146.7538% 0 0 -20.8%; }
	#episode01 .episode-body .txt01{ width: 42.9217%; margin: 6.5672% 0 0 28.2880%; }
	#episode01 .episode-body .txt02{ width: 70.9534%; margin: 10.9057% 0 0 10.2040%; }
	#episode01 .episode-body .split-view .photo .photo-inner{ border-radius: 5.3333vw; }
	#episode01 .episode-body .split-view .photo .caption{ font-size: 2.6666vw; }
	#episode01 .episode-body .split-view01{ width: 84.8%; padding-top: 33.3333%; margin: 9.2% 0 0 7.0908%; }
	#episode01 .episode-body .split-view01 .txt03{ width: 53.1446%; left: auto; right: 0; }
	#episode01 .episode-body .split-view01 .photo{ width: 50.3144%; right: auto; left: 0; }
	#episode01 .episode-body .split-view01 .photo .caption{ text-align: left; }
	#episode01 .episode-body .split-view02{ width: 84%; padding-top: 40%; margin: 0 0 0 10%; }
	#episode01 .episode-body .split-view02 .bubble{ top: auto; bottom: 0; width: 33.8208%; margin: 0 0 -4.6984% 65.5555%; }
	#episode01 .episode-body .split-view02 .txt04{ top: auto; bottom: 0; width: 56.8253%; }
	#episode01 .episode-body .split-view02 .photo{ bottom: auto; top: 0; width: 50.7936%; }
	#episode01 .episode-body .txt05{ width: 54.7799%; margin: 12.0981% 0 0 32.4731%; }

	#episode02 .episode-head .ttl-body{ width: 51.6334%; margin-left: 24.1833%; }
	#episode02 .episode-head .ttl-body .txt{ width: 81.1771%; margin-left: 9.4114%; }
	#episode02 .episode-body{ padding-bottom: 44.5333%; }
	#episode02 .episode-body .bg01 .fill{ background-size: 26.6666vw; }
	#episode02 .episode-body .bg01 .bg-grid{ background-size: 5.3333vw 5.3333vw; }
	#episode02 .episode-body .bg01 .deco03{ width: 31.4779%; margin: 35.6% 0 0 70.9220%; }
	#episode02 .episode-body .txt01{ width: 30.2759%; margin: 9.7270% 0 0 17.3895%; }
	#episode02 .episode-body .split-view{ width: 78.2666%; padding-top: 100.6666%; margin: 10.1333% 0 0 12.1333%; }
	#episode02 .episode-body .split-view .bubble{ width: 31.8728%; margin: 8.50340% 0 0 3.53656%; }
	#episode02 .episode-body .split-view .txt02{ width: 53.8330%; left: auto; right: 0; top: 0; bottom: auto; margin: 0; }
	#episode02 .episode-body .split-view .txt03{ width: 92.6746%; left: 0; right: auto; top: auto; bottom: 0; margin: 52.89115% 0 0 0; }
	#episode02 .episode-body .split-view .photo{ bottom: auto; top: 0; width: 81.7717%; margin: 33.0494% 0 0 8.1074%; border-radius: 5.3333vw; }
	#episode02 .episode-body .txt04{ width: 68.9919%; margin: 9.5933% 0 0 15.1278%; }

	#episode03 .episode-head .ttl-body{ width: 50.9813%; margin-left: 24.5093%; }
	#episode03 .episode-head .ttl-body .txt{ width: 84.8992%; margin: 4.5081% 0 0 7.5504%; }
	#episode03 .episode-body{ padding-bottom: 54.3333%; }
	#episode03 .episode-body .bg01 .fill{ background-size: 26.6666vw; }
	#episode03 .episode-body .bg01 .bg-grid{ background-size: 5.3333vw 5.3333vw; }
	#episode03 .episode-body .bg01 .deco01{ width: 28.4268%; margin: 11.8390% 0 0 -14.0268%; }
	#episode03 .episode-body .bg01 .deco02{ width: 41.3333%; margin: 167.7538% 0 0 -20.8%; }
	#episode03 .episode-body .bg01 .deco03{ width: 31.4779%; margin: 190.2002% 0 0 59.1887%; }
	#episode03 .episode-body .split-view{ width: 89.3879%; padding-top: 59.1492%; margin: 8.1333% 0 0 6.4787%; }
	#episode03 .episode-body .split-view .txt01{ width: 50.4169%; }
	#episode03 .episode-body .split-view .photo{ width: 71.5980%; border-radius: 5.3333vw; }
	#episode03 .episode-body .txt02{ width: 63.3885%; margin: 10.6427% 0 0 19.3278%; }
	#episode03 .episode-body .txt03{ width: 57.8666%; margin: 7.3333% 0 0 8.6666%; }
	#episode03 .episode-body .txt04{ width: 60.9919%; margin: 11.0666% 0 0 20.3278%; }
	#episode03 .episode-body .txt05{ width: 20.4958%; margin: 8.9755% 0 0 32.2473%; }

	#section-newarr{ z-index: auto; margin-top: -26.6666%; border-radius: 26.6666vw 26.6666vw 0 0; padding: 20.5333% 0 0; }
	#section-newarr .bg01 .bg-grid{ background-size: 5.3333vw 5.3333vw; }
	#section-newarr .bg01 .deco03{ width: 23.1784%; margin: 145.6% 0 0 80.2886%; }
	#section-newarr .bg01 .deco06{ width: 28.5108%; margin: 512.6% 0 0 75.7558%; }
	#section-newarr .bg01 .deco09{ width: 58.5333%; margin: 290.8% 0 0 -28.4672%; }
	#section-newarr .section-body .about-body{ padding-bottom: 32.5333%; }
	#section-newarr .section-body .about-body .ttl{ width: 72.3214%; }
	#section-newarr .section-body .about-body .bubble-body{ margin: 9.3333% auto 0; }
	#section-newarr .section-body .about-body .bubble-body .bubble{ padding: 0; font-size: 4.2666vw; line-height: 1.75; }
	#section-newarr .section-body .about-body .bubble-body .bubble::before,
	#section-newarr .section-body .about-body .bubble-body .bubble::after{ display: none; }
	#section-newarr .section-body .about-body .bubble-body .bubble .marker{ font-size: 100%; }
	#section-newarr .section-body .about-body .car{ width: 77.3333%; margin: 2.6666% 0 0 10.9333%; }
	#section-newarr .section-body .about-body .about-copy{ margin: 5% auto 0; }
	#section-newarr .section-body .about-body .about-copy .word{ font-size: 6.6666vw; line-height: 1.56; }
	#section-newarr .section-body .about-body .about-copy .word::before,
	#section-newarr .section-body .about-body .about-copy .word::after{ display: none; }
	#section-newarr .section-body .about-body .feature-body{ width: 100%; display: block; margin: 9.8667% auto 0; }
	#section-newarr .section-body .about-body .feature-body .list-item{ display: block; margin: 8% auto 0; }
	#section-newarr .section-body .about-body .feature-body .list-item .arrow-btn{ width: 11.7333%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 50; cursor: pointer; }
	#section-newarr .section-body .about-body .feature-body .list-item .arrow-btn.slick-disabled{ opacity: 0; pointer-events: none; }
	#section-newarr .section-body .about-body .feature-body .list-item .next-btn{ right: 0; margin-right: 3.4667%; }
	#section-newarr .section-body .about-body .feature-body .list-item .prev-btn{ left: 0; margin-left: 3.4667%; }
	#section-newarr .section-body .about-body .feature-body .list-item .item-body{ padding: 1% 2.2667vw; }
	#section-newarr .section-body .about-body .feature-body .list-item .item{ border-radius: 5.3333vw; padding: 6.9333vw 0 70.3333vw; }
	#section-newarr .section-body .about-body .feature-body .list-item .item .icon-new{ width: 27.6666%; margin: -2.3333% 0 0 -8.6666%; }
	#section-newarr .section-body .about-body .feature-body .list-item .item .txt{ font-size: 4.8vw; line-height: 1.6666; }
	#section-newarr .section-body .about-body .feature-body .list-item .item .copy{ font-size: 6.4vw; margin-top: 4.2666vw; }
	#section-newarr .section-body .about-body .feature-body .list-item .item .caption{ font-size: 3.2vw; margin-top: 2.4vw; }
	#section-newarr .section-body .about-body .feature-body .list-item .item .photo{ width: 91.1666%; margin: 0 0 16% 4.4167%; border-radius: 1.3333vw; }
	#section-newarr .section-body .about-body .feature-body .interior-body{ width: 100%; }
	#section-newarr .section-body .about-body .feature-body .interior-body .head{ width: 57.1639%; margin-left: 10%!important; }
	#section-newarr .section-body .about-body .feature-body .interior-body .list-item .item{ width: 100%; }
	#section-newarr .section-body .about-body .feature-body .icon-body{ width: 14.9333%; margin: 8% auto 10.9333%; }
	#section-newarr .section-body .about-body .feature-body .color-body{ width: 100%; }
	#section-newarr .section-body .about-body .feature-body .color-body .head{ width: 40.69272%; margin-left: 10%!important; }
	#section-newarr .section-body .about-body .feature-body .color-body .list-item{ width: 84.5334%; }
	#section-newarr .section-body .about-body .feature-body .color-body .list-item .item{ padding: 6.9333vw 0 78.3333vw; }
	#section-newarr .section-body .style-wrapper{ position: relative; padding: 10.6666% 0 14.3999%; }
	#section-newarr .section-body .style-wrapper .style-body{ position: relative; z-index: 50; }
	#section-newarr .section-body .style-wrapper .style-body .panel{ width: 80%; border-width: 1px; padding: 9.3333% 0 7.1999%; }
	#section-newarr .section-body .style-wrapper .style-body .panel .logo{ width: 88.9504%; }
	#section-newarr .section-body .style-wrapper .style-body .panel .head{ font-size: 4.8vw; white-space: nowrap; position: relative; left: 50%; transform: translateX(-50%); margin-top: 8.7248%; }
	#section-newarr .section-body .style-wrapper .style-body .panel .txt{ font-size: 4.2666vw; margin: 9.7315% auto 0; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01{ overflow: visible; width: 100%; margin: 8% auto 0; display: block; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01 .item01{ width: 72.5333vw; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01 .item02{ width: 100vw; margin-top: 0.8vw; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01 .arrow-btn{ width: 11.7333%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 50; cursor: pointer; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01 .arrow-btn.slick-disabled{ opacity: 0; pointer-events: none; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01 .next-btn{ right: 0; margin-right: 1.5%; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01 .prev-btn{ left: 0; margin-left: 1.5%; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01 .item .inner-body{ padding: 0 1.4705%; }
	#section-newarr .section-body .style-wrapper .style-body .list-item01 .item02 .photo{ margin-top: 3.2vw; transform: scale(0.87); transform-origin: 0 center; }
	#section-newarr .section-body .style-wrapper .style-body .list-item02{ width: 90.6666%; margin: 9.0667% auto 0; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item{ float: none; }
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item01{ width: 100%; margin-top: 0; padding-right: 0; }
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item02,
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item03,
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item04,
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item05,
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item06,
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item07{ width: 48.2352%; margin: 7.3529% 0 0 0; }
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item .photo{ border-radius: 1.3333vw; }
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .item .txt{ font-size: 3.2vw; line-height: 1.41; margin-top: 0.8vw; }
	#section-newarr .section-body .style-wrapper .style-body .list-item02 .caption{ width: 100%; position: relative; font-size: 3.2vw; line-height: 1.41; margin-top: 14.7058%; }

	#section-accessory{ margin-top: 0; padding: 30.4% 0 50.6666%; }
	#section-accessory .bg01 .fill{ background-size: 26.6666vw; }
	#section-accessory .bg01 .bg-grid{ background-size: 5.3333vw 5.3333vw; }
	#section-accessory .bg01 .deco03{ width: 42.1146%; margin: -17.5999% 0 0 -10.9694%; }
	#section-accessory .bg01 .deco04{ width: 90.1333%; margin: 100.7333% 0 0 49.8666%; }
	#section-accessory .bg01 .deco05{ width: 48.3279%; margin: 170.3538% 0 0 -21.7631%; }
	#section-accessory .split-view{ width: 100%; display: block; }
	#section-accessory .split-view .ttl-body{ width: 100%; margin: 0; }
	#section-accessory .split-view .ttl-body .copy{ width: 69.3327%; margin: 0 auto; }
	#section-accessory .split-view .ttl-body .ttl{ width: 93.1671%; margin: 8.9169% 0 0 3.3942%!important; }
	#section-accessory .split-view .photo-body{ width: 90.1333%; margin: 5.6% 0 0 5.6000%; }
	#section-accessory .split-view .photo-body .navi{ width: 74.1176%; margin: 6.4% 0 0 12.9412%; }

	#section-tvcm{ padding: 40.8% 0 37.8666%; overflow: hidden; }
	#section-tvcm .bg01 .bg-grid{ background-size: 5.3333vw 5.3333vw; }
	#section-tvcm .bg01 .deco03{ width: 73.3333%; margin: 138.8666% 0 0 -33.8666%; }
	#section-tvcm .section-body{ position: relative; z-index: 5; }
	#section-tvcm .section-body .ttl{ width: 44.4403%; }
	#section-tvcm .section-body .movie-bnr{ width: 90.6666%; margin: 13.1958% auto 0; }
	#section-tvcm .section-body .movie-bnr .photo{ border-radius: 5.3333vw; }
	#section-tvcm .section-body .movie-bnr .icon-arrow{ width: 18.2352%; margin: -9.1176% auto 0; }

	#section-another{ padding: 9.6% 0 16%; }
	#section-another .bg01::before{ top: 0; transform: none; padding-top: 31.4666%; margin-top: 129.8666%; }
	#section-another .section-body .photo{ width: 100%; margin-left: 0; border-radius: none; }
	#section-another .section-body .txt-body{ width: 75.1572%; border-radius: 2.6666vw; padding: 8% 0 4.2666%; margin: 6.1333% 0 0 12.4214%; }
	#section-another .section-body .txt-body .navi{ width: 82.2898%; margin: 3.4098% 0 0 8.8551%; }
	#section-another .section-body .txt-body .navi a{ font-size: 4vw; line-height: 1; }

	#section-end{ padding: 8% 0 24.5333%; }
	#section-end .bg01 .fill{ background-size: 26.6666vw; }
	#section-end .bg01 .bg-grid{ background-size: 5.3333vw 5.3333vw; }
	#section-end .bg01 .deco03{ width: 48.3279%; margin: 250% 0 0 73.4342%; }
	#section-end .section-body .support-body .ttl-body .sub{ font-size: 8.2666vw; }
	#section-end .section-body .support-body .ttl-body .ttl{ width: 78.372%; margin: 5.0666% auto 0!important; }
	#section-end .section-body .support-body .navi-list{ display: block; width: 85.3333%; margin: 15.1036% auto 0; }
	#section-end .section-body .support-body .navi-list .navi{ width: 100%; }
	#section-end .section-body .support-body .navi-list .navi:nth-child(n+2){ margin-top: 10.3125%; }
	#section-end .section-body .support-body .navi-list .navi a{ height: 32vw; border-radius: 8vw; font-size: 6.9333vw; line-height: 1.4230; }
	#section-end .section-body .support-body .navi-list .navi a .word{ margin-left: 10.6666vw; }
	#section-end .section-body .support-body .navi-list .navi01 a .word{ margin-left: 6.25vw; }
	#section-end .section-body .support-body .navi-list .navi a .icon-arrow{ width: 10.6666vw; margin-right: 5.4666vw; }
	#section-end .section-body .sns-body{ margin: 48% auto 0; }
	#section-end .section-body .sns-body .ttl{ width: 53.4221%; }
	#section-end .section-body .sns-body .navi-list{ width: 52.7672%; margin: 9.5401% auto 0; }
}







/*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; }
#ytplayer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
@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; }
}
@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{ opacity: 0; transition: opacity 1s; }
#loader.complete{ opacity: 0; transition: opacity 1s; }
#loader .deco{ animation: loader_animation 3s linear infinite; }
#lp-content .bg01 .deco{ transform: scale(0.7); }
#lp-content .bg01 .deco.show{ transform: scale(1); transition: transform 1.5s; }
#section-intro .section-body .ttl{ opacity: 0; transform: translateY(30px); }
#section-intro .section-body .ttl.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-intro .section-body .split-view{ opacity: 0; }
#section-intro .section-body .split-view.show{ opacity: 1; transition: opacity 1s; }
#section-intro .section-body .navi-list .navi{ opacity: 0; }
#section-intro .section-body .navi-list .navi.show{ opacity: 1; transition: opacity 1s; }
#section-intro .section-body .navi-list .navi02.show{ transition-delay: 0.1s; }
#section-intro .section-body .navi-list .navi03.show{ transition-delay: 0.2s; }
@media only screen and (max-width: 767px) { /*767px以下*/
	#section-intro .section-body .navi-list .navi.show{ transition-delay: 0s; }
}
#section-episode .episode .episode-head .ttl-body{ opacity: 0; }
#section-episode .episode .episode-head .ttl-body.show{ opacity: 1; transition: opacity 1s; }
#section-episode .episode .episode-body .movie-bnr{ opacity: 0; transform: translateY(30px); }
#section-episode .episode .episode-body .movie-bnr.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-episode .episode .episode-body .txt{ opacity: 0; }
#section-episode .episode .episode-body .txt.show{ opacity: 1; transition: opacity 1s; }
#section-episode .episode .episode-body .bubble{ opacity: 0; }
#section-episode .episode .episode-body .bubble.show{ opacity: 1; transition: opacity 1s; }
#section-episode .episode .episode-body .split-view .photo{ opacity: 0; transform: translateY(30px); }
#section-episode .episode .episode-body .split-view .photo.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-newarr .section-body .about-body .ttl{ opacity: 0; transform: translateY(30px); }
#section-newarr .section-body .about-body .ttl.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-newarr .section-body .about-body .bubble-body{ opacity: 0; transform: translateY(20px); }
#section-newarr .section-body .about-body .bubble-body.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-newarr .section-body .about-body .car{ opacity: 0; transform: translateY(30px); }
#section-newarr .section-body .about-body .car.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-newarr .section-body .about-body .about-copy{ opacity: 0; }
#section-newarr .section-body .about-body .about-copy.show{ opacity: 1; transition: opacity 1s; }
#section-newarr .section-body .about-body .feature-body .split-body .head{ opacity: 0; }
#section-newarr .section-body .about-body .feature-body .split-body .head.show{ opacity: 1; transition: opacity 1s; }
#section-newarr .section-body .about-body .feature-body .split-body .list-item .item-body .item{ opacity: 0; transform: translateY(20px); }
#section-newarr .section-body .about-body .feature-body .split-body .list-item .item-body .item.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-newarr .section-body .about-body .feature-body .icon-body{ opacity: 0; }
#section-newarr .section-body .about-body .feature-body .icon-body.show{ opacity: 1; transition: opacity 1s; }
#section-newarr .section-body .style-wrapper .style-body .panel{ opacity: 0; transform: translateY(30px); }
#section-newarr .section-body .style-wrapper .style-body .panel.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-newarr .section-body .style-wrapper .style-body .list-item01 .item{ opacity: 0; }
#section-newarr .section-body .style-wrapper .style-body .list-item01 .item.show{ opacity: 1; transition: opacity 1s; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item,
#section-newarr .section-body .style-wrapper .style-body .list-item02 .caption{ opacity: 0; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item.show,
#section-newarr .section-body .style-wrapper .style-body .list-item02 .caption.show{ opacity: 1; transition: opacity 1s; }
#section-accessory .split-view .ttl-body{ opacity: 0; }
#section-accessory .split-view .ttl-body.show{ opacity: 1; transition: opacity 1s; }
#section-accessory .split-view .photo-body .photo{ opacity: 0; overflow: hidden; }
#section-accessory .split-view .photo-body .photo.show{ opacity: 1; transition: opacity 1s; }
#section-accessory .split-view .photo-body .photo img{ transform: scale(1.1); }
#section-accessory .split-view .photo-body .photo.show img{ transform: scale(1); transition: transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
#section-accessory .split-view .photo-body .navi{ opacity: 0; }
#section-accessory .split-view .photo-body .navi.show{ opacity: 1; transition: opacity 1s; }
#section-tvcm .section-body .ttl{ opacity: 0; }
#section-tvcm .section-body .ttl.show{ opacity: 1; transition: opacity 1s; }
#section-tvcm .movie-bnr{ opacity: 0; }
#section-tvcm .movie-bnr.show{ opacity: 1; transition: opacity 1s; }
#section-tvcm .movie-bnr .photo{ overflow: hidden; }
#section-tvcm .movie-bnr .photo img{ transform: scale(1.1); }
#section-tvcm .movie-bnr.show .photo img{ transform: scale(1); transition: transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
#section-another .section-body .photo{ opacity: 0; transform: translateY(30px); position: relative; z-index: 5; }
#section-another .section-body .photo.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-another .section-body .txt-body{ opacity: 0; }
#section-another .section-body .txt-body.show{ opacity: 1; transition: opacity 1s; }
#section-end .section-body .support-body .ttl-body{ opacity: 0; }
#section-end .section-body .support-body .ttl-body.show{ opacity: 1; transition: opacity 1s; }
#section-end .section-body .support-body .navi-list .navi{ opacity: 0; }
#section-end .section-body .support-body .navi-list .navi.show{ opacity: 1; transition: opacity 1s; }
#section-end .section-body .sns-body .ttl{ opacity: 0; }
#section-end .section-body .sns-body .ttl.show{ opacity: 1; transition: opacity 1s; }
#section-end .section-body .sns-body .navi-list{ opacity: 0; }
#section-end .section-body .sns-body .navi-list.show{ opacity: 1; transition: opacity 1s; }

@media only screen and (max-width: 767px) {
}







/*keyframes*/
/*-------------------------------------------------------*/
@keyframes loader_animation{
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }
}







/*hover*/
/*-------------------------------------------------------*/
#lp-content .util-navi .navi a{ transition: background-color 0.3s; }
#lp-content .util-navi .navi a:active{ background-color: #ffffff; color: #046bb9; }
#section-intro .section-body .navi-list .navi a .circle{ transition: transform 0.3s; }
#section-intro .section-body .navi-list .navi a:active .circle{ transform: scale(0.95); }
#section-episode .episode .episode-body .movie-bnr .icon-arrow{ transition: transform 0.3s; }
#section-episode .episode .episode-body .movie-bnr a:active~.icon-arrow{ transform: scale(0.9); }
#section-accessory .section-body .navi a{ transition: transform 0.3s; }
#section-accessory .section-body .navi a:active{ transform: scale(0.95); }
#section-tvcm .section-body .movie-bnr .icon-arrow{ transition: transform 0.3s; }
#section-tvcm .section-body .movie-bnr a:active~.icon-arrow{ transform: scale(0.9); }
#section-another .section-body .txt-body .navi a{ transition: transform 0.3s; }
#section-another .section-body .txt-body .navi a:active{ transform: scale(0.95); }
#section-end .section-body .support-body .navi-list .navi a{ transition: transform 0.3s; }
#section-end .section-body .support-body .navi-list .navi a:active{ transform: scale(0.95); }
#section-end .section-body .sns-body .navi-list .navi a{ transition: transform 0.3s; }
#section-end .section-body .sns-body .navi-list .navi 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-navi .navi a:hover{ background-color: #ffffff; color: #046bb9; }
	#section-intro .section-body .navi-list .navi a:hover .circle{ transform: scale(0.95); }
	#section-episode .episode .episode-body .movie-bnr a:hover~.icon-arrow{ transform: scale(0.9); }
	#section-accessory .section-body .navi a:hover{ transform: scale(0.95); }
	#section-tvcm .section-body .movie-bnr a:hover~.icon-arrow{ transform: scale(0.9); }
	#section-another .section-body .txt-body .navi a:hover{ transform: scale(0.95); }
	#section-end .section-body .support-body .navi-list .navi a:hover{ transform: scale(0.95); }
	#section-end .section-body .sns-body .navi-list .navi a:hover{ transform: scale(0.9); }
	.modal-view .close-btn:hover{ transform: scale(0.9); }
}