.mainimg {
display: block;
position: relative;
}
.mainimg img {
display: block;
}
.mainimg .ttl_box {
width: 100%;
height:37vw;
position: absolute;
top:0;
z-index: 100;

display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;

-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;

-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}



.mainimg .ttl_designer {
display: block;
/*z-index: 100;*/
width: 50%;
max-width: 730px;
/*position: absolute;
top:0;
bottom:0;
left:0;
right:0;
margin: auto;*/
}
.mainimg .ttl_designer h1 {
display: block;
margin-bottom: 30px;
}

.mainimg .ttl_designer p {
text-align: center;
font-size: 1.4rem;
line-height: 2;
}
@media (max-width: 980px) {
.mainimg .ttl_designer {
width: 60%;
}
.mainimg .ttl_designer h1 {
margin-bottom: 20px;
}
.mainimg .ttl_designer p {
font-size: 1.3rem;
}
/* max-width: 980px */}


.btn_box {
position: relative;
width: 94%;
max-width: 1400px;
margin: 0 auto;
}
.btn_inbox {
z-index: 200;
margin-top: -10vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.btn_box .btn_each {
width: calc(50% - 5px);
background: #fff;
background-size: 100% auto;
margin-bottom: 10px;
}
.btn_box .btn_each a {
display: block;
}
.btn_box .btn_each a:hover {
opacity: 0.80;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
.bottom_bg {
margin-top: -10vw;
padding: calc(10vw + 80px) 0 80px;
background: url("../img/bottom_bg.jpg") no-repeat top center;
background-size: 100% auto;
}