@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: 5%;
}
.main-title{
width:42.4479%;
margin: -9% auto;
}
.main-title img{
width:100%;
}

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

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

.sec01-title {
    width: 36.458%;
    margin: 0 auto -2%;
}

.sec01-in{
width:100%;
padding: 5% 0;
    background-color: #feebdf;
}

.box-area3 {
    width: 49.8958%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sec03-box {
    width: 23.4864%;
}
.sec03-box img {
    width: 100%;
}


.main2{
width:59.79%;
margin: 0 auto 5%;
}

.sec-title{
width:100%;
margin-bottom: 2%;
}
.sec-title img{
width:100%;
}

.sec02{
width:100%;
margin: 0 0 5%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.serv-box{
width:23.95%;
margin-bottom: 5%;
}

.serv-pic{
width:100%;
margin-bottom: 2%;
}
.serv-pic img{
width:100%;
}

.serv-txt{
text-align: center;
color: #927f62;
font-size: 0.9vw;
line-height: 140%;
}

.sec03{
width:100%;
margin: 0 auto 5%;
text-align: center;
}

.sec03-pic{
width:66.2%;
margin: 0 auto 3%;
}
.sec03-pic img{
width:100%;
}

.sec03-txt{
width:83.1%;
margin: 0 auto;
font-size: 1vw;
line-height: 170%;
text-align: left;
}

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

.serv-bana{
width:33.33333%;
}
.serv-bana 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;
}

.sec01-title {
    width: 90%;
    margin: 0 auto -2%;
}

.box-area3 {
    width: 90%;
    }
    
.sec03-box {
    width: 30%;
}    

.main2 {
    width: 94%;
    margin: 0 auto 5%;
}

.serv-box {
    width: 49%;
    margin-bottom: 5%;
}

.sec03-pic {
    width: 90%;
    margin: 0 auto 3%;
}

.serv-txt {
    font-size: 13px;
    line-height: 140%;
    text-align: left;
}

.sec03-txt {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 170%;
    text-align: left;
}

.serv-bana {
    width: 100%;
    line-height: 0;
}

}