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



/*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-color: #1b4c67; }
#loader{ position: fixed; width: 100%; margin-top: 63px; top: 50%; left: 0; transform: translateY(-50%); z-index: 4000; }
#loader .deco-body{ display: flex; display: -ms-flex; justify-content: space-between; width: 47.0381%; max-width: 176px; margin: 0 auto; }
#loader .deco-body .deco01{ width: 16.3511%; }
#loader .deco-body .deco02{ width: 16.3511%; }
#loader .deco-body .deco03{ width: 16.2476%; }
#loader .deco-body .deco01 svg{ fill: #a4874e; }
#loader .deco-body .deco02 svg{ fill: #43a0b9; }
#loader .deco-body .deco03 svg{ fill: #ffffff; }
#loader .txt{ width: 32.2666%; max-width: 121px; margin: 32px 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: #a4874e; color: #ffffff; height: 4.0441vw; font-size: 1.0294vw; line-height: 1.214; font-weight: 500; text-align: center; }

#section-intro{ padding: 8.5294% 0 22.4264%; position: relative; }
#section-intro .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #dcdcdc; }
#section-intro .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; }
#section-intro .bg01 .deco01{ width: 2.7307%; margin: 41.6834% 0 0 8.0077%; }
#section-intro .bg01 .deco02{ width: 2.6272%; margin: 49.4733% 0 0 14.0482%; }
#section-intro .bg01 .deco03{ width: 2.6272%; margin: 39.8409% 0 0 80.4452%; }
#section-intro .bg01 .deco04{ width: 4.1464%; margin: 69.4117% 0 0 85.4123%; }
#section-intro .bg01 .deco05{ width: 4.1464%; margin: 94.9264% 0 0 10.0447%; }
#section-intro .bg01 .deco06{ width: 2.7307%; margin: 113.6687% 0 0 86.0959%; }
#section-intro .bg01 .deco07{ width: 3.8959%; margin: 122.5735% 0 0 37.2233%; }
#section-intro .bg01 .deco08{ width: 2.7307%; margin: 147.5658% 0 0 88.1547%; }
#section-intro .bg01 .deco09{ width: 4.1464%; margin: 147.6470% 0 0 6.5153%; }
#section-intro .bg01 .deco10{ width: 4.1464%; margin: 161.9117% 0 0 9.7506%; }
#section-intro .bg01 .deco01 svg{ fill: #1b4c67; }
#section-intro .bg01 .deco02 svg{ fill: #43a0b9; }
#section-intro .bg01 .deco03 svg{ fill: #a4874e; }
#section-intro .bg01 .deco04 svg{ fill: #a4874e; }
#section-intro .bg01 .deco05 svg{ fill: #a4874e; }
#section-intro .bg01 .deco06 svg{ fill: #1b4c67; }
#section-intro .bg01 .deco07 svg{ fill: #43a0b9; }
#section-intro .bg01 .deco08 svg{ fill: #1b4c67; }
#section-intro .bg01 .deco09 svg{ fill: #a4874e; }
#section-intro .bg01 .deco10 svg{ fill: #a4874e; }
#section-intro .section-body{ position: relative; z-index: 100; }
#section-intro .section-body .copy{ width: 34.1320%; line-height: 0; margin: 0 0 0 30.9500%!important; }
#section-intro .section-body .message{ display: flex; display: -ms-flex; align-items: flex-end; justify-content: space-between; width: 32.8676%; margin: 4.1176% 0 0 50.6530%; }
#section-intro .section-body .message .txt{ width: 58.0303%; margin-bottom: 3.3558%; }
#section-intro .section-body .message .photo{ width: 37.3601%; border-radius: 3.75vw; overflow: hidden; }
#section-intro .section-body .intro-ttl{ width: 60.3356%; position: absolute; left: 0; top: 0; margin: 10.3676% 0 0 11.7095%!important; }
#section-intro .section-body .about{ width: 52.1323%; margin: 14.9264% 0 0 37.6470%; }
#section-intro .section-body .split-view{ position: relative; }
#section-intro .section-body .split-view .ttl-body .ttl{ line-height: 0; }
#section-intro .section-body .split-view .ttl-body .sub{ line-height: 0; }
#section-intro .section-body .split-view .line{ line-height: 0; height: 0.2382vw; position: relative; }
#section-intro .section-body .split-view .line img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#section-intro .section-body .split-view .photo-body{ position: absolute; top: 0; }
#section-intro .section-body .split-view .photo-body .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0); }
#section-intro .section-body .split-view .photo-body .photo{ width: 100%; mask: center center no-repeat; -webkit-mask: center center no-repeat; }
#section-intro .section-body .split-view .photo-body .icon-arrow{ position: absolute; left: 0; top: 0; line-height: 0; width: 6.0662vw; }
#section-intro .section-body .split-view .photo-body .photo-frame{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#section-intro .section-body .split-view .photo-body .photo-frame svg{ fill: none; stroke: #ffffff; stroke-miterlimit: 10; stroke-width: 0.1911vw; overflow: visible; width: 100%; height: 100%; }

#section-intro .section-body .split-view01{ width: 66.1110%; margin: 4.7647% 0 0 13.9624%; }
#section-intro .section-body .split-view01 .ttl-body .ttl{ width: 25.3584%; margin: 0 0 0 1.6342%!important; }
#section-intro .section-body .split-view01 .ttl-body .sub{ width: 22.1329%; margin: 2.4023% 0 0 8.1152%; }
#section-intro .section-body .split-view01 .line{ width: 35.6043%; margin: 2.7582% 0 0 3.1214%; }
#section-intro .section-body .split-view01 .photo-body{ width: 64.7449%; right: 0; margin: -4.9046% 0 0 0; }
#section-intro .section-body .split-view01 .photo-body .icon-arrow{ margin: 39.2816% 0 0 71.7729%; }
#section-intro .section-body .split-view01 .photo-body .icon-arrow svg{ fill: #a4874e; }
#section-intro .section-body .split-view01 .txt{ width: 36.5917%; margin: 2.2244% 0 0 0 }

#section-intro .section-body .split-view02{ width: 64.4172%; margin: 9.2742% 0 0 16.1669%; }
#section-intro .section-body .split-view02 .ttl-body .ttl{ width: 23.9480%; margin: 0 0 0 69.8630%!important; }
#section-intro .section-body .split-view02 .ttl-body .sub{ width: 19.0979%; margin: 1.5752% 0 0 65.0610%; }
#section-intro .section-body .split-view02 .line{ width: 47.1029%; margin: 2.3285% 0 0 47.0931%; }
#section-intro .section-body .split-view02 .photo-body{ width: 58.0006%; left: 0; margin: -3.0362% 0 0 0; }
#section-intro .section-body .split-view02 .photo-body .overlay{ padding-bottom: 1.982%; }
#section-intro .section-body .split-view02 .photo-body .icon-arrow{ margin: 44.1759% 0 0 7.7702%; }
#section-intro .section-body .split-view02 .photo-body .icon-arrow svg{ fill: #146d7d; }
#section-intro .section-body .split-view02 .txt{ width: 41.4286%; margin: 2.0580% 0 0 58.5713%; }

#section-intro .section-body .split-view03{ width: 66.6717%; margin: 13.3897% 0 0 14.6518%; }
#section-intro .section-body .split-view03 .ttl-body .ttl{ width: 23.7874%; margin: 0!important; }
#section-intro .section-body .split-view03 .ttl-body .sub{ width: 25.8765%; margin: 1.5109% 0 0 8.0792%; }
#section-intro .section-body .split-view03 .line{ width: 35.3048%; margin: 4.6650% 0 0 7.7961%; }
#section-intro .section-body .split-view03 .photo-body{ width: 60.6713%; right: 0; margin: -9.6516% 0 0 0; }
#section-intro .section-body .split-view03 .photo-body .icon-arrow{ margin: 39.7018% 0 0 74.3455%; }
#section-intro .section-body .split-view03 .photo-body .icon-arrow svg{ fill: #1b4c67; }
#section-intro .section-body .split-view03 .txt{ width: 36.2615%; margin: 2.8453% 0 0 7.3599%; }

#section-pleasure{ position: relative; padding: 10.2941% 0 12.3529%; }
#section-pleasure .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1b4c67; }
#section-pleasure .bg01 .wave{ position: absolute; left: 0; bottom: 100%; z-index: 5; width: 100%; line-height: 0; margin-bottom: -1px; }
#section-pleasure .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; }
#section-pleasure .bg01 .deco01{ width: 4.1464%; margin: 3.0147% 0 0 76.4418%; }
#section-pleasure .bg01 .deco02{ width: 2.7307%; margin: 22.0511% 0 0 13.8165%; }
#section-pleasure .bg01 .deco03{ width: 3.8959%; margin: 88.1617% 0 0 83.4733%; }
#section-pleasure .bg01 .deco04{ width: 4.1464%; margin: 96.5441% 0 0 12.3241%; }
#section-pleasure .bg01 .deco01 svg{ fill: #ffffff; }
#section-pleasure .bg01 .deco02 svg{ fill: #43a0b9; }
#section-pleasure .bg01 .deco03 svg{ fill: #43a0b9; }
#section-pleasure .bg01 .deco04 svg{ fill: #ffffff; }
#section-pleasure .section-body{ position: relative; z-index: 100; }
#section-pleasure .section-body .ttl-body{ position: relative; }
#section-pleasure .section-body .ttl-body .ttl{ width: 44.1176%; margin: 0 auto!important; }
#section-pleasure .section-body .ttl-body .photo{ width: 15.6617%; position: absolute; left: 0; bottom: 100%; margin-left: 41.9853%; }
#section-pleasure .section-body .inner-section .head{ margin: 0 auto!important; position: relative; }
#section-pleasure .section-body .inner-section .head .deco{ position: absolute; left: 100%; bottom: 0; width: 4.8515vw; display: block; margin: 0 0 1.5852vw -1.0294vw; }
#section-pleasure .section-body .inner-section .list-item{ display: flex; display: -ms-flex; justify-content: center; margin-top: 3.0882%; }
#section-pleasure .section-body .inner-section .list-item .item{ width: 22.3529%; position: relative; }
#section-pleasure .section-body .inner-section .list-item .item:nth-child(n+2){ margin-left: 3.1617%; }
#section-pleasure .section-body .inner-section .list-item .item .bubble{ position: absolute; left: 0; top: 0; transform: translateY(-50%); margin-left: 4.6053%; }
#section-pleasure .section-body .inner-section .list-item .item .photo-body{ position: relative; }
#section-pleasure .section-body .inner-section .list-item .item .photo-body .photo{ border-radius: 1.4705vw; overflow: hidden; }
#section-pleasure .section-body .inner-section .list-item .item .photo-body .caption{ position: absolute; top: 100%; right: 0; margin-top: 0.9868%; }
#section-pleasure .section-body .inner-section .list-item .item .txt{ font-size: 1.0764vw; line-height: 1.5; font-weight: 500; margin-top: 8.2237%; color: #ffffff; }
#section-pleasure .section-body .inner-section .list-item .item .caption{ font-size: 0.8823vw; line-height: 1.6666; font-weight: 400; color: #ffffff; }
#section-pleasure .section-body .navi{ width: 20.7249%; margin: 5.5147% auto 0; }
#section-pleasure .section-body .navi a{ display: block; position: relative; background-color: rgba(0,0,0,0); }
#section-pleasure .section-body .navi a .word{ position: absolute; left: 0; top: 50%; margin-left: 11.7438%; transform: translateY(-50%); font-size: 1.3970vw; font-weight: 700; color: #ffffff; }
#section-pleasure .section-body .navi a .icon-arrow{ position: absolute; right: 0; top: 50%; margin-right: 6.7615%; transform: translateY(-50%); width: 4.4915%; line-height: 0; }
#section-pleasure .section-body .inner-section01{ margin: 6.1029% auto 0; }
#section-pleasure .section-body .inner-section01 .head{ width: 31.5441%; }
#section-pleasure .section-body .inner-section01 .list-item .item01 .bubble{ width: 73.6842%; }
#section-pleasure .section-body .inner-section01 .list-item .item02 .bubble{ width: 96.7105%; margin-left: 2%; }
#section-pleasure .section-body .inner-section01 .list-item .item03 .bubble{ width: 79.9342%; }
#section-pleasure .section-body .inner-section01 .list-item .item01 > .caption{ width: 328.2895%; margin-top: 8.2237%; }
#section-pleasure .section-body .inner-section02{ margin: 3.2352% auto 0; }
#section-pleasure .section-body .inner-section02 .head{ width: 17.6470%; }
#section-pleasure .section-body .inner-section02 .list-item .item01 .bubble{ width: 66.7763%; }
#section-pleasure .section-body .inner-section02 .list-item .item02 .bubble{ width: 73.0263%; }

#section-newarr{ padding: 0; position: relative; z-index: 10; padding: 4.0441% 0 14.2647%; }
#section-newarr .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #8a9589; }
#section-newarr .bg01 .wave{ position: absolute; left: 0; bottom: 100%; z-index: 5; width: 100%; line-height: 0; margin-bottom: -1px; }
#section-newarr .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 5; }
#section-newarr .bg01 .deco svg{ fill: #ffffff; }
#section-newarr .bg01 .deco01{ width: 3.0722%; margin: 11.0772% 0 0 22.7133%; }
#section-newarr .bg01 .deco02{ width: 3.0722%; margin: 20.4155% 0 0 75.0662%; }
#section-newarr .bg01 .deco03{ width: 1.9097%; margin: 96.8125% 0 0 91.0956%; }
#section-newarr .bg01 .deco04{ width: 3.0722%; margin: 116.1508% 0 0 19.4045%; }
#section-newarr .bg01 .deco05{ width: 1.9097%; margin: 0 0 22.2058% 91.6839%; top: auto; bottom: 0; }
#section-newarr .bg01 .deco06{ width: 2.6398%; margin: 0 0 12.9208% 8.6338%; top: auto; bottom: 0; }
#section-newarr .bg01 .deco07{ width: 2.5397%; margin: 0 0 7.2357% 13.3425%; top: auto; bottom: 0; }
#section-newarr .section-body{ position: relative; }
#section-newarr .section-body .about-body{ position: relative; z-index: 40; padding-bottom: 4.7794%; }
#section-newarr .section-body .about-body .ttl{ width: 32.5%; margin: 0 auto!important; position: relative; }
#section-newarr .section-body .about-body .ttl .deco{ display: block; width: 12.8937%; position: absolute; left: 100%; top: 0; margin: -9.4633% 0 3.2692%; line-height: 0; }
#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 15.6617% 7.7941%; font-size: 1.3235vw; line-height: 1.9444; color: #ffffff; font-weight: 500; position: relative; }
#section-newarr .section-body .about-body .bubble-body .line01{ display: block; position: absolute; bottom: 0; left: 0; width: 8.75vw; margin-left: 2.4265vw; }
#section-newarr .section-body .about-body .bubble-body .line02{ display: block; position: absolute; bottom: 0; right: 0; width: 8.75vw; }
#section-newarr .section-body .about-body .bubble-body .line02 img{ transform: scaleX(-1); }
#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: -5.4411% 0 0 32.9411%; }
#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{ position: relative; width: 100%; padding: 1.9852vw 0 18.75vw; text-align: center; }
#section-newarr .section-body .about-body .feature-body .list-item .item .fill-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#section-newarr .section-body .about-body .feature-body .list-item .item .fill-bg img{ width: 100%; height: 100%; }
#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; position: relative; }
#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; position: relative; }
#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; position: relative; }
#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: 38.3870%; }
#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: 54.6666%; }
#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: 75%; margin-left: 12.5%; bottom: auto; top: 65.5%; transform: translateY(-50%); border-radius: 0; }
#section-newarr .section-body .style-wrapper{ position: relative; padding: 4.4117% 0 7.7205%; }
#section-newarr .section-body .style-wrapper .bg02{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #b9bfb8; }
#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; background-color: #264c63; padding: 1.4705% 0 2.3529%; }
#section-newarr .section-body .style-wrapper .style-body .panel .logo{ width: 58.8888%; 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: #264c63; 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: 71.3235%; margin: 2.5% 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: 37.8350%; margin-top: 2.7835%; }
#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.8350%; margin-left: 3.2989%; }
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item02,
#section-newarr .section-body .style-wrapper .style-body .list-item02 .item05{ margin-left: 2.0622%; }
#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{ margin-top: 2.0619%; }
#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: #201f12; 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: #000000; font-weight: 500; float: left; margin: 4.4118% auto 0; }

#section-accessory{ margin-top: 0; padding: 2.5% 0 9.4117%; position: relative; }
#section-accessory .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1b4c67; }
#section-accessory .bg01 .wave{ position: absolute; left: 0; bottom: 100%; z-index: 5; width: 100%; line-height: 0; margin-bottom: -1px; z-index: 15; }
#section-accessory .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 5; }
#section-accessory .bg01 .deco01{ width: 4.3847%; margin: 2.3320% 0 0 91.1784%; }
#section-accessory .bg01 .deco02{ width: 3.8599%; margin: 25.0180% 0 0 8.5731%; }
#section-accessory .bg01 .deco03{ width: 2.6111%; margin: 25.5504% 0 0 91.1870%; }
#section-accessory .bg01 .deco01 svg{ fill: #a4874e; }
#section-accessory .bg01 .deco02 svg{ fill: #43a0b9; }
#section-accessory .bg01 .deco03 svg{ fill: #ffffff; }
#section-accessory .section-body{ position: relative; z-index: 100; border-top: 1px solid transparent; }
#section-accessory .section-body .ttl-body .copy{ font-size: 1.6911vw; line-height: 1.8695; color: #ffffff; font-weight: 500; margin-left: 11.5441%; }
#section-accessory .section-body .ttl-body .ttl{ width: 31.8357%; margin: 2.0797% 0 0 10.5449%!important; }
#section-accessory .photo-body{ width: 44.1176%; position: absolute; left: 0; top: 0; margin: 1.1838% 0 0 44.8529%; }
#section-accessory .photo-body .photo{ width: 100%; }
#section-accessory .section-body .navi{ width: 20.7249%; margin: 5.6165% 0 0 15.9034%; }
#section-accessory .section-body .navi a{ display: block; position: relative; background-color: rgba(0,0,0,0); }
#section-accessory .section-body .navi a .word{ position: absolute; left: 0; top: 50%; margin-left: 11.7438%; transform: translateY(-50%); font-size: 1.3970vw; font-weight: 700; color: #ffffff; }
#section-accessory .section-body .navi a .icon-arrow{ position: absolute; right: 0; top: 50%; margin-right: 6.7615%; transform: translateY(-50%); width: 4.4915%; line-height: 0; }

#section-tvcm{ overflow: hidden; position: relative; padding: 5.5882% 0 4.8529%; }
#section-tvcm .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #dcdcdc; }
#section-tvcm .bg01 .deco{ position: absolute; left: 0; top: 0; line-height: 0; z-index: 5; }
#section-tvcm .bg01 .deco01{ width: 1.7051%; margin: 4.8745% 0 0 14.3254%; }
#section-tvcm .bg01 .deco02{ width: 3.4265%; margin: 25.3930% 0 0 7.9237%; }
#section-tvcm .bg01 .deco03{ width: 2.2870%; margin: 28.4159% 0 0 70.0804%; }
#section-tvcm .bg01 .deco04{ width: 4.5300%; margin: 30.0539% 0 0 78.1002%; }
#section-tvcm .bg01 .deco01 svg{ fill: #ffffff; }
#section-tvcm .bg01 .deco02 svg{ fill: #000000; }
#section-tvcm .bg01 .deco03 svg{ fill: #ffffff; }
#section-tvcm .bg01 .deco04 svg{ fill: #43a0b9; }
#section-tvcm .section-body{ position: relative; z-index: 5; }
#section-tvcm .section-body .ttl{ position: absolute; width: 17.3529%; margin: 10.2205% 0 0 70.4411%!important; }
#section-tvcm .section-body .movie-bnr{ width: 50.0984%; margin: 0 0 0 13.8985%; 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{ width: 100%; mask: center center no-repeat; -webkit-mask: center center no-repeat; }
#section-tvcm .section-body .movie-bnr .icon-arrow{ width: 10.5774%; position: absolute; left: 0; top: 0; margin: 41.0473% 0 0 79.9255%; line-height: 0; }

#section-another{ overflow: hidden; position: relative; padding: 2.9411% 0 4.2647%; }
#section-another .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #43a0b9; }
#section-another .bg01::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding-top: 12.5%; background-color: #e9a6a4; }
#section-another .section-body{ position: relative; z-index: 5; }
#section-another .section-body .photo{ width: 42.7941%; margin-left: 43.8235%; position: relative; z-index: 20; }
#section-another .section-body .txt-body{ width: 31.7647%; background-color: #fcdc53; border-radius: 10px; padding: 4.7058% 0 4.4117%; margin: -25.4411% 0 0 13.0882%; }
#section-another .section-body .txt-body .ttl{ width: 78.9312%; margin: 0 0 0 10.6481%!important; }
#section-another .section-body .txt-body .navi{ width: 79.1667%; margin: 5.0925% 0 0 10.4167%; }
#section-another .section-body .txt-body .navi a{ display: block; }

#section-end{ overflow: hidden; position: relative; padding: 7.8676% 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 .section-body{ position: relative; z-index: 5; }
#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: 26.3970%; margin: 1.6911% 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.4411%; margin: 4.2288% auto 0; }
#section-end .section-body .support-body .navi-list .navi{ width: 46.9387%; }
#section-end .section-body .support-body .navi-list .navi:nth-child(n+2){ margin-top: 4.3731%; }
#section-end .section-body .support-body .navi-list .navi01{ width: 100%; }
#section-end .section-body .support-body .navi-list .navi a{ display: block; text-decoration: none; font-size: 1.9117vw; line-height: 1.5; color: #ffffff; font-weight: 700; position: relative; background-color: rgba(0,0,0,0); }
#section-end .section-body .support-body .navi-list .navi a .frame{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#section-end .section-body .support-body .navi-list .navi a .txt{ margin-left: 3.2353vw; white-space: nowrap; height: 9.0441vw; display: flex; display: -ms-flex; align-items: center; }
#section-end .section-body .support-body .navi-list .navi01 a .txt{ margin-left: 6.25vw; }
#section-end .section-body .support-body .navi-list .navi a .icon-arrow{ position: absolute; right: 0; top: 50%; width: 1.5051vw; margin-right: 3.0147vw; line-height: 0; transform: translateY(-50%); }
#section-end .section-body .sns-body{ margin: 11.7647% auto 0; }
#section-end .section-body .sns-body .ttl{ width: 17.4264%; 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: 2.9411% 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{ 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: 32% 0 32%; }
	#section-intro .bg01 .deco01{ width: 8.1638%; margin: 162.8666% 0 0 4.0444%; }
	#section-intro .bg01 .deco02{ width: 9.5280%; margin: 194.0232% 0 0 16.8148%; }
	#section-intro .bg01 .deco03{ width: 6.9533%; margin: 119.6232% 0 0 85.0355%; }
	#section-intro .bg01 .deco04{ width: 15.0377%; margin: 343.7333% 0 0 68.4289%; }
	#section-intro .bg01 .deco05{ width: 15.0377%; margin: 640.8000% 0 0 74.5622%; }
	#section-intro .bg01 .deco05 svg{ fill: #43a0b9; }
	#section-intro .bg01 .deco08{ width: 9.9035%; margin: 785.3053% 0 0 8.7746%; }
	#section-intro .section-body .copy{ width: 79.3201%; margin: 0 0 0 11.5146%!important; }
	#section-intro .section-body .message{ width: 80.5910%; margin: 13.3333% 0 0 10.6291%; }
	#section-intro .section-body .message .txt{ width: 52.9259%; margin-bottom: 0; }
	#section-intro .section-body .message .photo{ width: 44.0582%; border-radius: 12.4821vw; }
	#section-intro .section-body .intro-ttl{ width: 89.2025%; position: relative; margin: 9.1200% 0 0 4.1994%!important; }
	#section-intro .section-body .about{ width: 86.6666%; margin: 11.84% 0 0 8.7999%; }
	#section-intro .section-body .split-view .photo-body{ position: relative; }
	#section-intro .section-body .split-view .photo-body .icon-arrow{ width: 16.4vw; }
	#section-intro .section-body .split-view .photo-body .photo-frame svg{ stroke-width: 0.6666vw }

	#section-intro .section-body .split-view01{ width: 100%; margin: 31.8133% 0 0 0; }
	#section-intro .section-body .split-view01 .ttl-body .ttl{ width: 62.9033%; margin: 0 0 0 13.2224%!important; }
	#section-intro .section-body .split-view01 .ttl-body .sub{ width: 52.5816%; margin: 0 0 0 31.6635%; }
	#section-intro .section-body .split-view01 .photo-body{ width: 97.0666%; margin: 5.6533% 0 0 5.7814%; }
	#section-intro .section-body .split-view01 .photo-body .overlay{ padding-bottom: 9%; }
	#section-intro .section-body .split-view01 .photo-body .icon-arrow{ margin: 49.8854% 0 0 47.7526%; }
	#section-intro .section-body .split-view01 .txt{ width: 86.8984%; margin: 11.7066% 0 0 5.7025%; }

	#section-intro .section-body .split-view02{ width: 100%; margin: 22.1333% 0 0 0; }
	#section-intro .section-body .split-view02 .ttl-body .ttl{ width: 56.4369%; margin: 0 0 0 13.0463%!important; }
	#section-intro .section-body .split-view02 .ttl-body .sub{ width: 44.1454%; margin: 1.3333% 0 0 18.5969%; }
	#section-intro .section-body .split-view02 .photo-body{ width: 96.9309%; margin: 5.8666% 0 0 -5.2829%; }
	#section-intro .section-body .split-view02 .photo-body .overlay{ padding-bottom: 0; }
	#section-intro .section-body .split-view02 .photo-body .icon-arrow{ margin: 37.4701% 0 0 79.3171%; }
	#section-intro .section-body .split-view02 .txt{ width: 91.0614%; margin: 5.0666% 0 0 4.9612%; }

	#section-intro .section-body .split-view03{ width: 100%; margin: 29.8666% 0 0 0; }
	#section-intro .section-body .split-view03 .ttl-body .ttl{ width: 59.0733%; margin: 0 0 0 8.6038%!important; }
	#section-intro .section-body .split-view03 .ttl-body .sub{ width: 62.0966%; margin: 3.7333% 0 0 15.5751%; }
	#section-intro .section-body .split-view03 .photo-body{ width: 96.9309%; margin: 7.1999% 0 0 0.1413%; }
	#section-intro .section-body .split-view03 .photo-body .icon-arrow{ margin: 35.2692% 0 0 74.8215%; }
	#section-intro .section-body .split-view03 .txt{ width: 86.9471%; margin: 7.1999% 0 0 5.9315%; }

	#section-pleasure{ padding: 78.4% 0 38.4%; }
	#section-pleasure .bg01 .deco01{ width: 12.0510%; margin: 5.7457% 0 0 77.1222%; }
	#section-pleasure .bg01 .deco04{ width: 12.0510%; margin: 154.5457% 0 0 5.1222%; }
	#section-pleasure .section-body .ttl-body .ttl{ width: 79.5168%; }
	#section-pleasure .section-body .ttl-body .photo{ width: 56.7559%; margin-left: 21.8666%; }
	#section-pleasure .section-body .inner-section .head .deco{ display: none; }
	#section-pleasure .section-body .inner-section .list-item{ display: block; margin-top: 11.2000%; }
	#section-pleasure .section-body .inner-section .list-item .item{ width: 90.6666%; }
	#section-pleasure .section-body .inner-section .list-item .item:nth-child(n){ margin-left: 9.3334%; }
	#section-pleasure .section-body .inner-section .list-item .item:nth-child(2n+2){ margin-left: 0; }
	#section-pleasure .section-body .inner-section .list-item .item:nth-child(n+2){ margin-top: 15.4666%; }
	#section-pleasure .section-body .inner-section .list-item .item .photo-body .photo{ border-radius: 5.3333vw; }
	#section-pleasure .section-body .inner-section .list-item .item .photo-body .caption{ position: relative; top: auto; right: auto; text-align: right; width: 98%; }
	#section-pleasure .section-body .inner-section .list-item .item .txt{ font-size: 4.2666vw; margin-top: 5.2941%; width: 92.3529%; }
	#section-pleasure .section-body .inner-section .list-item .item .caption{ font-size: 3.2vw; line-height: 1.6666; margin-top: 4.1176%; width: 92.3529%; }
	#section-pleasure .section-body .inner-section .list-item .item:nth-child(2n+2) .txt{ margin-left: auto; }
	#section-pleasure .section-body .navi{ width: 74.6666%; margin: 24.9333% auto 0; }
	#section-pleasure .section-body .navi a .word{ font-size: 5.0666vw; }
	#section-pleasure .section-body .inner-section01{ margin: 17.3333% auto 0; }
	#section-pleasure .section-body .inner-section01 .head{ width: 57.4114%; }
	#section-pleasure .section-body .inner-section01 .list-item .item01 .bubble{ margin-left: -0.5882%; width: 65.2941%; }
	#section-pleasure .section-body .inner-section01 .list-item .item02 .bubble{ margin-left: 5.5882%; width: 88.9776%; }
	#section-pleasure .section-body .inner-section01 .list-item .item03 .bubble{ margin-left: 5.5882%; width: 71.3972%; }
	#section-pleasure .section-body .inner-section01 .list-item .item01 > .caption{ width: 92.3529%; margin-top: 4.1176%; }
	#section-pleasure .section-body .inner-section01 .list-item .item02 .photo-body .caption{ text-align: left; margin-left: auto; }
	#section-pleasure .section-body .inner-section02{ margin: 19.4666% auto 0; }
	#section-pleasure .section-body .inner-section02 .head{ width: 54.7897%; }
	#section-pleasure .section-body .inner-section02 .list-item .item01 .bubble{ margin-left: 35.2079%; width: 59.3121%; }
	#section-pleasure .section-body .inner-section02 .list-item .item01 .photo-body .caption{ text-align: left; margin-left: auto; }
	#section-pleasure .section-body .inner-section02 .list-item .item02 .bubble{ margin-left: 7.0588%; width: 64.7059%; }
	#section-pleasure .section-body .inner-section02 .list-item .item:nth-child(n){ margin-left: 0; }
	#section-pleasure .section-body .inner-section02 .list-item .item:nth-child(2n+2){ margin-left: 9.3334%; }
	#section-pleasure .section-body .inner-section02 .list-item .item:nth-child(n) .txt{ margin-left: 0; }
	#section-pleasure .section-body .inner-section02 .list-item .item:nth-child(2n+1) .txt{ margin-left: auto; }

	#section-newarr{ padding: 9.8666% 0 0; }
	#section-newarr .bg01 .deco01{ width: 5.2304%; margin: 179.9211% 0 0 86.6561%; }
	#section-newarr .bg01 .deco02{ width: 5.5813%; margin: 338.2666% 0 0 79.5118%; }
	#section-newarr .bg01 .deco03{ width: 3.6264%; margin: 353.2227% 0 0 88.3703%; }
	#section-newarr .bg01 .deco04{ width: 5.066%; margin: 503.0157% 0 0 12.6221%; }
	#section-newarr .section-body .about-body{ padding-bottom: 21.3333%; }
	#section-newarr .section-body .about-body .ttl{ width: 75.4085%; }
	#section-newarr .section-body .about-body .ttl .deco{ width: 12.4934%; margin: -7.7382% 0 0 -5.2369%; }
	#section-newarr .section-body .about-body .bubble-body{ margin: 4.3522% auto 0; }
	#section-newarr .section-body .about-body .bubble-body .bubble{ padding: 0 18.4% 24%; font-size: 4.2666vw; line-height: 1.75; white-space: nowrap; position: relative; left: 50%; transform: translateX(-50%); }
	#section-newarr .section-body .about-body .bubble-body .line01{ width: 15.9539vw; margin-left: 8vw; }
	#section-newarr .section-body .about-body .bubble-body .line02{ width: 15.9539vw; }
	#section-newarr .section-body .about-body .bubble-body .bubble .marker{ font-size: 100%; }
	#section-newarr .section-body .about-body .car{ width: 77.3333%; margin: -14.3999% 0 0 10.6666%; }
	#section-newarr .section-body .about-body .about-copy{ margin: 8% 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: 6% 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: 63.3849%; 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: 43.8582%; margin-left: 10%!important; }
	#section-newarr .section-body .about-body .feature-body .color-body .list-item{ width: 84.5334%; }
	#section-newarr .section-body .style-wrapper{ position: relative; padding: 18.1333% 0 19.4666%; }
	#section-newarr .section-body .style-wrapper .style-body .panel{ width: 89.8666%; padding: 5.6000% 0 7.7333%; }
	#section-newarr .section-body .style-wrapper .style-body .panel .logo{ width: 86.0113%; }
	#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: 5.9347%; }
	#section-newarr .section-body .style-wrapper .style-body .panel .txt{ font-size: 4.2666vw; margin: 6.7151% 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 .item .photo{ border-radius: 1.3333vw; }
	#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: 10.6666%; }

	#section-accessory{ margin-top: 0; padding: 28.5333% 0 29.8666%; }
	#section-accessory .bg01 .deco01{ width: 10.1280%; margin: 1.8790% 0 0 80.4837%; }
	#section-accessory .bg01 .deco03{ width: 6.7927%; margin: 0 0 7.1706% 85.5367%; top: auto; bottom: 0; }
	#section-accessory .bg01 .deco04{ width: 7.0604%; margin: 4.6178% 0 0 8.7999%; }
	#section-accessory .bg01 .deco04 svg{ fill: #ffffff; }
	#section-accessory .section-body .ttl-body .copy{ font-size: 7.1999vw; line-height: 1.6666; margin-left: 0; text-align: center; }
	#section-accessory .section-body .ttl-body .ttl{ width: 89.9667%; margin: 10.3200% 0 0 6.3016%!important; }
	#section-accessory .photo-body{ width: 90.1333%; position: relative; margin: 5.6000% 0 0 5.6000%; }
	#section-accessory .section-body .navi{ width: 74.6666%; margin: 14.3999% auto 0; }
	#section-accessory .section-body .navi a .word{ font-size: 5.0666vw; }

	#section-tvcm{ padding: 18.6666% 0 19.2%; }
	#section-tvcm .bg01 .deco02{ width: 10.6012%; margin: 11.7333% 0 0 84.0436%; }
	#section-tvcm .bg01 .deco04{ width: 10.1280%; margin: 12.8% 0 0 6.8837%; }
	#section-tvcm .bg01 .deco05{ width: 10.7865%; margin: 112.5333% 0 0 13.2843%; }
	#section-tvcm .bg01 .deco06{ width: 10.1280%; margin: 115.1999% 0 0 82.3504%; }
	#section-tvcm .bg01 .deco05 svg{ fill: #000000; }
	#section-tvcm .bg01 .deco06 svg{ fill: #43a0b9; }
	#section-tvcm .section-body .ttl{ position: relative; width: 64.4034%; margin: 0 0 0 10.1333%!important; }
	#section-tvcm .section-body .movie-bnr{ width: 108.7280%; margin: 7.9199% 0 0 -8.7280%; }
	#section-tvcm .section-body .movie-bnr .photo{ width: 100%; mask: center center no-repeat; -webkit-mask: center center no-repeat; }
	#section-tvcm .section-body .movie-bnr .icon-arrow{ width: 14.1178%; position: relative; margin: -8.8504% 0 0 62.9657%; }

	#section-another{ padding: 9.8666% 0 12%; }
	#section-another .bg01::before{ top: auto; transform: none; padding-top: 31.4666%; margin-top: 125.8667%; }
	#section-another .section-body .photo{ width: 100%; margin-left: 0; }
	#section-another .section-body .txt-body{ width: 75.1572%; border-radius: 2.6666vw; margin: 5.6% auto 0; position: relative; padding: 9.8666% 0 22.6666%; }
	#section-another .section-body .txt-body .ttl{ width: 93.0526%; margin: 0 0 0 3.4737%!important; }
	#section-another .section-body .txt-body .navi{ position: absolute; left: 0; top: 100%; width: 121.3456%; margin: -19.3611% 0 0 -10.6728%; }

	#section-end{ padding: 20.8% 0 25.0666%; }
	#section-end .bg01 .fill{ background-size: 26.6666vw; }
	#section-end .section-body .support-body .ttl-body .sub{ font-size: 7.1999vw; }
	#section-end .section-body .support-body .ttl-body .ttl{ width: 74.6389%; margin: 6.7604% auto 0!important; }
	#section-end .section-body .support-body .navi-list{ display: block; width: 86.0029%; margin: 12.8190% 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: 8.9919%; }
	#section-end .section-body .support-body .navi-list .navi a{ font-size: 5.6000vw; line-height: 1.38; }
	#section-end .section-body .support-body .navi-list .navi a .txt{ margin-left: 9.3333vw; height: 32.8007vw; }
	#section-end .section-body .support-body .navi-list .navi a .icon-arrow{ width: 4.0869vw; margin-right: 5.9315vw; }
	#section-end .section-body .sns-body{ margin: 36.8% auto 0; }
	#section-end .section-body .sns-body .ttl{ width: 49.1674%; }
	#section-end .section-body .sns-body .navi-list{ width: 52.7672%; margin: 7.5625% 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-body .deco{ animation: loader_animation 1.5s infinite; }
#loader .deco-body .deco02{ animation-delay: 0.165s; }
#loader .deco-body .deco03{ animation-delay: 0.33s; }
#section-intro .section-body .copy{ opacity: 0; }
#section-intro .section-body .copy.show{ opacity: 1; transition: opacity 1s; }
#section-intro .section-body .message{ opacity: 0; }
#section-intro .section-body .message.show{ opacity: 1; transition: opacity 1s; }
#section-intro .section-body .intro-ttl{ opacity: 0; transform: translateY(30px); }
#section-intro .section-body .intro-ttl.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-intro .section-body .about{ opacity: 0; }
#section-intro .section-body .about.show{ opacity: 1; transition: opacity 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 .split-view .photo img{ transform: scale(1.1); }
#section-intro .section-body .split-view.show .photo img{ transform: scale(1); transition: transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
#section-pleasure .section-body .ttl-body{ opacity: 0; transform: translateY(30px); }
#section-pleasure .section-body .ttl-body.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-pleasure .section-body .inner-section .head{ opacity: 0; }
#section-pleasure .section-body .inner-section .head.show{ opacity: 1; transition: opacity 1s; }
#section-pleasure .section-body .inner-section .list-item .item{ opacity: 0; transform: translateY(20px); }
#section-pleasure .section-body .inner-section .list-item .item.show{ opacity: 1; transform: translateY(0px); transition: opacity 1s, transform 1s; }
#section-pleasure .section-body .inner-section .list-item .item02.show{ transition-delay: 0.1s; }
#section-pleasure .section-body .inner-section .list-item .item03.show{ transition-delay: 0.2s; }
@media only screen and (max-width: 767px) { /*767px以下*/
	#section-pleasure .section-body .inner-section .list-item .item.show{ transition-delay: 0s; }
}
#section-pleasure .section-body .navi{ opacity: 0; }
#section-pleasure .section-body .navi.show{ opacity: 1; transition: opacity 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 .section-body .ttl-body{ opacity: 0; }
#section-accessory .section-body .ttl-body.show{ opacity: 1; transition: opacity 1s; }
#section-accessory .photo-body{ opacity: 0; }
#section-accessory .photo-body.show{ opacity: 1; transition: opacity 1s; }
#section-accessory .photo-body .photo{ overflow: hidden; }
#section-accessory .photo-body .photo img{ transform: scale(1.1); }
#section-accessory .photo-body.show .photo img{ transform: scale(1); transition: transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
#section-accessory .section-body .navi{ opacity: 0; }
#section-accessory .section-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); }
#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; }







/*keyframes*/
/*-------------------------------------------------------*/
@keyframes loader_animation{
	0%{ transform: translateY(0); }
	16.66%{ transform: translateY(-10px); }
	33.33%{ transform: translateY(0); }
	100%{ transform: translateY(0); }
}







/*hover*/
/*-------------------------------------------------------*/
#lp-content .util-navi .navi a{ transition: background-color 0.3s; }
#lp-content .util-navi .navi a:active{ background-color: #ffffff; color: #a4874e; }
#section-intro .section-body .split-view .photo-body .icon-arrow{ transition: transform 0.3s; }
#section-intro .section-body .split-view .photo-body .overlay:active~.icon-arrow{ transform: scale(0.9); }
#section-pleasure .section-body .navi a{ transition: transform 0.3s; }
#section-pleasure .section-body .navi a:active{ transform: scale(0.95); }
#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: #a4874e; }
	#section-intro .section-body .split-view .photo-body .overlay:hover~.icon-arrow{ transform: scale(0.9); }
	#section-pleasure .section-body .navi a:hover{ transform: scale(0.95); }
	#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); }
}