@charset "utf-8";
/* Gresb */
.mv-bg{background: url("../img/gresb/mv.jpg") no-repeat center center/cover;}

.gresb-group{margin-bottom: 120px;}
.gresb-group:last-of-type{margin-bottom: 0;}

.gresb-desc{font-size: 1.4rem;}
.gresb-desc p{padding-bottom: 1.5em;}
.gresb-desc p:last-of-type{padding-bottom: 0;}

.about-box{display: flex; align-items: center; flex-wrap: wrap; margin: 0 0 80px; justify-content: space-between;}
.about-img{width: 47%; text-align: center;}
.about-inner{width: 50%;}
.about-box .m-tit4{text-align: left; margin: 0 0 15px;color: #333333;}

.type-img{display: flex; justify-content:center; flex-wrap: wrap; margin: 35px 0 0 0;}
.type-img figure{margin-bottom: 15px; text-align: center;}

.estate-box{margin-top: 60px;}
.estate-chart{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 50px;}
.estate-chart_map{margin-top: 40px;width: 100%;text-align: center;}
.estate-chart_map_sp figure:not(:last-child){margin: 0 0 30px;}
.estate-chart_map_sp figure:nth-of-type(n+2) img{width: 140px;}
.estate-chart_cont{width: 31%;}
.estate-chart_img{text-align: center; margin-top: 50px;}

.infras-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.infras-img{width: 50%;}
.infras-desc{width: 45%;}

.contact{border: 1px solid #E6E6E6; text-align: center; padding: 30px 20px 40px; font-size: 1.4rem;}
.contact-tit{font-size: 2rem; font-weight: 500;}
.contact-desc{padding: 5px 0 15px;}
.contact-info{display: flex; justify-content: center; flex-wrap: wrap;}
.contact-tel{font-size: 5.7rem; font-weight: bold; line-height: 1; color: #229244;}
.contact-tel:before{content: ''; background: url("../img/common/ic_phone_green.svg") no-repeat top left/100% auto; width: 36px; height: 36px; display: inline-block; margin: 0 10px 0 0;}
.contact-btn{width: 260px; height: 48px; position: relative; display: flex; justify-content: center; align-items: center; font-weight: 700; background: #229244; color: #fff; margin: 0 0 0 25px; border: 1px solid #229244; letter-spacing: 0.1em;}
.contact-btn:after{content: ''; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 3px;
 transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 50%; right: 20px; margin-top: -3px;}
.contact-btn:hover{background: #fff; color: #229244;}
.contact-btn:hover:after{border: solid #229244; border-width: 0 1px 1px 0;}
.infras-text {font-size: 1.4rem;margin-bottom: 60px;}
.infras-text p{padding-bottom: 1.5em;}

@media (max-width: 767px){
    .gresb-group{margin-bottom: 80px;}
	
    .estate-chart_map{flex-wrap: wrap;}
    .estate-chart_map figure:nth-of-type(1){width: 100%;}
    .estate-chart_map figure:nth-of-type(2){width: 100%; margin-top: 20px; text-align: center;}
    
    .about-box{margin: 0 0 60px;}
    .about-inner{width: 100%; order: -1; margin: 0 0 30px;}
    .about-img{width: 100%; padding: 0;}    
    .about-box2 .m-tit4{text-align: left; margin: 0 0 15px;}
    
    .type-img figure{width: 100%; text-align: center;}
    
    .estate-box{margin-top: 40px;}
    .estate-chart_cont{width: 100%;}
    .estate-chart_img{margin: 30px 0 0 0;}
    
    .infras-box{margin: 0 0 35px;}
    .infras-img{width: 100%; text-align: center;}
    .infras-desc{width: 100%; order: -1; margin: 0 0 25px;}
    
    .contact{padding: 20px;}
    .contact-desc{text-align: left;}
    .contact-info li{width: 100%;}
    .contact-tel{font-size: 3.2rem;}
    .contact-tel:before{width: 20px; height: 20px;}
    .contact-btn{margin: 10px auto 0; max-width: 320px; width: 100%;}
}