@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; overflow:hidden; display:flex; align-items: center; background:#000000 url(../images2025/bg_domain.jpg) center top no-repeat; background-size:cover; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  domain                                                                             *
 *-------------------------------------------------------------------------------------*/
.domain_wrap{width:100%; height:100%; position:relative;  text-align:center; padding:30px 0 50px;}
.domain_box{width:1400px; margin:0 auto; position:relative;}


.domain_logo{float:left; width:100%; margin:0 0 0 0; padding:0 30px; text-align:center;}
.domain_logo img{width:100%; max-width:500px; transition:all 0.5s;}
.domain_title{float:left; width:100%; margin:-10px 0 0 0; text-align:center;}
.domain_title img{width:100%; max-width:1400px; transition:all 0.5s;}
.domain_title2{float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.domain_title2 img{width:100%; max-width:1400px; transition:all 0.5s;}
.domain_text{float:left; width:100%; margin:10px 0 0 0; padding:0 0 0 0; text-align:center; font-family:'GmarketSans'; font-weight:500; font-size:26px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.7); letter-spacing:20px; word-break:keep-all;}
.domain_text2{float:left; width:100%; margin:10px 0 0 0; padding:0 0 0 0; text-align:center;}
.domain_text2 p{font-family:'GmarketSans'; font-weight:500; font-size:36px; color:#ffffff; text-shadow: 4px 5px 0px rgba(0, 0, 0, 1); word-break:keep-all;}
.domain_text2 p span{color:#fffc00;}
.domain_text3{float:left; width:100%; margin:10px 0 0 0; padding:0 20px 0 20px; text-align:center;}
.domain_text3 p{font-family:'GmarketSans'; font-weight:500; font-size:36px; color:#ffffff; text-shadow: 4px 5px 0px rgba(0, 0, 0, 1); word-break:keep-all;}
.domain_text3 p span{color:#00f0ff;}

.domain_btn{float:left; width:100%; margin:10px 0 0 0; position:relative; z-index:10;}
.domain_btn ul{display:flex; align-items:center; justify-content:space-between;}
.domain_btn li{float:left; width:681px; margin:0 0 10px 0;}
.domain_btn li:nth-child(2n){margin:0 0 10px 0;}
.domain_btn li a{display:flex; align-items:center; justify-content:center; min-height:118px; padding:20px 10px; background:url(../images2025/domain_btn.png) center top no-repeat; background-size:100% 100%; border-radius:5px; font-family:'GmarketSans'; font-weight:700; font-size:46px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.7);}
.domain_btn li a span{display:inline-block; margin:0px 0 0 0;}
.domain_btn li a span span{color:#fffc00;}


.domain_arrow{display:inline-block; margin:0 0 0 20px;}
.domain_sns{display:inline-block; margin:0px 10px 0 0 ;}

@media screen and (max-width:1920px) {
	.domain_title{margin:-10px 0 0 0;}
	.domain_title img{width:100%; max-width:1000px;}
	.domain_title2 img{width:100%; max-width:1000px;}
	.domain_text{font-size:22px; letter-spacing:10px;}
	.domain_text2 p{font-size:30px; line-height:1.2;}
	.domain_text3 p{font-size:30px; line-height:1.2;}
	.domain_text3{margin:0px 0 0 0;}
	.domain_btn ul{justify-content:center;}
	.domain_btn li a{font-size:36px;}	
	.domain_btn li{width:49.5%; max-width:600px; margin:0 10px 10px 0;}	
}


@media screen and (max-width:1400px) {
 .domain_box{width:100%; padding:0 20px;}   
 .domain_text{font-size:22px; letter-spacing:10px;}
 .domain_text2 p{font-size:30px;}
 .domain_text3 p{font-size:30px;}
 .domain_btn li a{font-size:36px;}
 .domain_btn li{width:49.5%; max-width:681px;}
}

@media screen and (max-width:1024px) {
 .domain_btn ul{flex-wrap:wrap; justify-content:center;}
 .domain_btn li{width:100%}
}

@media screen and (max-width:768px) {
 .domain_logo{margin:-50px 0 0 0;}
 .domain_title{margin:0px 0 0 0;}
 .domain_text{font-size:16px; letter-spacing:5px;}
 .domain_text2 p{font-size:22px;}
 .domain_text3{padding:0 0 0 0;}
 .domain_text3 p{font-size:22px;}
 .domain_btn li a{font-size:32px;}  
.domain_arrow{width:30px; margin:0px 0 0 10px;}
.domain_sns{width:30px;}
}
@media screen and (max-width:425px) {
 .domain_text{font-size:14px; letter-spacing:0px;}
 .domain_text2 p{font-size:18px;}
 .domain_text3 p{font-size:18px;}
 .domain_btn li a{font-size:26px;}    
}