@charset "utf-8";

/* MAIN */
.main{width:100%; height:100%; padding-top:60px; background:url(../images/contents/main_bg.jpg) no-repeat center top; position:relative;}

.main .main_contents{width:360px; height:calc(100% - 90px); margin:0 auto; padding:60px 0;}
.main .main_contents .main_top *{color:#fff; text-align:center;}
.main .main_contents .main_top h1{line-height:0;}
.main .main_contents .main_top h1 img{width:40%; max-width:162px;}
.main .main_contents .main_top h2{font-size:1.857em; line-height:1.2em; letter-spacing:-0.08em; margin:15px 0;}
.main .main_contents .main_top p{font-size:1.429em; line-height:1.3em; letter-spacing:-0.03em; word-break:keep-all; opacity:0.8;}
.main .main_contents .main_btn{padding-top:40px; margin-top:40px; border-top:1px solid rgba(255,255,255,0.4);}
.main .main_contents .main_btn *{text-align:center; color:#fff;}
.main .main_contents .main_btn h1{font-size:5.142em; line-height:1.2em; letter-spacing:-0.08em; word-break:keep-all;}
.main .main_contents .main_btn button{width:100%; max-width:280px; margin:30px auto 0; padding:20px; background-color:transparent; border:1px solid #fff; border-radius:70px; display:flex; align-items:center; justify-content:center;}
.main .main_contents .main_btn button p{font-size:1.714em; font-weight:600; line-height:1em; letter-spacing:-0.06em;}
.main .main_contents .main_btn button object{width:14px; filter:invert(99%) sepia(1%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(100%); margin-left:12px;}
.main .main_contents .main_btn button:hover{border-color:#8846c3; background-color:#8846c3;}


/* OBJECT */
.main_object{position:absolute; bottom:-50px; left:50%; transform:translateX(-50%);}



/* RESPONSIVE */
@media screen and (max-width : 1440px){
}


@media screen and (max-width : 1280px){
	/* MAIN */
	.main{}
}


@media screen and (max-width : 960px){
	/* MAIN */
	.main{background-size:auto 100%;}
	
	.main .main_contents{height:calc(100% - 80px); padding:40px 0;}
	.main .main_contents .main_top h2{font-size:1.571em;}
	.main .main_contents .main_top p{font-size:1.286em;}
	.main .main_contents .main_btn {padding-top:30px; margin-top:30px;}
	.main .main_contents .main_btn h1{font-size:4.143em;}
	.main .main_contents .main_btn button{max-width:240px;margin:20px auto 0;}
	.main .main_contents .main_btn button p{font-size:1.429em;}
}


@media screen and (max-width : 640px){
	/* MAIN */
	.main{padding-top:0;}
	
	.main .main_contents{width:75%; max-width:300px; height:calc(100% - 65px); padding:20% 0 0;}
	.main .main_contents .main_top p{font-size:1.143em;}
	.main .main_contents .main_btn h1{font-size:3em;}
	.main .main_contents .main_btn button{max-width:200px; padding:15px;}
	.main .main_contents .main_btn button p{font-size:1.143em;}
}