@charset "utf-8";
.smv{
background:url(../img/concept_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% - 10em);
}
.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 + P{
max-width:1000px;
margin:0 auto 60px;
font-size:18px;
line-height:2em;
}
.concept_graph{
max-width:1000px;
margin:0 auto 100px;
display:flex;
justify-content:space-between;
align-items:center;
}
.graph{
width:50%;
}
.conditions{
width:48%;
}

.gx_area{
background:#01132e;
padding:100px 0;
color:#fff;
margin-bottom:120px;
}
.gx_inner{
max-width:1000px;
margin:0 auto;
}
.gx_inner h4{
background:#fff;
color:#3b5975;
font-size:30px;
text-align:center;
padding:15px 0;
margin-bottom:40px;
}
.gx_inner h4 + p{
font-size:20px;
line-height:2em;
margin-bottom:40px;
}
.gx_box{
display:flex;
justify-content:space-between;
}
.gx_img{
width:48.5%;
}
.gx_txt_box{
width:47.5%;
}
.gx_txt{
font-size:18px;
line-height:2em;
margin-bottom:40px;
}
.gx_contact{
font-size:18px;
line-height:1.5em;
color:#c9a063;
padding-left:1em;
text-indent:-1em;
}

.long_life_area{
}
.long_life_box{
max-width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.long_life_box dl{
width:48%;
margin-bottom:70px;
}
.long_life_tit{
margin-bottom:30px;
}
.long_life_txt{
margin-bottom:20px;
font-size:18px;
line-height:2em;
}



/* ================================================
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% - 7em);
}
.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 + P{
max-width:90%;
margin:0 auto 5%;
font-size:16px;
line-height:1.5em;
}
.concept_graph{
max-width:90%;
margin:0 auto 10%;
display:block;
}
.graph{
width:100%;
margin-bottom:5%;
}
.conditions{
width:100%;
}

.gx_area{
padding:10% 0;
margin-bottom:10%;
}
.gx_inner{
max-width:90%;
}
.gx_inner h4{
font-size:5vw;
text-align:center;
padding:2% 0;
margin-bottom:5%;
line-height:1.5em;
}
.gx_inner h4 + p{
font-size:16px;
line-height:1.5em;
margin-bottom:5%;
}
.gx_box{
display:block;
}
.gx_img{
width:100%;
margin-bottom:5%;
}
.gx_txt_box{
width:100%;
}
.gx_txt{
font-size:16px;
line-height:1.5em;
margin-bottom:5%;
}
.gx_contact{
font-size:15px;
}

.long_life_area{
}
.long_life_box{
max-width:90%;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.long_life_box dl{
width:100%;
margin-bottom:10%;
}
.long_life_tit{
margin-bottom:3%;
}
.long_life_txt{
margin-bottom:3%;
font-size:16px;
line-height:1.5em;
}



}