@charset "utf-8";

/* common */
.sect .pc {display:flex!important;}
.sect .mo {display:none!important;}
.sect .txt-area {margin-top:100px;}
.sect .btn-area.btn-list {margin-top:70px;}
@media screen and (max-width:1023px){
	.sect .pc {display:none!important;}
	.sect .mo {display:flex!important;}
}
@media screen and (max-width:767px){
	.sect .btn-area.btn-list {margin-top:35px;}
}

/* sect-main-visual */
.sect-main-visual {min-height:100vh;}
.sect-main-visual .inner {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.sect-main-visual .img-area {line-height:0;}
.sect-main-visual .txt-area {display:flex; flex-direction:row; justify-content:center; align-items:center; margin-top:0;}
.sect-main-visual .txt-area .txt {color:var(--font-color-white); font-family:"Pretendard",sans-serif; font-size:16rem; font-weight:800;}
.sect-main-visual .txt-area .txt.parentheses {margin:0 0 20px 15px; font-weight:700; letter-spacing:30px; transition:letter-spacing 1s ease 0.5s;}
.sect-main-visual.on .txt-area .txt.parentheses {letter-spacing:0px;}
@media screen and (max-width:1023px){
	.sect-main-visual {align-items:center;}
	.sect-main-visual .inner {flex-direction:column;}
	.sect-main-visual .img-area {width:413px; margin-top:40px;}
	.sect-main-visual .txt-area .txt {font-size:10.2rem;}
	.sect-main-visual .txt-area .txt.parentheses {margin:0 15px 10px 0; letter-spacing:12px;}
	.sect-main-visual.on .txt-area .txt.parentheses {letter-spacing:2px;}
}
@media screen and (max-width:767px){
	.sect-main-visual .img-area {width:207px; margin-top:20px;}
	.sect-main-visual .txt-area .txt {font-size:5.1rem;}
	.sect-main-visual .txt-area .txt.parentheses {margin:0 8px 5px 0;}
}