@charset "utf-8";


.box-inner{
position: relative;

}

.box-inner p{
font-size:25px;
line-height: 1.8;
padding:15px 0 0 30%;
box-sizing: border-box;
color: #FFF;
}
.title-cont{
position: absolute;
width:45%;
top:35%;
left:0;
z-index: 480;
}
.box-inner h4{
border-bottom: 1px solid #FFFFFF;
padding:0 0 5px 30%;
box-sizing: border-box;
}
.box-inner h4 img{
width:240px;
}

.btn_v-more{
position: absolute;
z-index: 450;
width:200px;
margin: auto;
left:0;
right:0;
bottom:40px;
}
@media screen and (max-width: 850px) {
.btn_v-more{
width:140px;
bottom:60px;
}
.box-inner p{
font-size:18px;
line-height: 1.6;
padding:10px 0 0 15%;
}
.title-cont{
width:65%;
}
.box-inner h4{
padding:0 0 5px 15%;
box-sizing: border-box;
}
.box-inner h4 img{
width:120px;
}
}

.haikei_section.section_top_concept {
height:inherit;
  padding: 80px 0 10px;
}
.top_concept_a2{
padding-top:0;
}
.top_concept_a4{
padding-bottom:0;
font-size: 1.45em;
line-height:1.7em;
}

@media screen and (min-width: 850px) {

.box__0{
z-index:300;
top:0;
left:0;
position: -webkit-sticky !important;
position: sticky !important;
padding: 80px 0 300px 0;
transition: opacity 0.5s ease-out;

}
}
.scrlBox{
width:100%;
height:100vh;
z-index: 400;
background-repeat: no-repeat;
background-size: cover;

}

.scrlBox span{
display: block;
width:100%;
height:100vh;
background-image: url("../img/top/merit/bg_50_black.png");
z-index: 450;
}

.box__1{
background-image: url("../img/top/merit/bg_access.jpg");
background-position:100% 50%;
}
.box__2{
background-image: url("../img/top/merit/bg_location.jpg");
background-position:50% 50%;
}
.box__3{
background-image: url("../img/top/merit/bg_design.jpg");
background-position:50% 50%;
}
.box__4{
background-image: url("../img/top/merit/bg_plan.jpg");
background-position:50% 50%;
}
.box__5{
background-image: url("../img/top/merit/bg_brand.jpg");
background-position:70% 50%;
}



.meritBox{
background: #f3f0ea;
background-image:url("../img/top/merit/bg_merit_new.png") !important;
background-repeat: no-repeat;
background-size: cover;
}
.bg_pala{
background-image: url("../img/top/merit/bg_pala.jpg") !important;
background-repeat: no-repeat;
background-size:cover;
}
.infoBox-cont{
width:100%;

background-image: url("../img/top/merit/bg_pala.jpg") !important;
background-repeat: no-repeat;
background-size:cover;

}
ul.infoBoxList{
text-align: center;
max-width:1260px;
width:100%;
background: inherit;
border-bottom: 1px solid #3E3E3E;
background: none;
margin: 0 auto;
padding:60px 0;
}
ul.infoBoxList li{
display:inline-block;
width:44%;
margin: 8px;
}
ul.infoBoxList li img{
width:100%;
height: auto;
}
.pers{
width:70%;
margin: 0 auto;
}
.pers img{
width:100%;
height: auto;
}
@media screen and (max-width: 850px) {
.pers{
width:100%;
margin: 0 auto;
}
.top_concept_a4{
font-size:1em !important;
}
ul.infoBoxList{
width:90%;
padding:20px 0;
}
ul.infoBoxList li{
width:95%;
margin:0;
}
.line-sin{
width:100%;

}
}
/* CSS Document */