@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     窓・玄関
 Notes:          
--------------------------------------------------------------- */
.main-wrap{
width:100%;

}

.main-title_bg{
width:100%;
line-height: 100%;
text-align: center;
    background: url("../img/common/head02_bg.png") 0 0 no-repeat;
height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 14.84375%;
    background-size: contain;
margin-bottom: 8%;
}
.main-title{
width:42.4479%;
margin: -9% auto;
}
.main-title img{
width:100%;
}

.main{
width:59.79%;
margin: 0 auto;
}

.s-box{
width: 100%;
margin-bottom: 10%;
}

.jireibox{
width:100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 2%;
}

.jirei-l{
width:43.118%;
}
.jirei-l img{
width:100%;
}

.jirei-r{
width: 56.88%
}
.jirei-r img{
width: 100%
}


.point-box{
width:100%;
border-radius: 10px;
background-color: #fbe100;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}

.point-l{
width:15.5%;
display: flex;
flex-direction: column;
  justify-content: center;
}

.point-r{
width: 84.5%;
background-color: #fef4a3;
padding: 0 3%;
display: flex;
flex-direction: column;
justify-content: center;
}

.point-r-txt{
text-align: left;
font-size: 1vw;
line-height: 150%;
color: #000;
padding: 10px 0;

}

.banabox{
width:100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 5%;
}

.bana01{
width:50%;
}
.bana01 img{
width:100%;
}








/* ================= smartphone ================= */
@media only screen and (max-width:699px) {

.main-title_bg{
width:100%;
line-height: 100%;
text-align: center;
    background: url("../img/common/head02_bg_sm.png") 0 0 no-repeat;
height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 33.5294%;
    background-size: contain;
margin-bottom: 5%;
}
.main-title{
width:90%;
margin: -20% auto;
}

.main {
    width: 90%;
    margin: 0 auto;
}

.s-box {
    width: 100%;
    margin-bottom: 15%;
}

.jirei-l{
width:100%;
margin-bottom: 3%;
}

.jirei-r{
width:100%;
}

.point-l {
    width: 20%;
    }
    
.point-r {
    width: 80%;
    }
    
.point-r-txt {
    text-align: left;
    font-size: 14px;
    }
    
.bana01 {
    width: 100%;
    line-height: 0;
}    


}