@charset "utf-8";



#main .loader{ position: fixed; width: 100%; height: 100%; background-color: #ffffff; z-index: 5000; }
#main .loader .logo{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100px; }
#main .loader .logo .indicator{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; transform-origin: right 0; transition: transform 0.2s; }
#main .opening{ position: fixed; width: 100%; height: 100%; z-index: 3000; pointer-events: none; /*display: none;*/ }
#main .opening img{ width: 100%; height: auto; }
#main .opening .island{ width: 60.0714%; position: absolute; left: 50%; top: 50%; transform: translate(-58.8603%,-36.6681%); transform-origin: center center; }
#main .opening .island img{ transform-origin: center; will-change: transform; backface-visibility: hidden; }
#main .opening .cloud{ position: absolute; left: 50%; top: 50%; }
#main .opening .cloud01{ width: 51.0285%; margin: -38.4089% 0 0 10.5244%; z-index: 50; }
#main .opening .cloud02{ width: 50.2223%; margin: -15.689% 0 0 -16.6216%; z-index: 46; }
#main .opening .cloud03{ width: 50.2223%; margin: 7.311% 0 0 -41.0502%; z-index: 48; }
#main .opening .cloud04{ width: 50.6232%; margin: -33.5146% 0 0 -63.4838%; z-index: 49; }
#main .opening .cloud05{ width: 37.7735%; margin: -24.6537% 0 0 0.2095%; z-index: 47; }
#main .opening .cloud06{ width: 50.6232%; margin: -7.2289% 0 0 -38.1982%; z-index: 47; }
#main .opening .cloud07{ width: 43.0052%; margin: 8.566% 0 0 2.9346%; z-index: 49; }
#main .opening .cloud08{ width: 50.6232%; margin: -36.086% 0 0 -40.9125%; z-index: 45; }
#main .opening .cloud09{ width: 50.6232%; margin: -16.9432% 0 0 -71.9839%; z-index: 47; }
#main .opening .cloud10{ width: 50.6232%; margin: -19.5147% 0 0 16.8018%; z-index: 48; }
#main .opening .cloud11{ width: 50.6232%; margin: -2.2289% 0 0 21.8018%; z-index: 48; }
#main .opening .cloud12{ width: 36.5714%; margin: -40.2703% 0 0 -23.5%; z-index: 48; }
#main .opening .cloud13{ width: 38.5714%; margin: -0.4132% 0 0 -62.7857%; z-index: 50; }
#main .opening .cloud14{ width: 38.5714%; margin: -1.699% 0 0 0.9285%; z-index: 50; }
#main .opening .deco{ position: absolute; z-index: 100; }
#main .opening .deco01{ width: 11.3571%; left: 0; top: 50%; margin: -7.5357% 0 0 -1.2338%; z-index: 110; }
#main .opening .deco02{ width: 9.9286%; right: 0; top: 50%; margin: -13.9642% -2.4382% 0 0; z-index: 110; }
#main .opening .deco03{ width: 33.4286%; right: 0; top: 0; margin: -12.6889% -13.6309% 0 0; }
#main .opening .deco04{ width: 36.9286%; left: 0; bottom: 0; margin: 0 0 -3.2940% -19.8387%; }
#main .opening .deco05{ width: 21.6429%; right: 0; top: 50%; margin: 0.4642% -2.9018% 0 0; }
#main .opening .deco06{ width: 18.5%; left: 0; top: 50%; margin: -15.3928% 0 0 -2.5320%; }
@media (max-aspect-ratio: 2/1) {
	#main .opening .island{ width: 120.1428vh; }
	#main .opening .cloud01{ width: 102.057vh; margin: -76.8178vh 0 0 21.0488vh; }
	#main .opening .cloud02{ width: 100.4446vh; margin: -31.378vh 0 0 -33.2432vh; }
	#main .opening .cloud03{ width: 100.4446vh; margin: 14.622vh 0 0 -82.1004vh; }
	#main .opening .cloud04{ width: 101.2464vh; margin: -67.0292vh 0 0 -126.9676vh; }
	#main .opening .cloud05{ width: 75.547vh; margin: -49.3074vh 0 0 0.419vh; }
	#main .opening .cloud06{ width: 101.2464vh; margin: -14.4578vh 0 0 -76.3964vh; }
	#main .opening .cloud07{ width: 86.0104vh; margin: 17.132vh 0 0 5.8692vh; }
	#main .opening .cloud08{ width: 101.2464vh; margin: -72.172vh 0 0 -81.825vh; }
	#main .opening .cloud09{ width: 101.2464vh; margin: -33.8864vh 0 0 -143.9678vh; }
	#main .opening .cloud10{ width: 101.2464vh; margin: -39.0294vh 0 0 33.6036vh; }
	#main .opening .cloud11{ width: 101.2464vh; margin: -4.4578vh 0 0 43.6036vh; }
	#main .opening .cloud12{ width: 73.1428vh; margin: -80.5406vh 0 0 -47vh; }
	#main .opening .cloud13{ width: 77.1428vh; margin: -0.8264vh 0 0 -125.5714vh; }
	#main .opening .cloud14{ width: 77.1428vh; margin: -3.398vh 0 0 1.857vh; }
	#main .opening .deco01{ width: 22.7142vh; margin: -15.0714vh 0 0 -2.4676vh; }
	#main .opening .deco02{ width: 19.8572vh; margin: -27.9284vh -4.8764vh 0 0; }
	#main .opening .deco03{ width: 66.8572vh; margin: -25.3778vh -27.2618vh 0 0; }
	#main .opening .deco04{ width: 73.8572vh; margin: 0 0 -6.588vh -39.6774vh; }
	#main .opening .deco05{ width: 43.2858vh; margin: 0.9284vh -5.8036vh 0 0; }
	#main .opening .deco06{ width: 37vh; margin: -30.7856vh 0 0 -5.064vh; }
}
#main .content .anchor{ position: absolute; left: 0; top: 0; }
#main .content .kv{ padding: 70px 0 100px; overflow: hidden; }
#main .content .kv img{ width: 100%; height: auto; }
#main .content .kv .logo-body{ width: 315px; margin: 0 auto; }
#main .content .kv .logo-body .logo{ width: 96.6413%; margin: 0 auto; }
#main .content .kv .logo-body .copy{ margin: 3.0867% auto 0; }
#main .content .kv .deco{ position: absolute; top: 0; pointer-events: none; }
#main .content .kv .deco01{ width: 666px; margin: -146px 0 0 -263px; left: 0; }
#main .content .kv .deco02{ width: 583px; margin: 186px -326px 0 0; right: 0; }
#main .content .kv .deco03{ width: 367px; margin: 433px 0 0 -100px; left: 0; }
#main .content .kv .illust-body{ width: 100%; padding-top: 56.4999%; /*padding-top: 791px;*/ position: relative; margin-top: 30px; pointer-events: none; }
#main .content .kv .illust-body .fuji{ width: 103%; position: absolute; left: 0; top: 0; margin-left: -0.8571%; }
#main .content .kv .illust-body .ground{ width: 163.6428%; position: absolute; left: 0; bottom: 0; margin-left: -30.2096%; z-index: 100; }
#main .content .kv .illust-body .road{ width: 100.7857%; position: absolute; left: 0; bottom: 0; margin-bottom: -1px; z-index: 101; }
#main .content .kv .illust-body .lmk{ position: absolute; left: 0; top: 0; z-index: 50; }
#main .content .kv .illust-body .lmk01{ width: 2.5714%; margin: 30.96922% 0 0 2.69295%; z-index: 150; }
#main .content .kv .illust-body .lmk02{ width: 8.7857%; margin: 27.52085% 0 0 3.57636%; z-index: 150; }
#main .content .kv .illust-body .lmk03{ width: 7.8571%; margin: 24% 0 0 9.99317%; z-index: 130; }
#main .content .kv .illust-body .lmk04{ width: 9.3571%; margin: 23.38071% 0 0 14.19540%; z-index: 80; }
#main .content .kv .illust-body .lmk05{ width: 9.6429%; margin: 19.58709% 0 0 22.08305%; }
#main .content .kv .illust-body .lmk06{ width: 9.6429%; margin: 26.48151% 0 0 26.45562%; z-index: 150; }
#main .content .kv .illust-body .lmk07{ width: 5.2857%; margin: 22.08128% 0 0 29.72937%; z-index: 40; }
#main .content .kv .illust-body .lmk08{ width: 8.3571%; margin: 21.97707% 0 0 33.43937%; }
#main .content .kv .illust-body .lmk09{ width: 8.9286%; margin: 14.15849% 0 0 38.04996%; z-index: 40; }
#main .content .kv .illust-body .lmk10{ width: 2.2857%; margin: 25.18409% 0 0 43.63948%; z-index: 150; }
#main .content .kv .illust-body .lmk11{ width: 8.3571%; margin: 19.64285% 0 0 51.86981%; }
#main .content .kv .illust-body .lmk12{ width: 7.1429%; margin: 13.44872% 0 0 56.66180%; }
#main .content .kv .illust-body .lmk13{ width: 3.7143%; margin: 4.71428% 0 0 61.37461%; z-index: 40; }
#main .content .kv .illust-body .lmk14{ width: 11.2857%; margin: 24.28567% 0 0 63.88780%; z-index: 150; }
#main .content .kv .illust-body .lmk15{ width: 7.8571%; margin: 23.42994% 0 0 74.64816%; z-index: 80; }
#main .content .kv .illust-body .lmk16{ width: 24.7857%; margin: 21.72232% 0 0 72.29418%; }
#main .content .kv .illust-body .lmk17{ width: 8.4286%; margin: 29.73859% 0 0 80.31913%; z-index: 150; }
#main .content .kv .illust-body .lmk18{ width: 11.0714%; margin: 22.58547% 0 0 86.20910%; }
#main .content .kv .illust-body .lmk19{ width: 8.8571%; margin: 30.64800% 0 0 89.61696%; z-index: 150; }
#main .content .kv .illust-body .lmk20{ width: 8.9286%; margin: 5.64285% 0 0 44.73069%; }
#main .content .kv .illust-body .person{ position: absolute; left: 0; top: 0; z-index: 200; }
#main .content .kv .illust-body .person01{ width: 4.5%; margin: 25.7764% 0 0 48.0597%; }
#main .content .kv .illust-body .person02{ width: 3.0714%; margin: 27.8135% 0 0 46.1292%; }
#main .content .kv .illust-body .person03{ width: 4.0714%; margin: 33.7507% 0 0 51.3164%; }
#main .content .kv .illust-body .person04{ width: 4.2857%; margin: 33.0356% 0 0 36.9482%; }
#main .content .kv .illust-body .person05{ width: 4.6429%; margin: 39.1827% 0 0 61.5353%; }
#main .content .kv .illust-body .person06{ width: 3.4286%; margin: 42.1225% 0 0 22.8234%; }
#main .content .kv .illust-body .person07{ width: 7.0714%; margin: 42.9131% 0 0 77.1184%; }
#main .content .kv .illust-body .person08{ width: 4.5%; margin: 44.3644% 0 0 11.1950%; }
#main .content .kv .illust-body .person09{ width: 6.8141%; margin: 41.7975% 0 0 33.2109%; }
#main .content .kv .illust-body .person10{ width: 3.7969%; margin: 41.6045% 0 0 67.5799%; }
#main .content .kv .illust-body .person11{ width: 4.5540%; margin: 45.9870% 0 0 87.4952%; }
#main .content .kv .illust-body .person12{ width: 4.2864%; margin: 40.9485% 0 0 56.4861%; }
#main .content .kv .illust-body .person13{ width: 4.0256%; margin: 30.5964% 0 0 48.9036%; }
#main .content .kv .illust-body .person14{ width: 3.4082%; margin: 39.8862% 0 0 48.9113%; }
#main .content .kv .illust-body .person15{ width: 5.8163%; margin: 31.7243% 0 0 43.2737%; }
#main .content .kv .illust-body .person16{ width: 4.3191%; margin: 38.9972% 0 0 41.7005%; }
#main .content .kv .txt{ position: relative; z-index: 500; color: #0c2e6e; line-height: 2.6666; text-align: center; margin-top: -50px; }
#main .content .journey-section{ position: relative; overflow: hidden; }
#main .content .journey-section .bg{ width: 100%; height: 100%; background-image: linear-gradient(45deg, #e9dbc9 25%, transparent 25%, transparent 75%, #e9dbc9 75%), linear-gradient(45deg, #e9dbc9 25%, transparent 25%, transparent 75%, #e9dbc9 75%); background-position: 50% 0, calc(98px + 50%) 98px; background-size: 196px 196px; background-color: #ede1d1; position: absolute; left: 0; top: 0; }
#main .content .journey-section .bg .wave-mask{ width: 100%; padding-top: 1.5642%; position: absolute; left: 0; top: -1px; clip-path: url(#wave-path01); background-color: #ffffff; z-index: 500; pointer-events: none; }
#main .content .journey-section .bg .deco01{ position: absolute; left: 50%; top: 0; width: 1502px; margin: -142px 0 0 -49px; mix-blend-mode: multiply; transform: translateX(-50%); pointer-events: none; }
#main .content .journey-section .bg .deco02{ position: absolute; left: 0; bottom: 0; width: 235px; margin: 0 0 -63px -26px; z-index: 50; pointer-events: none; }
#main .content .journey-section .bg .deco03{ position: absolute; right: 0; bottom: 0; width: 285px; margin: 0 -37px -51px 0; z-index: 50; pointer-events: none; }
#main .content .journey-section .journey-body{ max-width: 1100px; margin: 0 auto; position: relative; background-color: rgba(255,255,255,0.7); padding: 84px 0 134px; }
#main .content .journey-section .journey-body .photo-list{ width: 448px; position: absolute; right: 0; top: 0; margin-right: 584px; }
#main .content .journey-section .journey-body .photo-list .list-item .item{ margin-bottom: 10px; }
#main .content .journey-section .journey-body .photo-list .list-item .item01{ width: 82.5893%; margin-left: 8.9286%; }
#main .content .journey-section .journey-body .photo-list .list-item .item02{ width: 50.4464%; margin-left: 1.7857%; }
#main .content .journey-section .journey-body .photo-list .list-item .item03{ width: 45.3125%; margin-top: -35.0446%; margin-left: 54.4643%; }
#main .content .journey-section .journey-body .photo-list .list-item .item04{ width: 69.1964%; margin-left: 22.0982%; }
#main .content .journey-section .journey-body .photo-list .list-item .item05{ width: 82.5893%; }
#main .content .journey-section .journey-body .photo-list .list-item .item06{ width: 69.1964%; margin-left: 22.0982%; }
#main .content .journey-section .journey-body .head-body{ width: 434px; margin: 0 95px 0 auto; position: relative; }
#main .content .journey-section .journey-body .head-body .deco{ width: 29.0323%; position: absolute; left: 0; top: 0; margin: -6.5592% 0 0 71.0013%; }
#main .content .journey-section .journey-body .txt-body{ width: 460px; margin: 45px 75px 0 auto; }
#main .content .journey-section .journey-body .txt-body .txt{ font-size: 1rem; line-height: 2.2222; color: #111111; }
#main .content .journey-section .journey-body .txt-body .txt:nth-child(n+2){ margin-top: 1em; }
#main .content .area-section{ position: relative; }
#main .content .area-section .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#main .content .area-section .bg::before,
#main .content .area-section .bg::after{ content: ""; position: absolute; z-index: 20; width: 34px; height: 100%; background: url(../../area/assets/image/d01.png) center 0 repeat-y; background-size: 100% auto; top: 0; }
#main .content .area-section .bg::before{ left: 0; margin-left: 2%; }
#main .content .area-section .bg::after{ right: 0; margin-right: 2%; transform: scaleX(-1); }
#main .content .area-section .bg .bg-fill{ width: 33.34%; position: absolute; left: 0; top: 0; height: 100%; background: center center no-repeat; background-size: cover; }
#main .content .area-section .bg .bg-fill::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
#main .content .area-section .bg .bg-fill01{ background-image: url(../../area/01/assets/image/hero/p01.jpg); }
#main .content .area-section .bg .bg-fill02{ background-image: url(../../area/01/assets/image/hero/p02.jpg); margin-left: 33.3333%; }
#main .content .area-section .bg .bg-fill03{ background-image: url(../../area/01/assets/image/hero/p03.jpg); margin-left: 66.6666%; }
#main .content .area-section .deco{ position: absolute; top: 0; pointer-events: none; z-index: 100; }
#main .content .area-section .deco01{ left: 0; width: 223px; margin: -64px 0 0 -13px; }
#main .content .area-section .deco02{ right: 0; width: 220px; margin: -66px 111px 0 0; }
#main .content .area-section .area-body{ position: relative; z-index: 500; text-align: center; margin: 0 auto; max-width: 283px; padding: 80px 0 144px; }
#main .content .area-section .area-body .icon{ width: 10.9541%; margin: 0 auto; }
#main .content .area-section .area-body .sub{ font-size: 1rem; line-height: 1.5; font-weight: bold; color: #ffffff; margin-top: 15px; }
#main .content .area-section .area-body .name{ font-size: 3.3333rem; line-height: 1.2; font-weight: bold; color: #ffffff; }
#main .content .area-section .area-body .map{ width: 64.6643%; margin: 20px auto 0; }
#main .content .area-section .area-body .navi{ margin: 40px auto 0; width: 100%; }
#main .content .area-section .area-body .navi a{ display: block; background-color: #d4351d; padding: 15px 0; font-size: 1.1112rem; line-height: 1.5; color: #ffffff; font-weight: bold; text-decoration: none; border-radius: 30px; position: relative; }
#main .content .area-section .area-body .navi a::before,
#main .content .area-section .area-body .navi a::after{ content: ""; position: absolute; right: 5%; top: 50%; width: 6px; height: 6px; border: solid #ffffff; border-width: 1px 1px 0 0; box-sizing: border-box; transform: translateY(-50%) rotate(45deg); }
#main .content .area-section .area-body .navi a::after{ margin-right: 5px; }

@media screen and (max-width: 1400px){ /*1400px以下のcss*/
	#main .content .kv .txt{ margin-top: 30px; }
	#main .content .journey-section .bg .wave-mask{ width: 1400px; padding-top: 22px; left: 50%; transform: translateX(-50%); }
}
@media screen and (max-width: 767.5px) {
	#main .content .kv{ padding: 9.1145% 0 13.0208%; }
	#main .content .kv .logo-body{ width: 41.0156%; }
	#main .content .kv .deco{ position: absolute; top: 0; pointer-events: none; }
	#main .content .kv .deco01{ width: 66.6%; margin: -14.6% 0 0 -26.3%; }
	#main .content .kv .deco02{ width: 58.3%; margin: 18.6% -32.6% 0 0; }
	#main .content .kv .deco03{ width: 36.7%; margin: 43.3% 0 0 -10%; }
	#main .content .kv .txt{ margin-top: 5%; padding: 0 5%; }
	#main .content .journey-section{ position: relative; overflow: hidden; }
	#main .content .journey-section .bg{ background-position: 50% 0, calc(12.7604vw + 50%) 12.7604vw; background-size: 25.5208vw 25.5208vw; }
	#main .content .journey-section .bg .wave-mask{ width: 100%; padding-top: 1.5642%; left: 0; transform: none; }
	#main .content .journey-section .bg .deco01{ display: none; }
	#main .content .journey-section .bg .deco02{ width: 15.2994%; margin: 0 0 -4.1015% -1.692%; }
	#main .content .journey-section .bg .deco03{ width: 18.5546%; margin: 0 -2.4088% -3.320% 0; }
	#main .content .journey-section .journey-body{ padding: 10.9375% 0 17.4479%; }
	#main .content .journey-section .journey-body .photo-list{ width: 400%; position: relative; right: auto; top: auto; margin: 5% auto 0; display: flex; display: -ms-flex; }
	#main .content .journey-section .journey-body .photo-list .list-item{ position: relative; padding-top: 11.3393%; flex: 1; }
	#main .content .journey-section .journey-body .photo-list .list-item .item{ margin: 0; position: absolute; left: 0; top: 0; }
	#main .content .journey-section .journey-body .photo-list .list-item .item01{ width: 21.9584%; margin: 2.4925% 0 0 0; }
	#main .content .journey-section .journey-body .photo-list .list-item .item02{ width: 13.4124%; margin: 1.2462% 0 0 22.5667%; }
	#main .content .journey-section .journey-body .photo-list .list-item .item03{ width: 12.1068%; margin: 12.7596% 0 0 26.7210%; }
	#main .content .journey-section .journey-body .photo-list .list-item .item04{ width: 18.3976%; margin: 5.4005% 0 0 39.4362%; }
	#main .content .journey-section .journey-body .photo-list .list-item .item05{ width: 21.9584%; margin: 0 0 0 58.4421%; }
	#main .content .journey-section .journey-body .photo-list .list-item .item06{ width: 18.3976%; margin: 7.7744% 0 0 81.0089%; }
	#main .content .journey-section .journey-body .head-body{ max-width: 434px; width: 90%; margin: 0 auto; }
	#main .content .journey-section .journey-body .txt-body{ width: auto; margin: 7% auto 0; padding: 0 10%; }
	#main .content .journey-section .journey-body .txt-body .txt{ line-height: 2; }
	#main .content .area-section .bg::before,
	#main .content .area-section .bg::after{ width: 5%; height: 100%; }
	#main .content .area-section .bg::before{ margin-left: 3%; }
	#main .content .area-section .bg::after{ margin-right: 3%; }
	#main .content .area-section .deco01{ width: 29.0364%; margin: -8.3333% 0 0 -1.6927%; }
	#main .content .area-section .deco02{ width: 28.6458%; margin: -8.5937% 3% 0 0; }
	#main .content .area-section .area-body{ width: 80%; padding: 20% 0 25%; }
	#main .content .area-section .area-body .sub{ margin-top: 5.3571%; }
	#main .content .area-section .area-body .map{ margin-top: 7.1428%; }
	#main .content .area-section .area-body .navi{ margin-top: 14.2857%; }
}









/*animation*/
#main .opening.remove-cloud .cloud,
#main .opening.remove-cloud .deco{ transition: transform 1s cubic-bezier(0.64, 0, 0.78, 0), opacity 1s cubic-bezier(0.64, 0, 0.78, 0); }
#main .opening.remove-cloud .cloud01{ transform: translate(100vw,-100vh) scale(2); transition-delay: 0s; }
#main .opening.remove-cloud .cloud02{ transform: scale(3); opacity: 0; transition-delay: 0.6s; }
#main .opening.remove-cloud .cloud03{ transform: translate(-80vw,100vh) scale(2); transition-delay: 0.3s; }
#main .opening.remove-cloud .cloud04{ transform: translate(-80vw,-70vh) scale(2); transition-delay: 0.15s; }
#main .opening.remove-cloud .cloud05{ transform: translate(30vw,-100vh) scale(2); transition-delay: 0.5s; }
#main .opening.remove-cloud .cloud06{ transform: translate(-30vw,50vh) scale(2.5); opacity: 0; transition-delay: 0.5s; }
#main .opening.remove-cloud .cloud07{ transform: translate(30vw,100vh) scale(2); transition-delay: 0.15s; }
#main .opening.remove-cloud .cloud08{ transform: translate(-50vw,-100vh) scale(2); transition-delay: 0.75s; }
#main .opening.remove-cloud .cloud09{ transform: translate(-100vw,20vh) scale(2); transition-delay: 0.5s; }
#main .opening.remove-cloud .cloud10{ transform: translate(80vw,-50vh) scale(2); transition-delay: 0.3s; }
#main .opening.remove-cloud .cloud11{ transform: translate(100vw,80vh) scale(2); transition-delay: 0.3s; }
#main .opening.remove-cloud .cloud12{ transform: translate(-20vw,-100vh) scale(2); transition-delay: 0.3s; }
#main .opening.remove-cloud .cloud13{ transform: translate(-100vw,80vh) scale(2); transition-delay: 0s; }
#main .opening.remove-cloud .cloud14{ transform: translate(50vw,80vh) scale(2.5); opacity: 0; transition-delay: 0s; }
#main .opening.remove-cloud .deco01{ transform: translate(-100%,0); }
#main .opening.remove-cloud .deco02{ transform: translate(100%,0); }
#main .opening.remove-cloud .deco03{ transform: translate(100%,-100%); }
#main .opening.remove-cloud .deco04{ transform: translate(-100%,100%); }
#main .opening.remove-cloud .deco05{ transform: translate(100%,100%); }
#main .opening.remove-cloud .deco06{ transform: translate(-100%,-100%); }
#main .opening.scaleup-island .island{ transform: translate(-54.8603%,-83.6681%) scale(9); transition: transform 2s cubic-bezier(0.65, 0, 0.35, 1); }
#main .opening.remove-opening{ opacity: 0; transition: opacity 1s; }
#main .content.set-pos .kv{ padding-top: 50vh; }
#main .content.active-kv .kv{ padding-top: 70px; transition: padding-top 1.5s; }
#main .content .kv .logo-body{ opacity: 0; }
#main .content.set-pos .kv .illust-body{ margin-top: 50vh; }
#main .content.active-kv .kv .illust-body{ margin-top: 30px; transition: margin-top 1.5s; }
#main .content .kv .illust-body .lmk{ transform-origin: center bottom; opacity: 0; }
#main .content .kv .illust-body .person{ opacity: 0; }
#main .content .journey-section .journey-body .photo-list{ animation: journey_slideY 50s infinite linear; }
@media screen and (max-width: 767.5px) {
	#main .content .journey-section .journey-body .photo-list{ animation: journey_slideX 50s infinite linear; }
}
@keyframes journey_slideY{
	0%{ transform: translateY(0); }
	100%{ transform: translateY(-50%); }
}
@keyframes journey_slideX{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-50%); }
}
#main .content .js-inview{ opacity: 0; }
#main .content .kv .txt.show{ opacity: 1; transition: opacity 0.7s; }
#main .content .journey-section .journey-body .head-body{ transform: scaleX(0); }
#main .content .journey-section .journey-body .head-body.show{ opacity: 1; transform: scaleX(1); transition: transform 0.5s; }
#main .content .journey-section .journey-body .head-body .deco{ opacity: 0; transform: translate(50%,20%); }
#main .content .journey-section .journey-body .head-body.show .deco{ opacity: 1; transform: scaleX(1); transition: opacity 0.5s,transform 0.5s; transition-delay: 0.4s; }
#main .content .journey-section .journey-body .txt-body .txt.show{ opacity: 1; transition: opacity 0.7s; }
#main .content .area-section .area-body.show{ opacity: 1; transition: opacity 0.7s; }
#main .content .area-section .area-body .navi a{ display: block; transition: transform 0.2s cubic-bezier(0.47, -0.54, 0.57, 1.84); }
#main .content .area-section .area-body .navi a:active{ transform: scale(1.05); }
@media (hover: hover){
	#main .content .area-section .area-body .navi a:hover{ transform: scale(1.05); }
}