@charset "utf-8";


.intro{width: min(90vw,1320px);text-align: justify;margin: 0 auto;margin-bottom: 80px;}
.section_title_ja.center{line-height: 1.5;}
@media(min-width:768px){
    .intro{text-align: center;}
    .section_title_ja.center{line-height: 90px;}
    .section_title_ja.center br{display: none;}
}


/* 南日本ハウスには住まいのプロが揃っています */
.pro_wrap{background-color: #8DD3F6;padding-bottom: 80px;}
.pro{margin-bottom: 30px;}
.pro img{width: 100%;}
.point_wrap{width: 90vw;margin: 0 auto;margin-bottom: 40px;background-color: white;}
.point{padding: 20px 0;border-bottom: 1px dashed #004680;width: 74vw;margin: 0 auto;}
.point_wrap .point:last-child {border-bottom: none;}
.point_titles{display: flex;flex-direction: row;align-items: center;font-weight: bold;color: #004680;margin-bottom: 10px;}
.point_title_numbers{display: flex;flex-direction: column;align-items: center;margin-right: 20px;}
.point_title_eng{font-size: 14px;line-height: 16px;}
.point_title_number{font-size: 32px;}
.point_title_text{font-size: 24px;background: #FAFA75;}
.pro_wrap .button_normal{width: 90vw;}

@media(min-width:768px){
    .pro_wrap {position: relative;background-color: transparent;}
    .pro_wrap::before {content: "";position: absolute;top: 100px;width: 100%;height: calc(100% - 100px);background-color: #8DD3F6;z-index: -1;}
    .pro{width: min(90vw,1100px);margin: 0 auto;}
    .point_wrap{width: min(90vw,1320px);background-color: initial;display: flex;flex-direction: row;gap: 40px;margin-top: 70px;}
    .point{border-bottom: none;background-color: white;border-radius: 10px;padding: 60px 2vw 30px 2vw;}
    .point_titles{position: relative;}
    .point_title_numbers{position: absolute;margin-right: 0;top: -110px;right: 0;left: 0;}
    .point_title_number {font-size: 60px;}
    .point_title_eng {font-size: 20px;line-height: 38px;}
    .point_title_text{font-size: min(2.3vw,28px);margin: 0 auto;margin-bottom: 15px;}
    .pro_wrap .button_normal{width: 400px;}
}



/* 圧倒的な広告量で、お客様を呼び込みます */
.ad_contents{width: min(90vw,1320px);margin: 0 auto;padding: 80px 0;}
.ad{position: relative;}
.ad_back{border-top: 1px solid #DADADA;padding-top: 35px;padding-bottom: 25px;}
.ad_back:last-child {border-bottom: 1px solid #DADADA;}
.ad_circle {position: relative;display: inline-block;width: 80px;height: 80px;border-radius: 50%;background: #EDF5FD; color: #004680; font-weight: bold;position: absolute;top: -18px;left: -10px;}
.ad_circle span {font-size: 14px;position: absolute;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width :80px;text-align:center;}
.ad_circle strong {font-size: 32px;line-height: 19px;}
.ad_content{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.ad_text span{font-weight: bold; color: #004680;}
.ad_img{width: 40vw;margin-left: 6vw;border: 1px solid #DADADA;}
.ad_img img{width: 100%;}
.ad_text{font-size: 18px;line-height: 1.5;width: 40vw;}
.button_form_bg{margin-bottom: 30px;}
@media(min-width:768px){
    .ad_back{display: flex;justify-content: center;}
    .ad_img{margin-right: 4vw;}
}
@media(min-width:1000px){
    .ad_contents{padding: 120px 0;}
    .ad_back{width: min(43vw,620px);border-top: none;}
    .ad_back:last-child {border-bottom: none;}
    .ad_wrap{margin: 0 auto;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;}
    .ad{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
    .ad_circle{width: min(8vw,100px);height: min(8vw,100px);position: relative;top: 0;left: 0;margin-right: 35px;}
    .ad_circle span{width: min(8vw,100px);}
    .ad_circle strong{font-size: min(3.5vw,40px);}
    .ad_content{flex-direction: row-reverse;}
    .ad_img{width: min(20vw,300px);margin-left: 0;margin-right: 0;}
    .ad_text{font-size: min(1.3vw,18px);margin-right: 15px;width: auto;}

}


/* 鹿児島市内に3店舗を展開。高い集客力を誇ります */
.store_contents{width: min(90vw,1320px);margin: 0 auto;padding: 80px 0;}
.store_text{text-align: justify;margin-bottom: 30px;}
.store_img img{width: 100%;}
.store_merit{border: 2px solid #004680;margin-bottom: 20px;}
.store_merit:last-child{margin-bottom: 0;}
.store_merit_title{font-size: 20px;color: white;font-weight: bold;background-color: #004680;text-align: center;}
.store_merit_title{padding: 7px 0;}
.store_merit_contents{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.store_merit_img{width: 150px;margin-right: 20px;margin-top: 15px;}
.store_img{margin-bottom: 50px;}
.store_merit_img img{width: 100%;}
.store_merit_text{line-height: 30px;}
.store_merit_text span{font-size: 40px;font-weight: bold;color: #FC5942;}
@media(min-width:768px){
    .store_contents{width: auto;padding: 120px 0;}
    .store_text{width: min(90vw,1320px);margin: 0 auto;text-align: center;}
    .store_img{margin-top: 60px;}
    .store_merit_wrap{width: min(90vw,1320px);margin: 0 auto;display: flex;flex-direction: row;justify-content: center;gap: 30px;}
    .store_merit{width: min(40vw,645px);margin-bottom: 0px;}
    .store_merit_title {font-size: min(2.7vw,24px);padding: 12px 0;}
    .store_merit_img{width: min(15vw,250px);}
    .store_merit_text{font-size: min(1.8vw,20px);}
}

