@charset "utf-8";
/*pc*/
.tit_area{
background:url(../img/tit_bg.png);
background-size:cover;
padding:45px 0;
margin-bottom:40px;
}
.tit_area h2{
text-align:center;
}
.tit_area h2 img{
width:auto;
}
.inner{
max-width:1080px;
margin:0 auto;
}

.design_box{
max-width:980px;
margin:0 auto;
margin-bottom:100px;
text-align:center;
}
.design_box.parking{
margin-bottom:50px;
}

.design_box h3{
line-height:80px;
margin-bottom:10px;
font-size:30px;
color:#333;
text-shadow:#fff 1px 1px 2px,#fff 1px -1px 2px,#fff -1px -1px 2px,#fff -1px 1px 2px;
}
.design_img{
margin-bottom:50px;
}
.design_txt{
font-size:20px;
line-height:1.5em;
}
.gate{
display:flex;
justify-content:space-between;
align-items:center;
max-width:780px;
margin:50px auto 0;
}
.gate_img{
width:50%;
}
.gate_txt{
text-align:left;
width:46%;
font-size:20px;
line-height:1.5em;
}

.appearance h3{
background:url(../img/paragraph_bg.png),url(../img/appearance.png);
background-size:cover, contain;
background-position:center center, center right;
background-repeat: no-repeat, no-repeat;
}

.approach h3{
background:url(../img/paragraph_bg.png),url(../img/entrance_approach.png);
background-size:cover, contain;
background-position:center center, center right;
background-repeat: no-repeat, no-repeat;
}

.hall h3{
background:url(../img/paragraph_bg.png),url(../img/entrance_hall.png);
background-size:cover, contain;
background-position:center center, center right;
background-repeat: no-repeat, no-repeat;
}

.parking h3{
background:url(../img/paragraph_bg.png),url(../img/parking.png);
background-size:cover, contain;
background-position:center center, center right;
background-repeat: no-repeat, no-repeat;
}


.design_note{
text-align:right;
font-size:12px;
max-width:980px;
margin:0 auto 50px;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.tit_area{
background:url(../img/tit_bg.png);
background-size:cover;
padding:10% 0;
}
.tit_area h2{
width:70%;
margin:0 auto;
}
.tit_area h2 img{
width:auto;
}
.inner{
max-width:90%;
margin:0 auto;
}

.design_box{
max-width:90%;
margin-bottom:10%;
}
.design_box.parking{
margin-bottom:5%;
}
.design_box h3{
line-height:1.4em;
margin-bottom:3%;
font-size:6vw;
padding:3% 0;
}
.design_img{
margin-bottom:5%;
}
.design_txt{
font-size:4vw;
line-height:1.5em;
}
.gate{
display:block;
max-width:70%;
margin:5% auto 5%;
}
.gate_img{
width:100%;
margin-bottom:5%;
}
.gate_txt{
text-align:left;
width:100%;
font-size:4vw;
}
.appearance h3{
}
.approach h3{
}
.hall h3{
}
.parking h3{
}
.design_note{
text-align:right;
font-size:10px;
line-height:1.2em;
max-width:90%;
margin:0 auto 20%;
}

}