@charset "utf-8";
.smv{
background:url(../img/landplan_smv.png);
background-size:cover;
background-position:center center;
height:400px;
margin-bottom:100px;
}


.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 15px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 11em);
}
.point_border span:before {
left:-2em;
}
.point_border span:after {
right:-2em;
}

.sec_tit{
font-size:30px;
text-align:center;
margin-bottom:70px;
}
.sec_tit span{
font-size:65%;
}

.landplan_img{
background:url(../img/landplan_bg.png) repeat-x;
background-position:center center;
margin-bottom:60px;
}
.landplan_img .inner{
max-width:1100px;
margin:0 auto;
}

.landplan_point{
margin-bottom:30px;
}
.landplan_point ul{
max-width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.landplan_point li{
width:49%;
margin-bottom:20px;
border-radius:5px;
}
.landplan_point li:nth-child(1){
background:#5e90a3;
}
.landplan_point li:nth-child(2){
background:#3b5975;
}
.landplan_point li:nth-child(3){
background:#3b5975;
}
.landplan_point li:nth-child(4){
background:#5e90a3;
}

.gx_txt{
max-width:1000px;
margin:0 auto;
color:#3b5975;
font-size:30px;
text-align:center;
border-top:1px solid #3b5975;
border-bottom:1px solid #3b5975;
padding:25px;
}

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


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.smv{
height:150px;
margin-bottom:10%;
}

.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 10px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 8em);
}
.point_border span:before {
left:-1.5em;
}
.point_border span:after {
right:-1.5em;
}

.sec_tit{
max-width:90%;
margin:0 auto 5%;
font-size:5vw;
line-height:1.5em;
}
.sec_tit span{
}

.landplan_img{
background-size:100% 100%;
margin-bottom:5%;
}
.landplan_img .inner{
max-width:90%;
}

.landplan_point{
margin-bottom:5%;
}
.landplan_point ul{
max-width:90%;
}
.landplan_point li{
width:100%;
margin-bottom:5%;
}
.landplan_point li:nth-child(1){
background:#5e90a3;
}
.landplan_point li:nth-child(2){
background:#3b5975;
}
.landplan_point li:nth-child(3){
background:#5e90a3;
}
.landplan_point li:nth-child(4){
background:#3b5975;
}


.gx_txt{
max-width:90%;
margin:0 auto 5%;
font-size:5vw;
line-height:1.5em;
padding:3%;
}


}