@charset "utf-8";
h1{
background:rgba(242,239,227,0.6);
text-align:center;
width:100%;
height:110px;
position:relative;
z-index:10;
}

h2{
font-size:33px;
width:330px;
max-width:90%;
margin:-110px auto 0;
text-align:center;
background:url(../../common/img/h2_bg.png) no-repeat center center;
background-size:cover;
color:#fff;
padding:180px 0 60px;
letter-spacing: 0.1em;
}
h2 span{
font-size:15px;
display: block;
}
h2 span:before{
content:"";
display: block;
background:#fff;
height:2px;
width:40px;
margin:10px auto 20px;
}

.design_section{
margin-bottom:150px;
text-align:center;
}
.approach .design_img{
display:flex;
}
.design_img img{
width:100%;
}
.design_header{
font-size:32px;
line-height:1.8em;
letter-spacing:0.3em;
padding:55px 110px 0 110px;
margin-bottom:50px;
}
.appearance .design_header{
background:url(../img/appearance_bg.png) no-repeat;
}
.gate .design_header{
background:url(../img/gate_bg.png) no-repeat;
background-position:top right;
}
.hall .design_header{
background:url(../img/hall_bg.png) no-repeat;
}
.approach .design_header{
background:url(../img/approach_pc_bg.png) no-repeat;
}
.design_txt{
font-size:17px;
line-height:1.8em;
letter-spacing:0.1em;
padding:0 110px 0 110px;
}

.design_note{
font-size:12px;
text-align:right;
padding:0 110px 0 110px;
}
.design_page_top{
margin:40px auto 90px;
}

@media screen and (max-width: 950px) {
h1{
text-align: center;
position:static;
transform: translateX(0);
z-index:10;
width:auto;
background:transparent;
}

h2{
font-size:10vw;
width:100%;
max-width:100%;
margin:0 auto;
padding:10% 0;
}
h2 span{
font-size:4vw;
}
h2 span:before{
margin:3% auto;
}

.design_section{
margin-bottom:10%;
text-align:center;
}
.approach .design_img{
display:block;
}
.design_img img{
width:100%;
}
.design_header{
font-size:min(4.2vw,28px);
letter-spacing:0.1em;
padding:5% 0 5% 0;
margin-bottom:5%;
}
.appearance .design_header{
background:url(../img/appearance_bg.png) no-repeat;
background-size:contain;
}
.gate .design_header{
background:url(../img/gate_bg.png) no-repeat;
background-position:top right;
background-size:contain;
}
.hall .design_header{
background:url(../img/hall_bg.png) no-repeat;
background-size:contain;
}
.approach .design_header{
background:url(../img/approach_sp_bg.png) no-repeat;
background-size:contain;
}
.design_txt{
font-size:min(3.5vw,20px);
letter-spacing:0.1em;
padding:0 5% 0 5%;
}

.design_note{
font-size:12px;
text-align:left;
padding:0 5% 0 5%;
}
.design_page_top{
margin:40px auto 90px;
}


}