@charset "UTF-8";
/* CSS Document */

/* ============================================== スマートフォン ============================================================================================================================================== */
@media screen and (max-width: 769px) {

#main {
width: 100%;
height: auto;
display: block;
margin: 0px auto 140px auto;
padding: 0px;
position: relative;
padding-bottom: 10%;
top: 140px;
}

#main .meisyou {
margin: 20px auto;
width: 90%;
color: #0098D8;
font-size: 1.1em;
border-bottom: 2px solid #0098D8;
margin-bottom: 25px;
}

#main .gazo {
display: none;
}
#main .gazo_sp{
display: block;
margin-right: auto;
margin-left: auto;
}

#main .honbun {
width:90%;
font-size: 17px;
margin: 0px auto 40px auto;
text-align: justify;
line-height: 26px;
}
#main .honbuncenter {
	font-size: 24px;
	line-height: 26px;
	text-align: center;
}

  /* リフォーム（大規模改修工事）　TOP */
#main .gazo_sp h3{
display: block;
color: #0098D8;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
font-weight: bold!important;
font-size: 22px;
line-height: 140%;
text-align: center;
}
#main .gazo_sp ul{
width: 90%;
height: auto;
margin: 0px auto 40px auto;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#main .gazo_sp ul li{
width: 90%;
height:auto;
margin: 20px auto 20px auto;
box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .25);
}

.select{
display: block;
text-align: center;
text-decoration: none;
width: 100%;
height:auto;
margin-bottom: -5.5px;
}
.select label{
cursor: pointer;
transition: 1s;
display: block;

}
.select input[type="checkbox"].on-off,
.select input[type="checkbox"].on-off +div{
	display: none;
}
.select input[type="checkbox"].on-off:checked +div{
	display:block;
}
.select div{
	margin: 0px auto 0px auto;
    background-color: #ffffff;
    height: auto;
    width:100%;
    position: relative;
    z-index: 11;

}
.select div a{
	color : #333;
    font-size: 1.2em;
    text-decoration: none;
    display: block;
    padding: 10px 0px 14px 20px;
    border-bottom: 1px dashed #E3E3E6;
}
.select div a:last-child{
border-bottom: none;
}

#main .jisseki_link {
margin: 40px auto 80px auto;
display: block;
text-align: center;
}
#main .jisseki_link img{
width: 80%;
height: auto;
display: block;
margin: 0px auto;
}
















    /* アフターメンテナンス */
  
}