@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; display:flex; align-items: center; background:url("../img/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;}

.domain_logo{float:left; width:100%; padding:0 20px;}
.domain_logo a{display:inline-block; position:relative;}
.domain_logo a img{width:100%; max-width:300px; transition:all 0.5s;}

.domain_title{float:left; width:100%; margin:30px 0 0 0; padding:0 20px; font-family:'EsaManru'; font-weight:700; font-size:66px; color:#ffffff; letter-spacing: -6pt; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.domain_title span.fff{color:#ffbb00;}

.domain_text{float:left; width:100%; margin:30px 0 0 0; padding:0 20px; font-family:'EsaManru'; font-weight:700; font-size:30px; line-height:1.5; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.domain_text span{font-weight:700; color:#ffbb00;}
.domain_text p{word-break: keep-all;}

.domain_text2{float:left; width:100%; margin:40px 0 0 0; padding:0 20px; font-family:'EsaManru'; font-weight:700; font-size:80px; line-height:1.2; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.domain_text2 span{font-weight:700; color:#ffbb00;}

.domain_btn_wrap{float:left; width:100%; text-align:center; margin:40px 0 0 0; padding:0 20px; display: flex; flex-direction: column;}
.domain_btn_wrap ul{float:left; display: flex; justify-content: center; flex-wrap:wrap;}
.domain_btn_wrap li{float:left; width:420px; height:105px; background:url("../img/bg_domain_btn.png") center top no-repeat; background-size:100%; transition:all 0.5s;}

.domain_btn_wrap li a{width:100%; height:100%; padding:0 0 25px 0; display:flex; flex-direction: column; align-items: center; justify-content: center; transition:all 0.5s;}

.btn_text1{font-family:'EsaManru'; font-weight:700; font-size:24px; line-height:1.2; color:#ffbb00; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.btn_text2{font-family:'EsaManru'; font-weight:700; font-size:28px; line-height:1.4; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.btn_img{margin:10px 0 0 0;}

.domain_btn_wrap li:nth-child(2){animation-delay:0.5s;}
.domain_btn_wrap li:nth-child(4){animation-delay:0.5s;}

.domain_title {
  position: relative;
}
.domain_title span {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));  
}

@media screen and (max-width:1280px) {
    .domain_title{font-size:50px; letter-spacing: -5pt;}
    .domain_text{font-size:24px;}
    .domain_text2{font-size:54px;}
}

@media screen and (max-width:768px) {
    .domain_title{font-size:36px; letter-spacing: -3pt;}
    .domain_text2{font-size:36px;}
}

@media screen and (max-width:440px) {
	.domain_logo a img{width:260px;}
    .btn_text1{font-weight:500; font-size:16px;}
    .btn_text2{font-size:28px;}
	.domain_btn_wrap{padding:0 10px;}
	.domain_btn_wrap li{width:100%; height:58vw;}
	.domain_btn_wrap li a{padding:0;}
	.domain_text2 span{display:block;}
}

.ffbb00 { color:#ffbb00 !important; }