/*@media (max-width: 767px) {*/

.mainimg {
background: url("../img/ttl_bg_sp2.jpg") bottom center no-repeat;
background-size: 100% auto;
}

.mainimg .ttl_box {
height:100vw;
}
.mainimg .ttl_designer {
width: 90vw;
/*top:25vw;
left:0;
right:0;
margin: auto;*/
}

.mainimg .ttl_designer h1 {
margin-bottom: 30px;
}
.mainimg .ttl_designer p {
font-size: 1.5rem;
}

@media (max-width: 479px) {

.mainimg .ttl_designer {
top:27vw;
}
.mainimg .ttl_designer h1 {
margin-bottom: 15px;
}
.mainimg .ttl_designer p {
font-size: 1.2rem;
}
/*max-width: 479px*/}

@media (max-width: 420px) {

.mainimg .ttl_designer {
top:23vw;
}
.mainimg .ttl_designer h1 {
margin-bottom: 12px;
}
/*max-width: 479px*/}


.btn_box {
width: 100%;
}
.btn_box .btn_each {
width: 100%;
}
.btn_inbox {
margin-top: -8%;
}

.bottom_bg {
margin-top: -20vw;
padding: calc(20vw + 80px) 0 80px;
background: url("../img/bottom_bg_sp.jpg") no-repeat top center;
background-size: 100% auto;
}

@media (max-width: 479px) {
.bottom_bg {
margin-top: -20vw;
padding: calc(20vw + 60px) 0 60px;
}
/*max-width: 479px*/}