@charset "utf-8";
html,
body {height:100vh;}
#wrap {overflow:hidden; height:100%; width:100%; position:relative;}
#intro {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); margin-top:-10rem;}
#intro .clogo {width:31.6rem; height:18.5rem; margin:auto; background:url('../images/intro/intro_logo.png') no-repeat center/contain;}
#intro .txt {margin:8rem 0; font-size:4rem; font-weight:700; line-height:1.3; color:#39893D;}
#intro .btn_wrap {display:flex; align-items:center; justify-content:center; gap:1.5rem;}
#intro .btn_wrap a {width:22rem; line-height:8.2rem; border-radius:4.5rem; font-size:4rem; font-weight:700; color:#fff; background:#39893D;}
#intro .btn_wrap a+a {background:#AAA;}

.logo_txt {position:absolute; left:-3.7rem; right:-3.7rem; bottom:-4rem; height:21.3rem; background:url('../images/intro/intro_logo_b.png') no-repeat center bottom/contain;}
@media screen and (max-width:1024px){
	#intro {margin-top:-4rem; margin-top:-12rem;}
	#intro .clogo {width:28.4rem; height:16.6rem;}
	#intro .txt {margin:6rem 0; font-size:3rem;}
	.logo_txt {bottom:0; left:0; right:0; height:auto; padding-bottom:43.1111%; background:url('../images/intro/intro_logo_b_m.png') no-repeat center bottom/cover}
}