@charset "utf-8";
/*reform*/

.sp{
display:none;
}
.pc{
display:block;
}

#reform article{
font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:15px;
}
#reform article h1,#reform article h2,#reform article h3,#reform article h4,#reform article h5,#reform article h6{
font-weight:normal;
}


.main_img{
max-width:900px;
margin:0 auto 80px;
}
.reason_tit{
font-size:30px;
color:#05376e;
margin-bottom:25px;
text-align:center;
}
.reason_txt{
margin-bottom:100px;
text-align:center;
font-size:18px;
}

.community, .experience, .inspector{
max-width:900px;
margin:0 auto 70px;
display:flex;
justify-content:space-between;
}
.reason_txt_box{
width:50%;
}
.reason_txt_box h4{
padding:10px;
background:#05376e;
color:#fff;
font-size:25px;
margin-bottom:55px;
}
.reason_txt_box p{
line-height:1.4em;
}

.reason_img_box{
width:45%;
}


.reform_menu_area{
background:#c4c9ce;
padding:85px 0 100px;
margin-bottom:100px;
}
.maker_area h4{
background:#fff;
color:#05376e;
font-size:27px;
padding:15px;
text-align:center;
margin-bottom:40px;
}
.maker_box{
max-width:900px;
margin:0 auto 70px;
display:flex;
justify-content:space-between;
}
.maker_txt{
width:50%;
}
.maker_txt p{
margin-bottom:30px;
}
.maker_img{
width:45%;
}

.reform_menu_area h5{
background:#05376e;
color:#fff;
font-size:30px;
padding:20px;
text-align:center;
margin-bottom:60px;
}
.reform_menu{
text-align:center;
max-width:900px;
margin:0 auto 50px;
background:#fff;
padding:20px 0 30px;
}
.reform_menu:last-child{
margin:0 auto 0;
}

.reform_menu h6{
background:#5f8092;
color:#fff;
font-size:25px;
padding:20px;
text-align:left;
margin-bottom:30px;
}
.reform_maker_logo{
margin-bottom:10px;
text-align:left;
padding:0 45px;
}

.reform_menu dt{
margin-bottom:5px;
}
.reform_menu dd{
font-size:12px;
}
.door_box{
display:flex;
padding:0 45px;
justify-content:space-between;
}
.exterior_box{
display:flex;
padding:0 45px;
justify-content:space-between;
}
.carport_box{
display:flex;
padding:0 45px;
justify-content:space-between;
}
.roof_box{
display:flex;
padding:0 45px;
justify-content:space-between;
}
.paint_box{
display:flex;
padding:0 45px;
justify-content:space-between;
}

.aseismic_area{
}
.aseismic_area h5{
background:#05376e;
color:#fff;
font-size:30px;
padding:20px;
text-align:center;
margin-bottom:60px;
}
.aseismic_copy{
text-align:center;
line-height:2em;
font-size:25px;
margin-bottom:80px;
}
.aseismic_copy span{
color:#05376e;
font-size:40px;
}

.diagnosis_area{
max-width:900px;
background:#c4c9ce;
padding:30px;
margin:0 auto 70px;
box-sizing:border-box;
}
.diagnosis_tit{
color:#05376e;
font-size:30px;
margin-bottom:20px;
text-align: center;
}
.diagnosis_txt{
line-height:1.6em;
}
.diagnosis_img{
float:right;
width:38%;
margin-left:10px;
margin-bottom:10px;
}
.diagnosis_img img{
width:100%;
}

.vibration_area{
max-width:900px;
background:#e3e3d3;
padding:30px;
margin:0 auto 70px;
box-sizing:border-box;
}
.vibration_tit{
color:#05376e;
font-size:30px;
margin-bottom:20px;
text-align: center;
}
.vibration_txt{
line-height:1.6em;
margin-bottom:30px;
}
.vibration_box ul{
display:flex;
justify-content:space-between;
width:80%;
margin:0 auto;
}
.vibration_box li{
width:48%;
border:1px solid #333;
}
.vibration_box li img{
width:100%;
}

.result_area{
padding:40px 50px;
border:1px solid #05376e;
max-width:900px;
margin:0 auto 70px;
box-sizing:border-box;
}
.result_tit{
text-align:center;
border-bottom:2px solid #05376e;
padding-bottom:20px;
margin-bottom:20px;
color:#05376e;
font-size:30px;
}
.result_area p{
text-align:center;
font-size:20px;
line-height:1.5em;
letter-spacing:2px;
}
.result_box{
display:flex;
margin:30px 0;
}
.result_ul{
font-size:20px;
line-height:1.5em;
width:63%;
letter-spacing:2px;
}
.result_img{
width:35%;
}


.check_area{
padding:30px 50px;
max-width:900px;
margin:0 auto 70px;
box-sizing:border-box;
background:#e3e3d3;
}
.check_tit{
text-align:center;
border-bottom:2px solid #05376e;
padding-bottom:20px;
margin-bottom:20px;
color:#05376e;
font-size:30px;
}
.check_area p{
text-align:center;
font-size:20px;
line-height:1.5em;
margin-bottom:20px;
}

.check_box{
padding:50px 80px;
background:#fff;
}
.check_ul{
font-size:18px;
line-height:1.8em;
}
.check_ul li{
margin-bottom:10px;
}
/*.check_ul input[type=checkbox]{
margin-right:5px;
}
*/
.check-box {
  cursor: pointer;
}

.check-box input {
  display: none;
}

.check-box input + .text:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.25em;
  margin: 0 5px 0 0;
  background-image: none, url("../img/check-box02.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat, no-repeat;
  width: 19px;
  height: 18px;
}

.check-box input:checked + .text:before {
  background-image: url("../img/check-box03.png");
}


.check_ul ul{
margin-left:1.4em;
}
.check_ul ul li{
margin-bottom:0;
}
.check_box .note{
text-align:right;
font-size:12px;
margin:20px 0 0 0;
}

.merchant_area{
text-align:center;
color:#fff;
background:#05376e;
padding:40px 0;
margin-bottom:50px;
}
.merchant_area p{
font-size:35px;
line-height:1.5em;
}
.merchant_area p span{
border-bottom:1px solid #fff;
padding-bottom:5px;
}

.balance_area{
text-align:center;
background:#c4c9ce;
}

/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {

#reform article{
font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:15px;
}
#reform article h1,#reform article h2,#reform article h3,#reform article h4,#reform article h5,#reform article h6{
font-weight:normal;
}

.sp{
display:block;
}
.pc{
display:none;
}

img{
width:100%;
}
.main_img{
max-width:100%;
margin:0 auto 10%;
}
.reason_tit{
font-size:20px;
color:#05376e;
margin-bottom:3%;
text-align:center;
}
.reason_txt{
margin-bottom:10%;
text-align:center;
font-size:15px;
line-height:1.5em;
}

.community, .experience, .inspector{
width:90%;
margin:0 auto 10%;
display:block;
}
.reason_txt_box{
width:100%;
margin-bottom:5%;
}
.reason_txt_box h4{
padding:3%;
font-size:20px;
margin-bottom:3%;
}
.reason_txt_box p{
line-height:1.4em;
}

.reason_img_box{
width:100%;
}


.reform_menu_area{
padding:8% 0 10%;
margin-bottom:10%;
}
.maker_area h4{
font-size:23px;
padding:3%;
margin-bottom:5%;
line-height:1.5em;
}


.maker_box{
width:90%;
margin:0 auto 10%;
display:block;
}
.maker_txt{
width:100%;
margin-bottom:3%;
}
.maker_txt p{
margin-bottom:5%;
}
.maker_img{
width:100%;
}

.reform_menu_area h5{
font-size:25px;
padding:5%;
margin-bottom:5%;
}
.reform_menu{
text-align:center;
width:90%;
margin:0 auto 5%;
background:#fff;
padding:5% 0 5%;
}
.reform_menu:last-child{
margin:0 auto 0;
}
.reform_menu img{
width:90%;
margin:0 auto;
}

.reform_menu h6{
background:#5f8092;
color:#fff;
font-size:20px;
padding:3%;
text-align:left;
margin-bottom:5%;
line-height:1.2em;
}
.reform_maker_logo{
margin-bottom:2%;
padding:0 5%;
}
.reform_maker_logo img{
width:auto;
margin:0;
}

.reform_menu dt{
margin-bottom:1%;
}
.reform_menu dd{
font-size:11px;
font-feature-settings:"palt";
}
.door_box{
display:flex;
padding:0 5%;
flex-wrap:wrap;
justify-content:space-between;
}
.door_box dl{
width:32%;
margin-bottom:3%;
}
.door_box dl:first-child{
width:100%;
margin-bottom:3%;
}
.door_box dl:last-child{
margin-bottom:0;
}
.door_box dl img{
width:100%;
}

.exterior_box{
display:flex;
padding:0 5%;
flex-wrap:wrap;
justify-content:space-between;
}
.exterior_box dl{
width:48%;
margin-bottom:3%;
}
.exterior_box dl:last-child{
margin-bottom:0;
}
.exterior_box dl img{
width:100%;
}

.carport_box{
display:flex;
padding:0 5%;
flex-wrap:wrap;
justify-content:space-between;
}
.carport_box dl{
width:100%;
margin-bottom:3%;
}
.carport_box dl:last-child{
margin-bottom:0;
}
.carport_box dl img{
width:100%;
}

.roof_box{
display:flex;
padding:0 5%;
flex-wrap:wrap;
justify-content:space-between;
}
.roof_box dl{
width:100%;
margin-bottom:3%;
}
.roof_box dl:last-child{
margin-bottom:0;
}
.roof_box dl img{
width:100%;
}

.paint_box{
display:flex;
padding:0 5%;
flex-wrap:wrap;
justify-content:space-between;
}
.paint_box li{
width:100%;
}

.aseismic_area{
}
.aseismic_area h5{
font-size:25px;
padding:3%;
margin-bottom:5%;
line-height:1.5em;
}
.aseismic_copy{
font-size:20px;
margin-bottom:10%;
}
.aseismic_copy span{
font-size:30px;
}

.diagnosis_area{
width:90%;
padding:5%;
margin:0 auto 10%;
}
.diagnosis_tit{
font-size:25px;
margin-bottom:5%;
text-align: center;
}
.diagnosis_txt{
}
.diagnosis_img{
float:none;
width:100%;
margin-left:0;
margin-bottom:3%;
}
.diagnosis_img img{
width:100%;
}

.vibration_area{
width:90%;
padding:5%;
margin:0 auto 10%;
box-sizing:border-box;
}
.vibration_tit{
font-size:25px;
margin-bottom:3%;
}
.vibration_txt{
margin-bottom:3%;
}
.vibration_box ul{
display:flex;
justify-content:space-between;
width:100%;
margin:0 auto;
}
.vibration_box li{
width:48%;
border:1px solid #333;
}
.vibration_box li img{
width:100%;
}

.result_area{
padding:5%;
width:90%;
margin:0 auto 10%;
}
.result_tit{
padding-bottom:3%;
margin-bottom:3%;
color:#05376e;
font-size:25px;
line-height:1.5em;
}
.result_area p{
font-size:15px;
letter-spacing:1px;
text-align:left;
}
.result_box{
display:block;
margin:3% 0;
}
.result_ul{
font-size:15px;
width:100%;
letter-spacing:1px;
margin-bottom:3%;
}
.result_ul li{
text-indent:-1em;
padding-left:1em;
}
.result_img{
width:100%;
}


.check_area{
padding:5%;
max-width:90%;
margin:0 auto 10%;
}
.check_tit{
padding-bottom:3%;
margin-bottom:3%;
font-size:25px;
}
.check_area p{
text-align:left;
font-size:18px;
line-height:1.5em;
margin-bottom:3%;
}

.check_box{
padding:5%;
background:#fff;
}
.check_ul{
font-size:15px;
line-height:1.8em;
}
.check_ul li{
margin-bottom:10px;
}
.check_ul input[type=checkbox]{
margin-right:5px;
}
.check_ul ul{
margin-left:0;
}
.check_ul li{
text-indent:-1.5em;
padding-left:1.5em;
}
.check_ul ul li{
margin-bottom:0;
text-indent:-1em;
padding-left:1em;
}
.check_box .note{
font-size:12px;
margin:20px 0 0 0;
}

.merchant_area{
color:#fff;
background:#05376e;
padding:5%;
margin-bottom:5%;
}
.merchant_area p{
/*font-size:25px;*/
font-size:4.5vw;
line-height:1.5em;
}
.merchant_area p span{
border-bottom:1px solid #fff;
padding-bottom:5px;
}

.balance_area{
text-align:center;
background:#c4c9ce;
}}