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

.quality_nav{
max-width:980px;
margin:0 auto 40px;
border-bottom:1px solid #232124;
}
.quality_nav ul{
display:flex;
justify-content:center;
gap:20px;
}
.quality_nav li{
max-width:300px;
}
.flex{
display:flex;
justify-content:space-between;
}

/* =spec= */
.spec_area{
max-width:980px;
margin:0 auto 100px;
line-height:1.2em;
}
.spec_area h4{
font-size:18px;
color:#6a3906;
margin-bottom:15px;
text-indent:-1em;
padding-left:1em;
}
.spec_area p{
font-size:14px;
color:#231815;
}

.improve{
width:49%;
margin-bottom:20px;
}
.improve_txt{
margin-bottom:10px;
}
.management_box{
width:49%;
margin-bottom:20px;
}
.management{
margin-bottom:20px;
}
.test{
}
.spec_area p.test_txt{
width:52%;
font-size:13px;
}
.test_img{
margin-top:-130px;
}

.table_img{
margin-bottom:20px;
}

.evaluation{
margin-bottom:20px;
}
.evaluation_txt{
width:63%;
}
.evaluation_img{
width:35%;
}

.merit_img{
margin-bottom:20px;
}

.flat35{
width:32%;
margin-bottom:20px;
}
.flat35_txt{
margin-bottom:10px;
}
.insulation4_box{
width:32%;
margin-bottom:20px;
}
.insulation4{
margin-bottom:20px;
}
.energy{
}
.deterioration{
width:32%;
margin-bottom:20px;
}

.subject_img{
width:51%;
}
.safety_img{
width:44%;
}

/* =structure= */
.structure_area{
max-width:980px;
margin:0 auto 100px;
line-height:1.2em;
}
.structure_area h4{
font-size:18px;
color:#6a3906;
margin-bottom:15px;
text-indent:-1em;
padding-left:1em;
}
.structure_area p{
font-size:14px;
color:#231815;
}

.structure_img{
margin-bottom:20px;
}

.reinforcement{
width:32%;
margin-bottom:20px;
}
.reinforcement_txt{
margin-bottom:10px;
}
.reinforcement_img{
width:74%;
margin:0 auto;
}
.concrete{
width:32%;
margin-bottom:20px;
}
.concrete_txt{
margin-bottom:10px;
}
.concrete_img{
width:51%;
margin:0 auto;
}
.sash{
width:32%;
margin-bottom:20px;
}
.sash_txt{
margin-bottom:10px;
}
.sash_img{
width:77%;
margin:0 auto;
}

.four_wide{
flex-wrap:wrap;
}
.door{
width:24%;
margin-bottom:20px;
}
.door_txt{
margin-bottom:10px;
}
.door_img{
width:100%;
margin:0 auto;
}
.joint{
width:24%;
margin-bottom:20px;
}
.joint_txt{
margin-bottom:10px;
}
.joint_img{
width:100%;
margin:0 auto;
}
.slab{
width:24%;
margin-bottom:20px;
}
.slab_txt{
margin-bottom:10px;
}
.slab_img{
width:100%;
margin:0 auto;
}
.crack{
width:24%;
margin-bottom:20px;
}
.crack_txt{
margin-bottom:10px;
}
.crack_img{
width:100%;
margin:0 auto;
}
.hood{
width:24%;
}
.hood_txt{
margin-bottom:10px;
}
.hood_img{
width:74%;
margin:0 auto;
}
.slit{
width:24%;
}
.slit_txt{
margin-bottom:10px;
}
.slit_img{
width:100%;
margin:0 auto;
}
.pole{
width:24%;
}
.pole_txt{
margin-bottom:10px;
}
.pole_img{
width:100%;
margin:0 auto;
}
.pipe{
width:24%;
}
.pipe_txt{
margin-bottom:10px;
}
.pipe_img{
width:100%;
margin:0 auto;
}

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


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.tit_area{
padding:10% 0;
margin-bottom:10%;
}
.tit_area h2{
width:70%;
margin:0 auto;
}
.tit_area h2 img{
width:auto;
}
.inner{
max-width:1080px;
margin:0 auto;
}

.quality_nav{
max-width:100%;
margin:0 auto 10%;
padding:0 2% 0;
}
.quality_nav ul{
gap:3%;
}
.quality_nav li{
max-width:33%;
}
.flex{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}


/* =spec= */
.spec_area{
max-width:90%;
margin:0 auto 20%;
}
.spec_area h4{
font-size:4vw;
margin-bottom:3%;
text-indent:-1em;
padding-left:1em;
line-height:1.3em;
}
.spec_area p{
font-size:3.5vw;
line-height:1.3em;
}


.improve{
width:100%;
margin-bottom:5%;
}
.improve_txt{
margin-bottom:3%;
}
.management_box{
width:100%;
margin-bottom:5%;
}
.management{
margin-bottom:5%;
}
.test{
}
.spec_area p.test_txt{
width:100%;
font-size:3.5vw;
}
.test_img{
margin-top:3%;
}

.table_img{
margin-bottom:5%;
}

.evaluation{
margin-bottom:5%;
}
.evaluation_txt{
width:100%;
}
.evaluation_img{
width:70%;
margin:5% auto 0;
}

.merit_img{
margin-bottom:5%;
}

.flat35{
width:100%;
margin-bottom:5%;
}
.flat35_txt{
margin-bottom:3%;
}
.flat35_img{
width:70%;
margin:5% auto 0;
}
.insulation4_box{
width:100%;
margin-bottom:5%;
}
.insulation4{
margin-bottom:5%;
}
.energy{
}
.deterioration{
width:100%;
margin-bottom:5%;
}

.subject_img{
width:100%;
margin-bottom:5%;
}
.safety_img{
width:100%;
}

/* =structure= */
.structure_area{
max-width:90%;
margin:0 auto 20%;
}
.structure_area h4{
font-size:4vw;
margin-bottom:3%;
text-indent:-1em;
padding-left:1em;
line-height:1.3em;
}
.structure_area p{
font-size:3.5vw;
line-height:1.3em;
}

.structure_img{
margin-bottom:5%;
}

.reinforcement{
width:100%;
margin-bottom:5%;
}
.reinforcement_txt{
margin-bottom:10px;
}
.reinforcement_img{
width:74%;
margin:0 auto;
}
.concrete{
width:100%;
margin-bottom:5%;
}
.concrete_txt{
margin-bottom:3%;
}
.concrete_img{
width:51%;
margin:0 auto;
}
.sash{
width:100%;
margin-bottom:5%;
}
.sash_txt{
margin-bottom:3%;
}
.sash_img{
width:77%;
margin:0 auto;
}

.four_wide{
flex-wrap:wrap;
}
.door{
width:100%;
margin-bottom:5%;
}
.door_txt{
margin-bottom:3%;
}
.door_img{
width:80%;
margin:0 auto;
}
.joint{
width:100%;
margin-bottom:5%;
}
.joint_txt{
margin-bottom:3%;
}
.joint_img{
width:80%;
margin:0 auto;
}
.slab{
width:100%;
margin-bottom:5%;
}
.slab_txt{
margin-bottom:3%;
}
.slab_img{
width:80%;
margin:0 auto;
}
.crack{
width:100%;
margin-bottom:5%;
}
.crack_txt{
margin-bottom:3%;
}
.crack_img{
width:80%;
margin:0 auto;
}
.hood{
width:100%;
}
.hood_txt{
margin-bottom:3%;
}
.hood_img{
width:64%;
margin:0 auto;
}
.slit{
width:100%;
margin-bottom:5%;
}
.slit_txt{
margin-bottom:3%;
}
.slit_img{
width:80%;
margin:0 auto;
}
.pole{
width:100%;
}
.pole_txt{
margin-bottom:3%;
}
.pole_img{
width:80%;
margin:0 auto;
}
.pipe{
width:100%;
}
.pipe_txt{
margin-bottom:3%;
}
.pipe_img{
width:80%;
margin:0 auto;
}
}