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

/*-------------------------------------------------------------------------------------*
 *  domain                                                                             *
 *-------------------------------------------------------------------------------------*/
.domain_wrap{float:left; width:100%; position:relative; text-align:center; padding:30px 0 30px; -webkit-perspective: 1000;}
.domain_wrap_item{float:left; width:100%; position:absolute; z-index:-1; left:50%; top:10%; transform:translate(-50%);}
.domain_wrap_item img{width:100%; max-width:1920px; transition:all 0.5s;}
.domain_logo{float:left; width:100%; padding:0 30vw;}
.domain_logo a{display:inline-block; position:relative;}
.domain_logo a img{width:100%; max-width:258px; transition:all 0.5s;}

.domain_title{float:left; width:100%; margin:1.0vw 0 0 0; padding:0 40px;}
.domain_title img{width:100%; max-width:780px; transition:all 0.5s;}



.domain_item01{float:left; width:100%; margin:1.2vw 0 0 0; text-align:center; padding:0 30px; transition:all 0.5s;}
.domain_item01_box{width:780px; margin:0 auto; background:#382304; border-radius:5px; overflow:hidden;}
.domain_item01_title{float:left; width:100%; padding:30px 0 20px; background:url(../images/bg_domain_title.jpg) center top no-repeat; background-size:cover; border-radius:5px; font-family:'EsaManru'; font-weight:700; font-size:50px; color:#000000; text-shadow:1px 0 0 rgba(255,255,255,0.6);}
.domain_item01_title span{color:#4d0606;}

.domain_item01_text{float:left; width:100%; padding:30px 80px;}

.dit_btn{float:left; width:100%;}
.dit_btn li{float:left; width:100%; margin:0 0 10px 0;}
.dit_btn li a{display:block; width:100%; text-align:center; background:rgba(0,0,0,0.3); border-radius:5px; padding:20px 10px; font-family:'EsaManru'; font-weight:700; font-size:40px; color:#ffd800;}
.dit_btn_text{float:left; width:100%; margin:0.9vw 0 0 0; font-family:'EsaManru'; font-weight:500; font-size:24px; color:#ffffff;}

.domain_item02{float:left; width:100%; margin:1vw 0 0 0; padding:0 20px;}
.domain_item02 p{line-height:1.3; font-family:'EsaManru'; font-weight:500; font-size:50px; color:#ffffff;}
.domain_item02 p span{font-weight:700;}
.domain_item02 p:first-child span{color:#ffb15c;}
.domain_item02 p:last-child span{color:#fff55c;}
@media (hover: hover) {

}

@media screen and (max-width:1072px) {
.domain_item01_box{width:100%;}
.domain_item01_title{font-size:40px; padding:20px 0 15px;}
.domain_item01_text{padding:30px 30px;}
.dit_btn li a{font-size:32px;}
.dit_btn_text{font-size:20px;}
.domain_item02 p{font-size:40px;}

}
@media screen and (max-width:768px) {
.domain_wrap{padding:50px 0 30px;}
.domain_title{margin:7vw 0 0 0;}
.domain_item01{margin:3vw 0 0 0;}
.domain_item01_title{font-size:28px;}
.domain_item01_text{padding:20px 20px;}
.dit_btn li a{font-size:24px;}
.dit_btn_text{font-size:18px;}
.domain_item02 p{font-size:26px;}
.domain_item02{margin:5vw 0 0 0;}

}

@media screen and (max-width:480px) {
.domain_title{padding:0 25px;}
}