body { padding:0; margin:0; font-family:'Inter', sans-serif; }
.intro { display:flex; width:100%; overflow:hidden }
.intro > .area { flex:1; position:relative; height:100vh; }
.intro > .area:nth-child(1) { background:url(/intro/images/intro_1.png) center no-repeat; background-size:cover; }
.intro > .area:nth-child(2) { background:url(/intro/images/intro_2.png) center no-repeat; background-size:cover; }
.intro > .area:nth-child(3) { background:url(/intro/images/intro_3.png) center no-repeat; background-size:cover; }

.intro > .area  > .boxarea { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); transition:background-color .3s ease; color:#fff; text-align:center; }
.intro > .area  > .boxarea:hover { background-color:rgba(0,0,0,0); }

.intro > .area  > .boxarea .box{position:absolute;left:0;bottom:87px; width:100%;}
.intro > .area  > .boxarea .box p{margin:0;}
.intro > .area  > .boxarea .box .st1 { font-family:'NewYork', serif; font-weight:400; font-style:normal; font-size:60px; line-height:1.4; letter-spacing:0; vertical-align:middle; color: rgba(255, 255, 255, 0.2);}
.intro > .area  > .boxarea .box .st2 { font-family:Inter; font-weight:700; font-style:normal; font-size:40px; line-height:1.4; letter-spacing:-0.05em; vertical-align:middle; }
.intro > .area  > .boxarea .box .st3 { margin-bottom:40px; font-family:Inter; font-weight:500; font-style:normal; font-size:25px; line-height:1.4; letter-spacing:-0.05em; vertical-align:middle; }

.intro > .area  > .boxarea .box  a { display:inline-block; width:98px; height:40px; opacity:1; padding:0; margin:0 auto; box-sizing:border-box; border:1px solid #fff; color:#fff; line-height:40px; text-align:center; text-decoration:none; }
.intro > .area  > .boxarea .box  a:hover{ background:#ffffff;color:#000000;}

/*body { cursor: url('/intro/images/pointer.png') 5 5, auto;}*/
@media only screen and (max-width:1300px) {
	.intro {  display:block;flex-direction: column; width:100%;}
	.intro > .area{height:34vh;min-height:56.67vw;}
	.intro > .area:nth-child(1) { background-size:120%; background-position:left 5% top 30%;}
	.intro > .area:nth-child(2) { background-size:120%; background-position:left 5% top 30%;}
	.intro > .area:nth-child(3) { background-size:140%; background-position:left 30% top 30%;}
	
	.intro > .area  > .boxarea .box{position:absolute;left:5vw;bottom:5vw; width:100%; text-align:left;}
	.intro > .area  > .boxarea .box .st1{font-size:5vw;}
	.intro > .area  > .boxarea .box .st2{font-size:6.94vw;}
	.intro > .area  > .boxarea .box .st3{margin-bottom:1.39vw;font-size:4.17vw;}
	.intro > .area  > .boxarea .box  a{width:14.44vw;height:5.83vw; font-size:2.22vw; line-height:5.8vw;}
	
}