@charset "utf-8";



/* 「みなみの家」の特徴 */
.feature_wrap{display: flex;flex-direction: row;gap: 40px;flex-wrap: wrap;}
.feature_one{width: 100%;}
.feature_img img{width: 100%;display: block;}
.feature_title{font-size: 20px;font-weight: bold;color: #004680;margin-top: 15px;margin-bottom: 5px;}
.feature_text{text-align: justify;}
@media (min-width: 768px) {
    .feature_one{width: calc(calc(100% - 40px) / 2);}
}
@media (min-width: 1024px) {
    .feature_one{width: calc(calc(100% - 80px) / 3);}
}



/* 気候風土を知り尽くした家づくり */
.check_intro{width:90vw;margin:0 auto;margin-bottom: 40px;}
.content{background-color:#EDF5FD;border-radius: 10px;}
.check_one{padding:30px 0;}
.check_title{display:flex;flex-direction:row;align-items:center;width:80vw;margin:0 auto;margin-bottom:15px;}
.check_numbers{color:#004680;font-weight:bold;display:flex;flex-direction:column;align-items:center;margin-right:18px;}
.check_number{font-size:44px;line-height:50px;margin-top:-10px;}
.check_main_title {line-height: 1.7;font-size: 19px;}
.check_main_title .title_line {display: inline-block;background-color: #0b2c5f;color: #fff;padding: 6px;margin-bottom: 6px;line-height: 1;font-weight: bold;}
.check_main_title .title_line.pc{display: none;}
.check_main_title .title_line.pc_inline{display: none;}
.check_photo {margin: 0 auto;width: 80vw;}
.check_photo img{width:100%;}
.check_text_wrap{width:80vw;margin:0 auto;}
.check_text{margin-bottom:20px;text-align:justify;}
.check_text mark{font-weight:bold;color:#004680;background:linear-gradient(transparent 0%,#FDFD9A 0%);}
.check_wrap{width: 90vw;margin: 0 auto;padding-bottom: 80px;}
.check_wrap .content{position:relative;background-color: white;}
.check_wrap .num{position:absolute;top:-1rem;left:1rem;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px;aspect-ratio:1/1;min-width:0;background-repeat:no-repeat;background-image:url(../images/common/badge.svg);background-size:contain;text-align:center;color:#fff;font-size:2.25rem;letter-spacing:.08em;line-height:1;}
.check_wrap .num span{font-size:.813rem;}
.check_wrap .bg{position:relative;padding:4.25rem 1.5rem 1.5rem;background-color:#fff;border-radius:.25rem;overflow:hidden;}
.check_wrap .ttl{position:relative;z-index:10;margin-bottom:.75rem;font-size:4.75vw;white-space:nowrap;}
.check_wrap .txt{font-size:.929rem;line-height:2;}
.check_wrap .btn{margin-top:1.25rem;}
.check_wrap .icn{width:calc(184px/2);}
.check_wrap .content{margin-bottom: 40px;}
@media(min-width:768px){
  .check_numbers{margin-right:20px;}
  .check_number{font-size:50px;}
  .check_intro{width:min(90vw,1320px);text-align:center;}
  .check_one{width: min(80vw,1200px);display: flex;flex-direction: row;align-items: center;margin: 0 auto;justify-content: space-between;}
  .check_title_wrap{width: min(53vw,750px);display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
  .check_titles{width: min(45vw,700px);}
  .check_title{width:initial;margin:0;margin-bottom: 20px;}
  .check_numbers{margin-right: 15px;}
  .check_number{font-size:50px;line-height:55px;}
  .check_number_e{font-size:17px;}
  .check_main_title{font-size: min(2.1vw,28px);}
  .check_text_wrap{width: auto;line-height:2;}
  .check_photo{width: min(32vw,420px);margin: 0;}
  .check_wrap{width: min(90vw,1320px);margin: 0 auto;}
  .check_wrap .content{margin-bottom: 30px;}
  .check_main_title .title_line{padding: 6px 12px;}
  .check_main_title .title_line.pc{display: block;}
  .check_main_title .title_line.sp{display: none;}
  .check_main_title .title_line.pc_inline{display: inline-block;}

}
@media(min-width:1000px){
  .check_photo{width: min(24vw,420px);margin: 0;}
  .check_numbers{margin-right: 30px;}
  .check_number{font-size:72px;line-height:75px;}
  .check_number_e{font-size:26px;}
}