@charset "utf-8";

/*tmp overwrite*/
/*-------------------------------------------------------*/
#header{ position: relative; z-index: 5001; }
#footer{ z-index: 5000; position: relative; }
.article{ min-height: 0; }
#footer .contain{ display: none; }
#footer .wrap-link-footer{ display: none; }
.com-footer__main { background-color: #0068b4; }
.btn-top-sp{ display: none; }



/*initialize*/
/*-------------------------------------------------------*/
#special-content{ overflow: hidden; position: relative; }
#special-content *{ font-family: 'YakuHanJP','Noto Sans Japanese',sans-serif; }
#special-content a{ display: block; }
#special-content img{ width: 100%; height: auto; line-height: 0; vertical-align: middle; }
#special-content .defs{ position: absolute; z-index: -9999; width: 0; height: 0; overflow: hidden; }
#special-content .sp{ display: none; }


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



/*contetnt*/
/*-------------------------------------------------------*/
#loader{ position: fixed; width: 100%; margin-top: 63px; top: 50%; left: 0; transform: translateY(-50%); z-index: 4000; }
#loader .txt{ width: 44.7414%; position: relative; left: 50%; transform: translateX(-50%); z-index: 4400; }
#loader .bar{ margin-top: 2.7941%; width: 100%; position: relative; }
#loader .bar .fill{ position: absolute; left: 0; width: 100%; height: 100vh; background-color: #73bbe2; }
#loader .bar .fill-t{ bottom: 0; }
#loader .bar .fill-b{ top: 0; }
#loader .bar .progress{ height: 1px; background-color: #ffffff; position: relative; z-index: 4200; transform: scaleX(0); }
#special-content .kv{ position: relative; width: 100%; background-color: #73bbe2; }
#special-content .util-navi-wrapper{ width: 100%; background-color: #0068b4; position: relative; z-index: 2000; }
#special-content .util-navi-wrapper.fixed{ position: fixed; z-index: 2000; bottom: 0; transform: translateY(100%); margin-bottom: -13.3823%; }
#special-content .util-navi-wrapper.active{ transform: translateY(0); margin-bottom: 0; }
#special-content .util-navi-wrapper.end{ position: absolute; }
#special-content .util-navi{ background-color: #0068b4; position: relative; width: 100%; z-index: 2000; }
#special-content .util-navi .btn{ position: absolute; left: 0; bottom: 100%; width: 12.3529%; margin: 0 0 1.0294% 86.3235%; }
#special-content .util-navi .btn a{ display: block; box-shadow: 0 0.3676vw 0.3676vw rgba(0,0,0,0.3); border-radius: 50%; }
#special-content .util-navi .navi-list{ width: 69.8529%; margin: 0 auto; display: flex; display: -ms-flex; border: solid #80b3d9; border-width: 0 1px; }
#special-content .util-navi .navi-list .navi{ flex: 1; }
#special-content .util-navi .navi-list .navi:nth-child(n+2){ border-left: 1px solid #80b3d9; }
#special-content .util-navi .navi-list .navi a{ text-decoration: none; color: #ffffff; display: flex; display: -ms-flex; justify-content: center; align-items: center; height: 3.6764vw; font-size: 1.25vw; line-height: 1.125; text-align: center; }
#special-content .cp-dummy{ padding-top: 200%; position: relative; z-index: 9999; pointer-events: none; display: none; }
#special-content .cp-dummy.active{ display: block; }
#special-content .cp-dummy .equipment-box{ position: absolute; left: 0; top: 0; width: 100%; padding-top: 200%; }
#special-content .cp-wrapper{ overflow: hidden; transform: translateY(0); }
#special-content .cp-wrapper.fixed{ position: fixed; left: 0; top: 0; }
#special-content .section-story{ position: relative; left: 0; top: 0; padding: 6.1765% 0 10.5882%; }
#special-content .section-story .base-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center center repeat; background-size: 22.0588vw 22.0588vw; }
#special-content .section-story .base-bg .bg{ position: absolute; left: 0; top: 0; width: 100%; }
#special-content .section-story .bg-deco01{ position: absolute; left: 0; top: 0; width: 40.9559%; z-index: 1000; mix-blend-mode: multiply; margin: -2.9412% 0 0 -6.9117%; }
#special-content .section-story .hero{ width: 83.2175%; margin: 0 auto; position: relative; }
#special-content .section-story .hero .ttl{ position: absolute; left: 0; top: 0; width: 51.0019%; z-index: 10; margin: 7.2738% 0 0 41.7712%; }
#special-content .section-story .hero .photo{ mask: center center no-repeat; -webkit-mask: center center no-repeat; }
#special-content .section-story .hero .caption{ position: absolute; right: 0; top: 100%; font-size: 0.7352vw; line-height: 1.4545; color: #736d8b; margin-top: 0.7352%; }
#special-content .section-story .intro{ position: relative; margin-top: 5.5147%; }
#special-content .section-story .intro .copy{ width: 49.1912%; margin-left: 24.3382%; line-height: 0; }
#special-content .section-story .intro .txt{ width: 53.5294%; margin: 2.9412% auto 0; }
#special-content .section-story .story{ position: relative; margin-top: 6.6176%; }
#special-content .section-story .story .ttl{ width: 3.8235%; position: absolute; left: 0; margin: 0 0 0 82.8309%!important; }
#special-content .section-story .story .txt{ position: absolute; left: 0; top: 0; z-index: 20; }
#special-content .section-story .story .txt01{ width: 16.1765%; margin: 2.9153% 0 0 63.1528%; }
#special-content .section-story .story .txt02{ width: 7.2794%; margin: -4.9949% 0 0 32.1%; }
#special-content .section-story .story .txt03{ width: 13.1618%; margin: 22.0153% 0 0 33.3315%; }
#special-content .section-story .story .txt04{ width: 7.3529%; margin: 2.2359% 0 0 74.1184%; }
#special-content .section-story .story .txt05{ width: 7.2059%; margin: 9.2712% 0 0 20.0225%; }
#special-content .section-story .story .txt06{ width: 18.9706%; margin: 2.3139% 0 0 71.5553%; }
#special-content .section-story .story .copy{ position: absolute; left: 0; top: 0; z-index: 30; line-height: 0; }
#special-content .section-story .story .copy01{ width: 18.1618%; margin: 33.75% 0 0 7.2059%; }
#special-content .section-story .story .copy02{ width: 10.9558%; margin: -1.0293% 0 0 24.3382%; }
#special-content .section-story .story .copy03{ width: 9.6323%; margin: -1.9852% 0 0 48.0147%; }
#special-content .section-story .story .copy04{ width: 7.1323%; margin: 14.4118% 0 0 32.4117%; }
#special-content .section-story .story .copy05{ width: 12.5735%; margin: 22.4264% 0 0 31.9117%; }
#special-content .section-story .story .deco{ position: absolute; left: 0; top: 0; z-index: 40; }
#special-content .section-story .story .deco01{ width: 13.0882%; mix-blend-mode: multiply; margin: 24.0441% 0 0 65.6618%; }
#special-content .section-story .story .deco02{ width: 11.0294%; margin: 23.3823% 0 0 68.75%; }
#special-content .section-story .story .deco03{ width: 16.9118%; margin: 16.4705% 0 0 10.5147%; }
#special-content .section-story .story .deco04{ width: 13.8235%; margin: 14.9264% 0 0 71.3971%; }
#special-content .section-story .story .scene{ position: relative; }
#special-content .section-story .story .scene02{ margin-top: 12.8676%; }
#special-content .section-story .story .scene03{ margin-top: 5.8823%; }
#special-content .section-story .story .scene04{ margin-top: 6.25%; }
#special-content .section-story .story .scene05{ margin-top: 1.4705%; }
#special-content .section-story .story .scene06{ margin-top: 12.5%; }
#special-content .section-story .story .scene .photo{ position: relative; overflow: hidden; }
#special-content .section-story .story .scene .photo01{ width: 56.3235%; z-index: 10; }
#special-content .section-story .story .scene .photo02{ width: 29.4118%; margin: -8.6029% 0 0 48.9025%; }
#special-content .section-story .story .scene .photo03{ width: 36.1764%; margin-left: 45.6621%; }
#special-content .section-story .story .scene .photo04{ width: 30.5882%; margin: 1.8382% 0 0 27.5735%; }
#special-content .section-story .story .scene .photo05{ width: 78.0882%; }
#special-content .section-story .story .scene .photo06{ width: 36.3235%; margin: -4.5588% 0 0 51.6248%; z-index: 10; }
#special-content .section-story .story .scene .photo07{ width: 42.5735%; margin-left: 25.8088%; }
#special-content .section-story .story .scene .photo08{ width: 41.1029%; margin-left: 52.4264%; }
#special-content .section-story .story .scene .photo09{ width: 26.7647%; margin: -8.8235% 0 0 38.0516%; z-index: 10; }
#special-content .section-story .story .scene .photo10{ width: 55.3676%; margin-left: 7.5735%; }
#special-content .section-story .story .scene .caption{ font-size: 0.7352vw; line-height: 1.6; color: #736d8b; position: absolute; top: 100%; }
#special-content .section-story .story .scene02 .caption{ margin: 0.3676% 0 0 27.5735%; }
#special-content .section-story .story .scene04 .caption{ margin: 2.2058% 0 0 12.1323%; }
#special-content .section-story .story .scene05 .caption{ margin: 0.3676% 0 0 66.3970%; }
#special-content .section-story .story .scene06 .caption{ margin: 0.3676% 37.0588% 0 0; right: 0; }
#special-content .section-story .section-equipment{ margin-top: 13.2353%; position: relative; }
#special-content .section-story .section-equipment .base-box{ width: 77.7941%; /*width: 1058px;*/ margin: 0 auto; }
#special-content .section-story .section-equipment .base-box .equipment{ width: 222.1172%; /*width: 2350px;*/ border-radius: 1.5668vw; padding: 5.3875% 0; overflow: hidden; position: relative; }
#special-content .section-story .section-equipment .base-box .equipment .ttl{ width: 29.1914%; margin: 0 0 0 2.3829%!important; position: relative; z-index: 10; }
#special-content .section-story .section-equipment .base-box .equipment .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#special-content .section-story .section-equipment .base-box .equipment .bg img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#special-content .section-story .section-equipment .base-box .equipment .deco{ position: relative; width: 81.0638%; padding-top: 0.1065%; margin: 1.1177% 0 0 2.3829%; }
#special-content .section-story .section-equipment .base-box .equipment .deco img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#special-content .section-story .section-equipment .base-box .equipment .list-item{ width: 81.0638%; /*width: 1905px;*/ display: flex; display: -ms-flex; justify-content: space-between; margin: 1.1177% 0 0 2.3829%; position: relative; z-index: 10; }
#special-content .section-story .section-equipment .base-box .equipment .list-item .item{ width: 21.7847%; color: #0093b6; }
#special-content .section-story .section-equipment .base-box .equipment .list-item .item *{ color: inherit; }
#special-content .section-story .section-equipment .base-box .equipment .list-item .item .head{ font-size: 1.3970vw; line-height: 1.5; font-weight: bold; display: flex; display: -ms-flex; align-items: center; height: 4.191vw; }
#special-content .section-story .section-equipment .base-box .equipment .list-item .item .photo{ margin-top: 3.125%; border-radius: 1.4705vw; overflow: hidden; }
#special-content .section-story .section-equipment .base-box .equipment .list-item .item .photo-caption{ font-size: 0.8088vw; line-height: 1.5454; margin-top: 2.1875%; color: #000000; text-align: right; }
#special-content .section-story .section-equipment .base-box .equipment .list-item .item .txt{ font-size: 1.1764vw; line-height: 1.6875; margin-top: 3.125%; }
#special-content .section-story .section-equipment .base-box .equipment .list-item .item .caption{ font-size: 0.8088vw; line-height: 1.5454; margin-top: 2.1875%; color: #000000; }
#special-content .section-story .section-equipment .base-box .equipment .btn{ width: 11.3617%; position: absolute; left: 0; top: 0; margin: 12.9359% 0 0 85.8214%; }
#special-content .section-story .section-equipment .base-box .equipment .btn a{ display: block; }
#special-content .section-story .another-navi{ width: 66.9118%; margin: 6.4706% auto 0; }
#special-content .section-story .another-navi a{ display: block; position: relative; box-shadow: 0.4779vw 0.4779vw 0.3676vw rgba(0,62,76,0.2); border-radius: 4.0441vw; background: rgba(0,62,76,0.2); }
#special-content .etc-info{ position: relative; margin-top: -1px; z-index: 500; padding: 17.6471% 0 19.8529%; }
#special-content .etc-info .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#special-content .etc-info .bg *{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center 0 no-repeat; background-size: 100% 100%; }
#special-content .etc-info .section-accessory{ position: relative; }
#special-content .etc-info .section-accessory .ttl{ width: 38.6765%; margin: 0 0 0 26.839%!important; }
#special-content .etc-info .section-accessory .copy{ width: 64.8529%; margin: 2.7206% auto 0; }
#special-content .etc-info .section-accessory .photo-body{ width: 66.1764%; margin: 2.9411% auto 0; position: relative; }
#special-content .etc-info .section-accessory .photo-body .deco{ position: absolute; left: 0; top: 0; }
#special-content .etc-info .section-accessory .photo-body .deco01{ width: 6.1111%; margin: -4.2222% 0 0 102.1111%; z-index: 5; }
#special-content .etc-info .section-accessory .photo-body .deco02{ width: 6.8889%; margin: 43.3333% 0 0 -7.7777%; }
#special-content .etc-info .section-accessory .photo-body .photo{ overflow: hidden; border-radius: 1.4705vw; position: relative; }
#special-content .etc-info .section-accessory .photo-body .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; display: block; }
#special-content .etc-info .section-accessory .photo-body .btn{ position: absolute; left: 0; top: 0; width: 33.7778%; margin: 41.6477% 0 0 75.1111%; z-index: 10; }
#special-content .etc-info .section-accessory .photo-body .btn a{ display: block; }
#special-content .etc-info .section-tvcm{ position: relative; margin-top: 8.4559%; }
#special-content .etc-info .section-tvcm .ttl{ width: 15.5882%; margin: 0 auto!important; }
#special-content .etc-info .section-tvcm .list-item{ margin-top: 3.3088%; }
#special-content .etc-info .section-tvcm .list-item .item{ width: 53.5294%; /*width: 728px;*/ margin: 0 auto; }
#special-content .etc-info .section-tvcm .list-item .item .txt{ width: 55.2198%; margin: 0 auto; }
#special-content .etc-info .section-tvcm .list-item .item .photo-body{ overflow: hidden; border-radius: 1.4705vw; margin-top: 5.4945%; box-shadow: 0 0 0.3676vw rgba(0,104,180,0.4); position: relative; }
#special-content .etc-info .section-tvcm .list-item .item .photo-body .photo{ position: relative; }
#special-content .etc-info .section-tvcm .list-item .item .photo-body .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 10; }
#special-content .etc-info .section-tvcm .list-item .item .photo-body .icon{ width: 18.6813%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0.2205vw 0.2205vw 0.3676vw rgba(0,0,0,0.35); border-radius: 50%; z-index: 5; }
#special-content .etc-info .section-share{ position: relative; margin-top: 9.1912%; }
#special-content .etc-info .section-share .ttl{ width: 16.9117%; margin: 0 auto!important; }
#special-content .etc-info .section-share .navi-list{ width: 12.5%; margin: 2.9411% auto 0; display: flex; display: -ms-flex; justify-content: space-between; align-items: flex-end; }
#special-content .etc-info .section-share .navi-list .navi01{ width: 47.0588%; }
#special-content .etc-info .section-share .navi-list .navi02{ width: 42.3529%; }
#special-content .etc-info .section-share .navi-list .navi a{ display: block; }





@media only screen and (max-width: 767px) { /*767px以下*/
	#loader{ margin-top: 28px; }
	#loader .txt{ width: 67.1121%; }
	#special-content .util-navi-wrapper.fixed{ margin-bottom: -26.1333%; }
	#special-content .util-navi-wrapper.active{ margin-bottom: 0; }
	#special-content .util-navi .btn{ width: 24%; margin: 0 0 2.1333% 74.1333%; }
	#special-content .util-navi .btn a{ box-shadow: 0 0.8vw 0.8vw rgba(0,0,0,0.3); }
	#special-content .util-navi .navi-list{ width: 100%; border: none; }
	#special-content .util-navi .navi-list .navi a{ height: 14.6666vw; font-size: 3.2vw; line-height: 1.25; }
	#special-content .cp-dummy{ padding-top: 200vh; }
	#special-content .cp-dummy .equipment-box{ padding-top: 200vh; }
	#special-content .section-story{ padding: 4.5333% 0 12.5333%; }
	#special-content .section-story .base-bg{ background-size: 42.3627vw 42.3627vw; }
	#special-content .section-story .bg-deco01{ display: none; }
	#special-content .section-story .hero{ width: 90.6666%; }
	#special-content .section-story .hero .caption{ position: absolute; right: 0; top: auto; bottom: 0; font-size: 2.4vw; line-height: 1.6; margin: 0 7.0588% 5.0480% 0; background-color: #45496f; color: #ffffff; padding: 0 1.3333vw; border-radius: 0.5333vw; }
	#special-content .section-story .intro{ margin-top: 10.9333%; }
	#special-content .section-story .intro .copy{ width: 71.3951%; margin-left: 14.9333%; }
	#special-content .section-story .intro .txt{ width: 81.0358%; margin-top: 5.0666%;	}
	#special-content .section-story .story{ margin-top: 13.3333%; }
	#special-content .section-story .story .ttl{ width: 8.5818%; margin: 0 0 0 71.1389%!important; } 
	#special-content .section-story .story .txt01{ width: 40.2719%; margin: 0 0 0 24.3761%; }
	#special-content .section-story .story .txt02{ width: 16.3535%; margin: 0 0 0 13.5886%; }
	#special-content .section-story .story .txt03{ width: 29.8031%; margin: 68% 0 0 10.1140%; }
	#special-content .section-story .story .txt04{ width: 16.488%; margin: 0 0 0 68.0211%; }
	#special-content .section-story .story .txt05{ width: 16.2959%; margin: 17.6928% 0 0 10.1857%; }
	#special-content .section-story .story .txt06{ width: 43.1159%; margin: 0 0 0 28.4420%; }
	#special-content .section-story .story .copy01{ width: 33.3333%; margin: 90.3333% 0 0 5.6000%; }
	#special-content .section-story .story .copy02{ width: 19.9602%; margin: 55.7176% 0 0 14.3999%; }
	#special-content .section-story .story .copy03{ width: 17.5489%; margin: 54.3843% 0 0 52.8000%; }
	#special-content .section-story .story .copy04{ width: 12.7061%; margin: 66.1422% 0 0 14.1333%; }
	#special-content .section-story .story .copy05{ width: 22.3996%; margin: 80.5422% 0 0 13.0666%; }
	#special-content .section-story .story .deco01{ width: 23.4666%; margin: -15.0666% 0 0 46.6666%; }
	#special-content .section-story .story .deco02{ width: 19.4666%; margin: -16.6666% 0 0 52.2666%; }
	#special-content .section-story .story .deco03{ width: 30.1333%; margin: 102.9333% 0 0 27.2000%; }
	#special-content .section-story .story .deco04{ width: 28.0000%; margin: 2.1333% 0 0 50.1333%; }
	#special-content .section-story .story .scene{ position: relative; }
	#special-content .section-story .story .scene01{ padding-top: 43.1454%; }
	#special-content .section-story .story .scene02{ padding-top: 13.8666%; margin-top: 18.6666%; }
	#special-content .section-story .story .scene03{ margin-top: 21.3333%; }
	#special-content .section-story .story .scene04{ padding-top: 61.3333%; margin-top: 42.6666%; }
	#special-content .section-story .story .scene05{ margin-top: 7.1999%; }
	#special-content .section-story .story .scene06{ padding-top: 53.3333%; margin-top: 16.2666%; }
	#special-content .section-story .story .scene .photo01{ width: 79.2%; }
	#special-content .section-story .story .scene .photo02{ width: 45.4666%; margin: -16.5674% 0 0 47.4749%; }
	#special-content .section-story .story .scene .photo03{ width: 57.2591%; margin-left: auto; }
	#special-content .section-story .story .scene .photo04{ width: 61.32104%; margin: 2.7970% 0 0 8.7999%; }
	#special-content .section-story .story .scene .photo05{ width: 84%; }
	#special-content .section-story .story .scene .photo06{ width: 74.0532%; margin: -6.5283% 0 0 auto; }
	#special-content .section-story .story .scene .photo07{ width: 78.4%; margin-left: 13.0666%; }
	#special-content .section-story .story .scene .photo08{ width: 92.6101%; margin-left: auto; }
	#special-content .section-story .story .scene .photo09{ width: 72.2666%; margin: 7.3066% 0 0 auto; }
	#special-content .section-story .story .scene .photo10{ width: 91.7333%; margin-left: 0; }
	#special-content .section-story .story .scene .caption{ top: auto; bottom: 0; font-size: 2.4vw; line-height: 1.6; padding: 0 1.3333vw; border-radius: 0.5333vw; z-index: 10; }
	#special-content .section-story .story .scene02 .caption{ margin: 0 0 1.8666% 11.7333%; background-color: #45496f; color: #ffffff; }
	#special-content .section-story .story .scene04 .caption{ margin: 0 0 2.2433% 89.3333%; background-color: #ffffff; color: #45496f; }
	#special-content .section-story .story .scene05 .caption{ margin: 0 1.8666% 1.8666% 0; left: auto; right: 0; background-color: #45496f; color: #ffffff; }
	#special-content .section-story .story .scene06 .caption{ margin: 0 10.1333% 1.8666% 0; left: auto; right: 0; background-color: #45496f; color: #ffffff; }
	#special-content .section-story .story .sp-caption{ font-size: 2.4vw; line-height: 1.6; color: #5d5a7c; width: 84.9643%; margin: 6.4% auto 0; }
	#special-content .section-story .section-equipment{ margin-top: 21.3333%; }
	#special-content .section-story .section-equipment .base-box{ width: 88.5333%; /*width: 332px;*/ }
	#special-content .section-story .section-equipment .base-box .equipment{ width: 421.0843%; /*width: 1398px;*/ border-radius: 2.6666vw; padding: 9.0361% 0; }
	#special-content .section-story .section-equipment .base-box .equipment .ttl{ width: 15.8469%; margin: 0 0 0 2.5642%!important; }
	#special-content .section-story .section-equipment .base-box .equipment .deco{ width: 76.5379%; padding-top: 0.1138%; margin: 1.0778% 0 0 2.5642%; }
	#special-content .section-story .section-equipment .base-box .equipment .list-item{ width: 76.5379%; /*width: 1070px;*/ margin: 1% 0 0 2.5642%; }
	#special-content .section-story .section-equipment .base-box .equipment .list-item .item{ width: 22.4299%; }
	#special-content .section-story .section-equipment .base-box .equipment .list-item .item .head{ font-size: 3.2vw; line-height: 1.4285; height: 9.1424vw; }
	#special-content .section-story .section-equipment .base-box .equipment .list-item .item .photo{ margin-top: 3.75%; border-radius: 3.0666vw; }
	#special-content .section-story .section-equipment .base-box .equipment .list-item .item .photo-caption{ font-size: 2.4vw; line-height: 1.5454; }
	#special-content .section-story .section-equipment .base-box .equipment .list-item .item .txt{ font-size: 2.9333vw; line-height: 1.4285; margin-top: 3.75%; }
	#special-content .section-story .section-equipment .base-box .equipment .list-item .item .caption{ font-size: 2.4vw; line-height: 1.5454; }
	#special-content .section-story .section-equipment .base-box .equipment .btn{ width: 14.5922%; margin: 14.0351% 0 0 81.8574%; }
	#special-content .section-story .another-navi{ width: 81.7941%; margin-top: 11.4667%; }
	#special-content .section-story .another-navi a{ box-shadow: 1.8666vw 1.8666vw 1.3333vw rgba(0,60,75,0.2); border-radius: 9.5979vw; }
	#special-content .etc-info{ padding: 45.3333% 0 49.6%; }
	#special-content .etc-info .section-accessory .ttl{ width: 86.7669%; margin: 0 0 0 3.2312%!important; }
	#special-content .etc-info .section-accessory .copy{ width: 88.3548%; margin: 6.6666% auto 0; }
	#special-content .etc-info .section-accessory .photo-body{ width: 82.6666%; margin: 8% auto 0; }
	#special-content .etc-info .section-accessory .photo-body .deco01{ width: 6.4%; margin: -6.4516% 0 0 100.6451%; }
	#special-content .etc-info .section-accessory .photo-body .deco02{ width: 7.4666%; margin: 54.8387% 0 0 -2.2580%; }
	#special-content .etc-info .section-accessory .photo-body .photo{ border-radius: 1.9466vw; }
	#special-content .etc-info .section-accessory .photo-body .btn{ width: 51.4596%; margin: 48.6679% 0 0 53.2054%; }
	#special-content .etc-info .section-tvcm{ margin-top: 30.9333%; }
	#special-content .etc-info .section-tvcm .ttl{ width: 36.7919%; }
	#special-content .etc-info .section-tvcm .list-item{ margin-top: 6.9333%; }
	#special-content .etc-info .section-tvcm .list-item .item{ width: 80%; }
	#special-content .etc-info .section-tvcm .list-item .item .txt{ width: 93.8999%; }
	#special-content .etc-info .section-tvcm .list-item .item .photo-body{ border-radius: 2.1866vw; margin-top: 5.3333%; box-shadow: 0 0 0.5333vw rgba(0,104,180,0.4); }
	#special-content .etc-info .section-tvcm .list-item .item .photo-body .icon{ width: 25.3333%; box-shadow: 0.4vw 0.4vw 0.6vw rgba(0,0,0,0.35); }
	#special-content .etc-info .section-share{ margin-top: 18.6666%; }
	#special-content .etc-info .section-share .ttl{ width: 40.1949%; }
	#special-content .etc-info .section-share .navi-list{ width: 43.0278%; margin: 6.4% auto 0; }
}







/*modal*/
/*-------------------------------------------------------*/
.iziModal{ background-color: transparent; box-shadow: none; }
.iziModal-content *{ -webkit-font-smoothing: subpixel-antialiased; }
.modal-view{ width: 90%!important; max-width: 980px!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: 40px; height: 40px; background-color: rgba(102,102,102,0.4); border-radius: 50%; position: fixed; right: 0; top: 0; box-sizing: border-box; margin: 5px 5px 0 0; cursor: pointer; color: transparent; z-index: 7002; }
.modal-view .close-btn::before,
.modal-view .close-btn::after{ content: ""; width: 50%; height: 3px; 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: 50px 0; position: relative; }
.modal-view .modal-inner .player-wrapper{ width: 100%; padding-top: 56.25%; position: relative; }
#ytplayer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }



/*animation*/
/*-------------------------------------------------------*/
#loader .bar .progress{ transition: transform 0.05s; }
#loader.complete .txt,
#loader.complete .bar .progress{ opacity: 0; transition: opacity 0.5s; }
#loader.complete .bar .fill-t{ transform: translateY(-100%); transition: transform 1s cubic-bezier(0.455, 0.030, 0.515, 0.955); }
#loader.complete .bar .fill-b{ transform: translateY(100%); transition: transform 1s cubic-bezier(0.455, 0.030, 0.515, 0.955); }
#special-content .kv{ overflow: hidden; }
#special-content .kv::before{ content: ""; position: absolute; left: 0; top: 0; width: 150%; height: 100%; background-color: #0068b4; z-index: 100; transform: skewX(-45deg); transform-origin: 0 0; }
#special-content .kv.show::before{ transform: skewX(-45deg) translateX(-100%); transition: transform 2.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
#special-content .util-navi.js-inview{ opacity: 0; }
#special-content .util-navi.js-inview.show{ opacity: 1; transition: opacity 1s cubic-bezier(0.473, 0.427, 0, 0.993); }
#special-content .util-navi-wrapper.fixed{ transition: all 0.5s; }
#special-content .section-story .hero .photo{ mask-size: 50%; -webkit-mask-size: 50%; opacity: 0; }
#special-content .section-story .hero.show .photo{ mask-size: 100%; -webkit-mask-size: 100%; opacity: 1; transition: mask-size 2.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-mask-size 2.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 2.4s cubic-bezier(0.473, 0.427, 0, 0.993); }
#special-content .section-story .hero .ttl{ transform: translateX(-30px); opacity: 0; }
#special-content .section-story .hero.show .ttl{ transform: translateX(0); opacity: 1; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.473, 0.427, 0, 0.993); transition-delay: 1.2s; }
#special-content .section-story .intro .copy,
#special-content .section-story .intro .txt{ opacity: 0; transform: translateY(30px); }
#special-content .section-story .intro.show .copy,
#special-content .section-story .intro.show .txt{ transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; }
#special-content .section-story .intro.show .txt{ transition-delay: 0.5s; }
#special-content .section-story .story .ttl{ opacity: 0; transform: translateY(30px); }
#special-content .section-story .story .ttl.show{ transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; }
#special-content .section-story .story .txt{ opacity: 0; transform: translateY(30px); }
#special-content .section-story .story .txt.show{ transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; }
#special-content .section-story .story .ttl.show+.scene01 .txt{ transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; transition-delay: 0.5s; }
#special-content .section-story .story .deco{ opacity: 0; transform: translateY(30px); }
#special-content .section-story .story .deco.show{ transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; }
#special-content .section-story .story .deco.show+.deco{ transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; }
#special-content .section-story .story .copy01{ transform: scale(0); transform-origin: right 0; }
#special-content .section-story .story .copy01.show{ transform: scale(1); transition: transform 0.6s ease-in-out; }
#special-content .section-story .story .copy02,
#special-content .section-story .story .copy03{ transform: scale(0); transform-origin: center bottom; }
#special-content .section-story .story .copy02.show,
#special-content .section-story .story .copy03.show{ transform: scale(1); transition: transform 0.6s ease-in-out; }
#special-content .section-story .story .copy04,
#special-content .section-story .story .copy05{ transform: scale(0); transform-origin: right 0; }
#special-content .section-story .story .copy04.show,
#special-content .section-story .story .copy05.show{ transform: scale(1); transition: transform 0.6s ease-in-out; }
#special-content .etc-info .section-accessory .ttl,
#special-content .etc-info .section-tvcm .ttl,
#special-content .etc-info .section-share .ttl{ opacity: 0; transform: translateY(30px); }
#special-content .etc-info .section-accessory .ttl.show,
#special-content .etc-info .section-tvcm .ttl.show,
#special-content .etc-info .section-share .ttl.show{ transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; }
#special-content .etc-info .section-accessory .copy,
#special-content .etc-info .section-tvcm .list-item .item .txt{ opacity: 0; transform: translateY(30px); }
#special-content .etc-info .section-accessory .ttl.show+.copy,
#special-content .etc-info .section-tvcm .ttl.show+.list-item .item .txt{ transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; transition-delay: 0.5s; }
#special-content .etc-info .section-accessory .deco01{ transform: scale(0); transform-origin: 0 bottom; }
#special-content .etc-info .section-accessory .deco02{ transform: scale(0); transform-origin: right 0; }
#special-content .etc-info .section-accessory .photo-body.show .deco{ transform: scale(1); transition: transform 0.6s ease-in-out; }


@media only screen and (max-width: 767px) { /*767px以下*/
	#special-content .kv::before{ width: 300%; }
	#special-content .section-story .hero .caption{ opacity: 0; }
	#special-content .section-story .hero.show .caption{ opacity: 1; transition: opacity 1s cubic-bezier(0.473, 0.427, 0, 0.993); transition-delay: 1.2s; }
}







/*keyframes*/
/*-------------------------------------------------------*/







/*hover*/
/*-------------------------------------------------------*/
#special-content .util-navi .navi-list .navi a{ transition: background-color 0.5s; }
#special-content .util-navi .navi-list .navi a:hover{ background-color: #104492; }
#special-content .util-navi .btn a{ transition: transform 0.5s ease; }
#special-content .util-navi .btn a:hover{ transform: scale(1.04); }
#special-content .section-story .section-equipment .base-box .equipment .btn a{ transition: transform 0.5s ease; }
#special-content .section-story .section-equipment .base-box .equipment .btn a:hover{ transform: scale(1.04); }
#special-content .section-story .another-navi a{ transition: transform 0.5s ease; }
#special-content .section-story .another-navi a:hover{ transform: scale(1.02); }
#special-content .etc-info .section-accessory .photo-body .photo img{ transition: transform 0.5s ease; }
#special-content .etc-info .section-accessory .photo-body .overlay:hover~.photo img{ transform: scale(1.04); }
#special-content .etc-info .section-accessory .photo-body .btn:hover~.photo img{ transform: scale(1.04); }
#special-content .etc-info .section-tvcm .list-item .item .photo-body .photo img{ transition: transform 0.5s ease; }
#special-content .etc-info .section-tvcm .list-item .item .photo-body .overlay:hover~.photo img{ transform: scale(1.04); }
#special-content .etc-info .section-share .navi-list .navi a{ transition: transform 0.5s ease; }
#special-content .etc-info .section-share .navi-list .navi a:hover{ transform: scale(1.06); }


@media only screen and (max-width: 767px) { /*767px以下*/
	#special-content .util-navi .navi-list .navi a:hover{ background-color: transparent; }
	#special-content .util-navi .navi-list .navi a:active{ background-color: #104492; }
	#special-content .util-navi .btn a:hover{ transform: scale(1); }
	#special-content .util-navi .btn a:active{ transform: scale(1.04); }
	#special-content .section-story .section-equipment .base-box .equipment .btn a:hover{ transform: scale(1); }
	#special-content .section-story .section-equipment .base-box .equipment .btn a:active{ transform: scale(1.04); }
	#special-content .section-story .another-navi a:hover{ transform: scale(1); }
	#special-content .section-story .another-navi a:active{ transform: scale(1.02); }
	#special-content .etc-info .section-accessory .photo-body .overlay:hover~.photo img{ transform: scale(1); }
	#special-content .etc-info .section-accessory .photo-body .overlay:active~.photo img{ transform: scale(1.04); }
	#special-content .etc-info .section-accessory .photo-body .btn:hover~.photo img{ transform: scale(1); }
	#special-content .etc-info .section-accessory .photo-body .btn:active~.photo img{ transform: scale(1.04); }
	#special-content .etc-info .section-tvcm .list-item .item .photo-body .overlay:hover~.photo img{ transform: scale(1); }
	#special-content .etc-info .section-tvcm .list-item .item .photo-body .overlay:active~.photo img{ transform: scale(1.04); }
	#special-content .etc-info .section-share .navi-list .navi a:hover{ transform: scale(1); }
	#special-content .etc-info .section-share .navi-list .navi a:active{ transform: scale(1.06); }
}