@charset "utf-8";

/* main */
#content{position:relative; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; height:100%;}
#content > article{height:100%; box-sizing:border-box;}
#content .show_visual_text{max-width:1060px; height:100%; margin:0 auto;}
#content > .section01,
#content > .section02,
#content > .section04,
#content > .section05{flex:none;}
#content > .section02{box-sizing:content-box; padding-left:300px;}
*[class*="bg_section"]{position:fixed; top:0px; left:0px; height:100%;}

	/* photo list */
[data-list-photo]{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;}
[data-list-photo] > li{position:relative; margin-right:275px;}
[data-list-photo] > li:last-child{margin-right:0px;}
[data-list-photo] small{opacity:0; display:block; font-family:'Marcellus', Sans-serif; text-transform:uppercase; font-size:20px; letter-spacing:2px; font-weight:600; transform:translateY(60px); transition:0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
[data-list-photo] h2{opacity:0; margin-bottom:30px; font-size:35px; font-weight:200; transform:translateY(60px); transition:0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
[data-list-photo] p{opacity:0; line-height:2.5; font-size:16px; font-weight:300; white-space:nowrap; transform:translateY(60px); transition:opacity 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s, transform 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
[data-list-photo] .photo{width:320px; height:400px; margin-bottom:40px;}
[data-list-photo] .photo.row{width:400px; height:320px;}
[data-list-photo] a{opacity:0; font-size:15px; letter-spacing:3px; transform:translateY(60px); transition:opacity 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s, transform 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
[data-list-photo] small + p{margin-top:7px; line-height:1.9;}
[data-list-photo] .right{position:absolute; left:370px; top:50px;}
.photo{overflow:hidden; height:100%;}
.photo img{height:100%; transform:scale(1.5); transition:transform 1.4s cubic-bezier(.215,.61,.355,1) 0s;}
.photo.active img{transform:scale(1);}
[data-list-photo] .active .photo img{transform:scale(1); transition-delay:0.1s;}
[data-list-photo] .active h2{opacity:1; transform:translateY(0); transition-delay:0.3s;}
[data-list-photo] .active small{opacity:1; transform:translateY(0); transition-delay:0.1s;}
[data-list-photo] .active p{opacity:1; transform:translateY(0); transition-delay:0.4s, 0.4s;}
[data-list-photo] .active a{opacity:1; transform:translateY(0); transition-delay:0.6s, 0.6s;}

	/* motion rail */
[data-motion-rail]{position:absolute; left:0px; top:0px; font-family:'Marcellus', Sans-serif; text-transform:uppercase; font-size:150px; letter-spacing:2px; white-space:nowrap; transform:rotate(-90deg); transform-origin:70% 100%;}
[data-motion-rail] .eocjs-newsticker-container{position:relative; width:100%; padding-top:30%;}
[data-motion-rail].eocjs-newsticker .eocjs-newsticker-one,
[data-motion-rail].eocjs-newsticker .eocjs-newsticker-two{position:absolute; left:0; top:0; white-space:nowrap;}

	/* button -default */
.btn_default{overflow:hidden; display:inline-block; min-width:220px; height:60px; line-height:58px; box-sizing:border-box; border:2px solid #000; border-radius:50rem; font-size:14px; text-align:center; color:#000;}
.btn_default > span{display:block; color:#000; transition:0.3s ease;}
.btn_default:hover > span,
.btn_default:focus > span{background:#000; color:#fff;}
.btn_default.w{border-color:#fff;}
.btn_default.w > span{color:#fff;}
.btn_default.w:hover > span,
.btn_default.w:focus > span{background:#fff; color:#000;}


	/* section01 */
.section01{position:relative; z-index:31; width:100vmax; background:url(../images/main/bg_intro01.jpg) no-repeat 50% 0; background-size:cover;}
.section01 .show_visual_text h1{opacity:0; width:514px; height:108px; margin-top:-10px; transition:opacity 0.5s ease-in;}
.section01 .show_visual_text h1 span{background-image:url(../images/main/img_intro01.png);}
.section01 .show_visual_text p{opacity:0; width:316px; height:39px; background:url(../images/main/img_intro02.png) no-repeat 50% 0; background-size:100%; font-size:0px; transition:opacity 0.5s ease-in;}
.section01 .show_visual_text .btn_scroll{opacity:0; margin-top:179px; border-color:#fff; color:#fff; box-shadow:0 -5px 5px rgba(0,0,0,0.15), 0 -5px 5px rgba(0,0,0,0.15) inset; transition:opacity 0.5s ease-in;}
.section01 .show_visual_text .btn_scroll:after{background-image:url(../images/common/img_arrow_white.png);}
.section01.active .show_visual_text h1{opacity:1;}
.section01.active .show_visual_text p{opacity:1;}
.section01.active .show_visual_text .btn_scroll{opacity:1;}
.section01 .box{position:absolute; top:0px; left:0px; display:flex; flex-flow:column; justify-content:center; align-items:center; width:100%; height:100%; box-sizing:border-box; padding-bottom:345px; transition:0.3s linear;}
.section01 .box svg{width:500px;}
.section01 .box .path{stroke-dasharray:1000; stroke-dashoffset:100; animation:introPath 6s ease-in forwards;}
.section01.active .box{opacity:0;}
	/* section02 */
.section02{overflow:hidden; position:absolute; z-index:30; clip:rect(0, auto, auto, 0); width:100vmax; background:#000;}
.section02:after{content:''; display:block; clear:both;}
.section02 .photo{float:right; position:relative; width:calc(100% / 2);}
.section02 .photo img{position:absolute; top:0; left:0px;}
		/* section02-bg */
.bg_section02{z-index:2; width:100%;}
.bg_section02 .show_visual_text{color:#fff;}
.bg_section02 .show_visual_text h1 span{background-image:url(../images/common/logo_w.svg);}
.bg_section02 .show_visual_text .btn_scroll{border-color:#fff;}
.bg_section02 .show_visual_text .btn_scroll:after{background-image:url(../images/common/img_arrow_white.png);}
	/* section03 */
.section03{overflow:hidden; position:absolute; clip:rect(0, auto, auto, 0); display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding-left:445px; background:#fff;}
.section03:after{content:''; position:absolute; z-index:20; display:block; width:60%; height:100%; background:#fff;}
.section03 [data-list-photo="section03"]{position:relative; z-index:25; padding-left:70px;}
.section03.active .show_visual_text{opacity:0;}
		/* section03-bg */
.bg_section03{width:100%;}
		/* photo-list */
[data-list-photo="section03"] > li:nth-of-type(2){padding-right:350px; padding-top:73px;}
[data-list-photo="section03"] > li:nth-of-type(2) p{position:absolute; left:370px; bottom:105px;}
[data-list-photo="section03"] > li:nth-of-type(3){margin-top:-52px;}
[data-list-photo="section03"] > li:nth-of-type(4){padding-top:228px;}
[data-list-photo="section03"] > li:nth-of-type(5){padding-top:34px;}
	/* section04 */
.section04{position:relative; width:calc(100vmax - 100px);}
.section04 [data-motion-rail="rail01"]{left:-400px;}
.section04 .inr{position:relative; display:flex; flex-flow:row; justify-content:center; align-items:center; height:100%;}
.section04 .inr > .photo{position:absolute; left:320px; height:75%;}
.section04 .inr > .photo.active img{transition-delay:0.2s;}
.scrollx .section04{padding-left:200px;}
.scrollx .section04 [data-motion-rail="rail01"]{left:-200px;}
.scrollx .section04 .inr > .photo{left:270px;}
		/* section04-content */
.cont_section04{width:100%; max-width:1060px; box-sizing:border-box; padding-left:250px;}
		/* photo */
[data-list-photo="section04"] > li:nth-of-type(1){margin-top:130px;}
[data-list-photo="section04"] a{margin-top:70px; margin-left:115px;}
[data-list-photo="section04"] .active .photo img{transition-delay:0.4s;}
[data-list-photo="section04"] .active .right small{transition-delay:0.4s;}
[data-list-photo="section04"] .active .right p{transition-delay:0.6s;}
[data-list-photo="section04"] .active .right a{transition-delay:0.8s, 0.8s;}
	/* section05 */
.section05{overflow:hidden; position:absolute; z-index:27; clip:rect(0, auto, auto, 0); width:100vmax; background:#000;}
.section05 .photo{position:absolute; top:0px; left:0px;}
.section05 .inr{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:relative; z-index:30; width:100%; max-width:1060px; height:100%; margin:0 auto; color:#fff;}
.section05 .txt{width:55%;}
.section05 .txt small{opacity:0; display:block; font-family:'Marcellus', Sans-serif; text-transform:uppercase; font-size:20px; letter-spacing:2px; font-weight:600; transform:translateY(60px); transition:opacity 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s, transform 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
.section05 .txt h2{opacity:0; margin-bottom:30px; font-size:35px; font-weight:200; transform:translateY(60px); transition:opacity 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s, transform 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
.section05 .txt p{opacity:0; margin-bottom:170px; line-height:2.5; font-size:16px; font-weight:300; white-space:nowrap; transform:translateY(60px); transition:opacity 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s, transform 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
.section05 .txt a{opacity:0; margin-bottom:15px; font-size:15px; letter-spacing:3px; transform:translateY(60px); transition:opacity 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s, transform 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
.section05 .txt.active h2{opacity:1; transform:translateY(0); transition-delay:0.3s, 0.3s;}
.section05 .txt.active small{opacity:1; transform:translateY(0); transition-delay:0.1s, 0.1s;}
.section05 .txt.active p{opacity:1; transform:translateY(0); transition-delay:0.4s, 0.4s;}
.section05 .txt.active a{opacity:1; transform:translateY(0); transition-delay:0.6s, 0.6s;}
.section05 .right{width:45%; box-sizing:border-box; padding-left:50px;}
.section05 .right > ul{opacity:0; transform:translateY(0px); transition:opacity 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s, transform 0.8s cubic-bezier(.25,.46,.45,.94) 0.2s;}
.section05 .right > ul > li{display:table; table-layout:fixed; width:100%; margin:13px 0; border-left:1px solid rgba(255,255,255,0.18);}
.section05 .right > ul > li > span{display:table-cell; box-sizing:border-box; padding:4px 15px;}
.section05 .right > ul > li > span a{display:inline-block; color:#fff;}
.section05 .right > ul > li > span:nth-of-type(1){width:35%; padding-left:25px;}
.section05 .right > ul > li > span:nth-of-type(2){width:65%;}
.section05 [data-motion-rail="rail02"]{left:auto; right:-10%; color:#000; text-shadow:0px 1px 0px rgba(255,255,255,0.1), 1px 0px 0px rgba(255,255,255,0.1), -1px 0px 0px rgba(255,255,255,0.1); transform:rotate(90deg); transform-origin:70% 0%;}
.section05 .right.active > ul{opacity:1; transition-delay:0.4s, 0.4s;}
		/* section05-bg */
.bg_section05{z-index:26; width:100%;}
.bg_section05 .show_visual_text{height:auto !important; padding-top:30px; color:#fff;}
.bg_section05 .show_visual_text h1{width:200px; height:37px;}
.bg_section05 .show_visual_text h1 span{background-image:url(../images/common/logo_w.svg);}
.bg_section05 .show_visual_text P{margin-top:13px; font-size:12px; color:#fff;}
.bg_section05 .show_visual_text .btn_scroll{position:absolute; bottom:10px; left:50%; margin-top:0px; margin-left:-120px; border-width:0px; color:#fff; transform:rotate(-180deg);}
.bg_section05 .show_visual_text .btn_scroll span{transform:rotate(-180deg);}
.bg_section05 .show_visual_text .btn_scroll:after{background-image:url(../images/common/img_arrow_white.png);}


@media screen and (min-width:1025px){
	.section03{min-width:1060px;}
	.section04{min-width:1300px;}
	.section05{min-width:1300px;}
	.section04 .inr{z-index:25;}
}

@media screen and (max-width:1400px){
	.section04 .inr > .photo{left:200px;}
	.cont_section04{padding-left:200px;}
	[data-list-photo] .right{left:420px;}	
}

@media screen and (max-width:1300px){
	[data-list-photo="section03"] > li:nth-of-type(2){padding-right:250px;}
	
	.section05{width:1300px !important;}
	.section05 .txt{width:60%; box-sizing:border-box; padding-left:120px;}
	.section05 .right{width:40%;}
}

@media screen and (max-width:1100px){
	.section05{width:1200px !important;}
	.section05 .txt{padding-left:180px;}
}

@media screen and (max-width:1024px){
	[data-list-photo]{display:block;}
	[data-list-photo] > li{margin-right:0px;}
	[data-list-photo] .photo{width:21.33333rem; height:26.66666rem;}
	[data-list-photo] .photo.row{width:26.66666rem; height:21.33333rem;}
	.inerShow{transform:translate3d(0px, 0px, 0px) !important;}
	[data-motion-rail]{font-size:10rem;}
	
	#content .show_visual_text{min-height:640px;}
	
	#content{display:block; height:auto; box-sizing:border-box; padding-top:200vh; padding-top:calc(var(--vh, 1vh) * 200);}
	#content > article{overflow:hidden; height:auto;}
	#content .section01,
	#content .section02{width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100);}
	.section01,
	.section02{min-height:640px;}
	.section01{position:absolute; top:0px; clip:rect(0, auto, auto,0);}
	.section01 .show_visual_text{position:fixed; width:100%;}
	.section01 .box{transform:scale(0.8,0.8);}
	
	#content > .section02{padding-left:0px;}
	.section02{top:100vh; top:calc(var(--vh, 1vh) * 100);}
	.section02 .photo{width:100%;}
	.section02 .photo img{width:100vmax; height:100vmax;}
	
	.bg_section02,
	.bg_section03{min-height:640px;}
	
	.section03{display:block; width:100%; padding:50px 15px;}
	.section03:after{display:none;}
	.section03 [data-list-photo="section03"]{padding-left:0px; padding-top:150px;}
	/* [data-list-photo="section03"]:before{content:''; display:block; position:fixed; top:0px; left:0px; width:100%; height:200px; background:rgba(255,255,255,0.9);} */
	[data-list-photo="section03"]:after{content:''; display:block; clear:both;}
	[data-list-photo="section03"] > li{width:50%; box-sizing:border-box;}
	[data-list-photo="section03"] > li:nth-of-type(1){float:right; width:70%;}
	[data-list-photo="section03"] > li:nth-of-type(1) p{position:absolute; left:370px; bottom:105px; word-break:keep-all; white-space:normal;}
	[data-list-photo="section03"] > li:nth-of-type(1) p br{display:none;}
	[data-list-photo="section03"] > li:nth-of-type(2){clear:right; float:none; padding-right:0px; padding-top:40px; padding-left:10%;}
	[data-list-photo="section03"] > li:nth-of-type(2) p{left:100%;}
	[data-list-photo="section03"] > li:nth-of-type(3){float:right; padding-top:50px;}
	[data-list-photo="section03"] > li:nth-of-type(4){clear:right; float:none; padding-top:0px; padding-top:50px; padding-left:15%;}
	[data-list-photo="section03"] > li:nth-of-type(5){float:right; box-sizing:border-box; padding-top:0px; padding-left:7%; margin-top:-70px;}
	.section03.active .show_visual_text,
	.bg_section03 .show_visual_text{opacity:0.1;}
	.bg_section03 .show_visual_text .btn_scroll{opacity:0;}
	
	.section04{overflow:hidden; position:absolute; width:100%;}
	.section04 [data-motion-rail="rail01"]{left:0px; z-index:3; transform:rotate(0);}
	.section04 .inr{height:auto; padding:150px 15px 70px;}
	.section04 .inr > .photo{left:5%; z-index:2;}
	[data-list-photo="section04"] > li:nth-of-type(1){padding-left:15%;}
	[data-list-photo="section04"] .right{left:55%;}
	.cont_section04{position:relative; z-index:25; padding-left:0px;}
	
	#content .section05{height:100vh; height:calc(var(--vh, 1vh) * 100); min-height:780px;}
	.bg_section05{position:absolute;}
	#content .bg_section05 .show_visual_text{min-height:inherit; transform:scale(1,1);}
	.bg_section05 .show_visual_text .btn_scroll{display:none;}
	.section05{width:100% !important; height:100vh;}
	.section05 [data-motion-rail="rail02"]{right:0px;}
	.section05 .inr{box-sizing:border-box; padding:0 15px;}
	.section05 .txt{padding-left:80px;}
	.section05 .right{padding-left:30px;}
}

@media screen and (max-width:900px){
	[data-list-photo="section03"] > li:nth-of-type(1){width:80%;}
	[data-list-photo="section03"] > li:nth-of-type(2){padding-left:5%;}
	[data-list-photo="section03"] > li:nth-of-type(2) p{left:105%;}
	[data-list-photo="section03"] > li:nth-of-type(4){padding-left:10%;}	
	
	[data-list-photo="section04"] > li:nth-of-type(1){padding-left:10%;}
	
	.section05 .txt{width:55%; padding-left:3%;}
	.section05 .txt p{word-break:keep-all; white-space:normal;}
	.section05 .txt p br{display:none;}
	.section05 .right{width:45%; padding-left:0px;}
	.section05 .photo img{opacity:0.8;}
}

@media screen and (max-width:768px){
	.btn_default{min-width:200px;}
	
	[data-motion-rail]{font-size:9rem;}
	[data-list-photo] .photo{position:relative; width:auto; max-width:41.66666666666667vw; height:auto; padding-top:52.083333333333336vw;}
	[data-list-photo] .photo img{position:absolute; top:0px; left:50%; margin-left:-50%;}
	[data-list-photo] .photo.row{width:auto; max-width:52.083333333333336vw; height:auto; padding-top:41.66666666666667vw;}
	[data-list-photo] a,
	.section05 .txt a{font-size:14px;}
	[data-list-photo] p,
	.section05 .txt p{font-size:15px;}
	[data-list-photo] p{white-space:normal; word-break:keep-all;}
	[data-list-photo] p br{display:none;}
	[data-list-photo] small,
	.section05 .txt.active small{font-size:18px;}
	[data-list-photo] h2,
	.section05 .txt h2{font-size:32px;}
	
	.section01 .box{padding-bottom:278px; transform:scale(1,1);}
	.section01 .box svg{width:400px;}
	
	.section03 [data-list-photo="section03"]{padding-top:100px;}
	[data-list-photo="section03"] > li:nth-of-type(1){width:100%; text-align:center;}
	[data-list-photo="section03"] > li:nth-of-type(1) .photo{margin:0 auto 40px;}
	[data-list-photo="section03"] > li:nth-of-type(1) p{position:static;}
	[data-list-photo="section03"] > li:nth-of-type(1) p br{display:block;}
	[data-list-photo="section03"] > li:nth-of-type(2){width:100%; box-sizing:border-box; padding-left:5%;}
	[data-list-photo="section03"] > li:nth-of-type(2) p{left:50vw;}
	[data-list-photo="section03"] > li:nth-of-type(4){padding-left:5%;}
	[data-list-photo="section03"] > li:nth-of-type(5){padding-left:3%;}
	
	.section04 .inr > .photo{left:-10%; top:10%; height:100%;}
	[data-list-photo="section04"] > li:nth-of-type(1){padding-left:5%;}
	[data-list-photo="section04"] a{margin-left:30%;}
}

@media screen and (max-width:620px){
	.btn_default{min-width:160px; height:50px; line-height:48px;}
	.btn_default span{padding-left:15px; padding-right:15px;}
	
	.section04 .inr > .photo{width:45%;}
	[data-list-photo="section04"] > li:nth-of-type(1){margin-top:100px;}
	[data-list-photo="section04"] a{margin-left:0px;}
	
	.section05 .inr{flex-flow:column; justify-content:flex-start; padding-top:150px;}
	.section05 .txt{width:100%;}
	.section05 .right{position:absolute; bottom:auto; top:350px; left:30px; width:calc(100% - 30px);}
	.section05 .right > ul{transform:translateY(60px);}
	.section05 .right.active > ul{transform:translateY(0px);}
	.section05 .photo img{opacity:0.7;}
}

@media screen and (max-width:500px){
	#content .show_visual_text{transform:scale(0.6,0.6);}
	.show_visual_text .btn_scroll span{font-size:20px;}
	.show_visual_text .btn_scroll:after{width:22px; height:12px; margin-top:-6px;}
	
	[data-list-photo] p{line-height:2;}
	[data-list-photo] p, 
	.section05 .txt p{font-size:14px;}
	[data-list-photo] small,
	.section05 .txt.active small{font-size:16px;}
	[data-list-photo] h2,
	.section05 .txt h2{font-size:30px;}
	
	[data-motion-rail]{font-size:8rem;}
	
	.section01 .box{padding-bottom:208px;}
	.section01 .box svg{width:300px;}
	
	.section03 [data-list-photo="section03"]{padding-top:50px;}
	[data-list-photo="section03"] > li:nth-of-type(2){padding-top:60px;}
	[data-list-photo="section03"] > li:nth-of-type(2) p{bottom:auto; top:160px;}
	
	[data-list-photo="section04"] > li:nth-of-type(1){padding-left:10px;}
	[data-list-photo="section04"] .right{left:52%;}
	[data-list-photo="section04"] .active .right a{font-size:13px; letter-spacing:2px;}
	[data-list-photo="section04"] .active .right a span{white-space:nowrap;}
	[data-list-photo="section04"] a{margin-top:30px;}
}

@media screen and (max-width:420px){
	.btn_default{min-width:150px;}
	[data-motion-rail]{font-size:7rem;}
	
	[data-list-photo] .photo{max-width:64vw; padding-top:80vw;}
	[data-list-photo] .photo.row{max-width:80vw; padding-top:64vw;}
	
	#content .show_visual_text{transform:scale(0.5,0.5);}
	.show_visual_text .btn_scroll span{font-size:25px;}
	.show_visual_text .btn_scroll:after{width:26px; height:16px; margin-top:-8px;}
	.section01 .box{padding-bottom:173px;}
	.section01 .box svg{width:250px;}
		
	#content .section02{height:550px; min-height:inherit;}
	.section02 .photo img{top:-15%; left:-10%;}
	
	[data-list-photo="section03"] > li{width:100%;}
	[data-list-photo="section03"] > li:nth-of-type(1) p br{display:none;}
	[data-list-photo="section03"] > li:nth-of-type(2) p{position:static;}
	[data-list-photo="section03"] > li:nth-of-type(3),
	[data-list-photo="section03"] > li:nth-of-type(5){width:80%; margin-top:0px; padding-top:50px;}
	[data-list-photo="section03"] > li:nth-of-type(5) .photo{max-width:80vw; padding-top:64vw;}
	[data-list-photo="section03"] > li:nth-of-type(5) .photo img{width:100%; height:auto;}
	
	.section04 .inr{padding-bottom:0px;}
	[data-list-photo="section04"] .right{position:static; padding:30px 20px 70px; background:#fff;}
	[data-list-photo="section04"] > li:nth-of-type(1){padding-left:15%;}
	
	.bg_section05 .show_visual_text h1{width:170px; height:31px;}
	.bg_section05 .show_visual_text P{margin-top:10px; font-size:10px;}
	.section05 .photo{left:-25%;}
	.section05 .txt a{margin-bottom:5px;}
	.section05 .txt p{margin-bottom:180px;}
	.section05 .right > ul > li > span:nth-of-type(1){width:30%; padding-left:20px;}
	.section05 .right > ul > li > span:nth-of-type(2){width:70%;}
}

@media screen and (max-width:365px){
	.section05 .txt h2{margin-bottom:20px;}
	.section05 .txt p{margin-bottom:180px;}
	.section05 .right{top:340px;}
}
	
@media screen and (max-width:320px){
	.btn_default{height:45px; line-height:42px; font-size:13px;}
	[data-motion-rail]{font-size:5rem;}
	
	#content .show_visual_text{transform:scale(0.4,0.4);}
	.show_visual_text .btn_scroll span{font-size:28px;}
	.show_visual_text .btn_scroll:after{width:30px; height:20px; margin-top:-10px;}
	
	[data-list-photo] small,
	.section05 .txt.active small{font-size:15px;}
	[data-list-photo] h2,
	.section05 .txt h2{font-size:28px;}
	
	.section01 .box{padding-bottom:138px;}
	.section01 .box svg{width:200px;}
	
	.section02 .photo img{left:-45%;}
	
	.section04 .inr{padding-top:50px;}
	
	.section05 .txt h2{margin-bottom:20px;}
	.section05 .txt p{line-height:2;}
	.section05 .right > ul > li > span{font-size:13px;}
	.section05 .right > ul > li > span:nth-of-type(1){padding-left:15px; padding-right:5px;}
}

@media screen and (max-width:280px){
	[data-list-photo] p,
	.section05 .txt p{font-size:13px;}
	.bg_section05{display:none;}
	.section05 .inr{padding-bottom:80px;}
	.section05 .right{left:20px;}
	.section05 .right > ul > li > span:nth-of-type(1){letter-spacing:2px;}
}

/* motion */
@keyframes introPath{
	0%{stroke-dashoffset:1000;}
	100%{stroke-dashoffset:0;}
}

@media screen and (-webkit-min-device-pixel-ratio:0){ 
	.section01,
	.section02,
	.section05{-webkit-mask-image:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);}
}