.post-type-archive .haeder, .event-template-default .haeder, .news-template-default .haeder {
    background-color: rgb(0, 0, 0);
  }
  .post-type-archive .qa-head, .event-template-default .qa-head, .news-template-default .qa-head {
    margin-top: 11rem;
  }

  .breadcrumb a {
    color: #333;
    text-decoration: underline;
}

.area-head {
    /*margin-top: -0.1rem;*/
    margin-top: 10.8rem;
    padding: 12rem 0;
    background: url(../img/top/contact06@2x.jpg) no-repeat center center/cover;
    position: relative;
  }
  .area-head::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
  }
  
  .area-head__title {
    font-size: 3.8rem;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 3;
    font-weight: bold;
  }
@media screen and (min-width: 768px) and (max-width: 1900px) {
    .area-head {
        margin-top: 14.9rem;
    }
}
@media (max-width: 767px) {
    .area-head {
      margin-top: 7.8rem;
    }
  }


  .area-page {
    margin-top: 10rem;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  
  @media (max-width: 767px) {
      .area-page {
      margin-top:0rem;
    }
  }
  




.area_header_sub p{
    margin-bottom: 1.8rem;
}

.area_pref{
    margin-bottom: 50px;
}

.pref_title{
    text-align: center;
    margin-bottom: 25px;
}

.clty_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 70px;
}


.clty_list li > a {
    
    color: #5c5c5c;
    font-size: clamp(16px, 4.4vw, 21px);
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    padding: 0.6em 0;
    border: 1px solid #5c5c5c;
    border-radius: 12px;
    width:100%;
    display: block;
}

.clty_list li > a:hover {
  color: #fff;
  background-color: #338413;
  border: 1px solid #338413; 
}
.clty_list li{
  display: block;
  width: calc(50% - 10px);
}

@media print, screen and (min-width: 768px) {
  .area_header {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 100px;
}
.area_header> .area_header_sub:first-child {
  width: calc(50% - 80px);
}
.area_header > .area_header_sub:last-child {
  width: calc(50% + 10px);
}
.clty_list li{
    width: calc((100% / 5) - 24px);
}
}
/*-----------single-area------------------*/

.area-page__title{
  font-size: 3rem;
  text-align: center;
  margin-bottom: 75px;
}

.area-title_sub{
  text-align: center;
  margin-bottom: 50px;

}
#areaCatch {
  color: #333;
  font-size: clamp(28px, 6.7vw, 31px) !important;
  font-weight: normal;
  text-align: center;
  line-height: 1.6;
  padding: 0;
  margin-bottom: 55px;
}

#areaCatch2 {
  display: block;
  max-width: 1084px;
  color: #fff;
  font-size: 31px;
  text-align: center;
  line-height: 1.6;
  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  padding: 85px 0;
  /*background: url(../img/about/about-page.webp) no-repeat center center / cover;*/
  background: #ccc url(../img/about/about-page.webp) no-repeat center / cover;
  /*background-color: #5c5c5c;*/
  margin: 0 auto 80px;
}

.area-page__content{

}

.bg100vw{
  /*width: 100vw;*/
  /*background-color: white;*/
 
  margin-left:-15px;
}
.areaTxtBox{
  width:auto;
  padding:70px 15px;
  margin:0 auto 90px;
}
.areaTxtBox p{
  padding-bottom:2.4em;
  margin-bottom:0;
}
.areaTxtBox p:last-child{
  /*padding-bottom:0;*/
}
@media print, screen and (min-width:768px){
  .bg100vw{
    /*margin-left:calc((100vw - 750px + 30px) / 2 * -1 );*/
  }
  .areaTxtBox{
    width:720px;
    padding-left:0;
    padding-right:0;
  }
}
@media print, screen and (min-width:992px){
  /*.bg100vw{margin-left:calc((100vw - 940px) / 2 * -1 );}*/
  .areaTxtBox{
    width:860px;
  }
}
@media print, screen and (min-width:1200px){
  /*.bg100vw{margin-left:calc((100vw - (1170px - 15px)) / 2 * -1 );}*/
}

.area_bg{
  background: url(../img/top/bg.png) center center / cover no-repeat;
  margin: 0 calc(50% - 50vw);
	width: 100vw;
}


.mgb100{margin-bottom:100px;}
.doubleLine{
  display:block;
  color:#333!important;
  font-size:31px!important;
  /*border-bottom:solid 1px #C7BD7D;*/
  margin-bottom:45px;
}
h3.doubleLine::after{
    display:block;
    content: "";
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 1px;
    /*border-bottom:1px solid #c6be7d;*/
}
.galleryLink:hover{opacity:0.7;}

.areaFlex{
  margin-bottom:40px;
}
section .areaFlex:last-child{
  margin-bottom:0;
}
@media print, screen and (min-width:992px){
  .areaFlex{
    display:flex;
    justify-content:space-between;
  }
  .areaFlex.imgL{flex-direction:row-reverse;}
  .areaFlex > div:first-child{width:calc(50% + 30px);}
  .areaFlex > div:last-child {width:calc(50% - 30px - 45px);}
}
.lineupTitle{
  color:#338413;
  font-size:20px!important;
  font-weight:600;
  line-height: 1.4!important;
  padding:5px 0 0!important;
  margin-bottom:30px;
}
h4.lineupTitle:after{display:none;}
.lineupTitle span{
  font-size:23px;
  display:block;
  margin-bottom:0.8em;
  position: relative;
}
.lineupTitle span:after {
    content: "";
    position: absolute;
    left:0;
    bottom:-8px;
    width: 60px;
    height: 2px;
    background: #338413;
    
    margin-left: 0;
}
.columnBox a{
  color:unset;
  text-decoration:unset;
}
.et_text{
  padding:unset;
  margin:1.5em 0 1em!important;
}
.permalinkWrap{
  /*color:#338413;*/
  font-size:15px!important;
  font-family:unset!important;
  font-weight:normal!important;
  padding:0!important;
}
h4.permalinkWrap:after{display:none;}
.thumbnail{
  overflow:hidden;
  height:calc((100vw - 30px) * 0.66 );
}
.thumbnail > img{
  object-fit:cover;
  height:100%;
}
@media print, screen and (min-width: 768px){
  .thumbnail{height:calc((750px - 30px) / 2 * 0.66 );}
}
@media print, screen and (min-width: 992px){
  .thumbnail{height:calc((970px - 30px - 30px) / 3 * 0.66 );}
}
@media print, screen and (min-width: 1200px){
  .thumbnail{
    height:calc((1170px - 30px - 30px) / 3 * 0.66 );
    max-height:216px;
  }
}
@media print, screen and (min-width: 768px){
  .column2Wrap .columnBox {flex-basis:calc(50% - 20px);}
}
@media print, screen and (min-width: 992px){
  .column2Wrap .columnBox {flex-basis:calc(50% - 40px);}
}
.modelHouseImg{margin-bottom:30px;}

.modelHouseImg {
  margin-bottom: 30px;
}
.modelHouseName{
    color: #338413;
    font-size: 20px!important;
    font-weight: 600;
    line-height: 1!important;
    padding:0!important;
    margin-bottom: 30px;
}
h4.modelHouseName:after{
    content: "";
    position: absolute;
    left: 0;
    top:unset;
    bottom: -8px;
    width: 60px;
    height: 2px;
    background: #d9d7ca;
    border-radius:unset;
    margin-left: 0;
}
.modelHouseCatch{
  color:#333;
  margin-bottom:1.5em;
}
.btn {color: #338413;}


.column3Wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px; }
  .column3Wrap .columnBox {
    flex-basis: 100%;
    max-width: 100%; }
    .column3Wrap .columnBox img {
      width: 100%;
      max-width: 100%; }
    .column3Wrap .columnBox p:last-child {
      margin-bottom: 0; }
    .column3Wrap .columnBox:nth-of-type(n + 2) {
      margin-top: 20px; }

      .column3Wrap .columnBox {
        flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
        max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
        .column3Wrap .columnBox:nth-of-type(n + 2) {
          margin-top: 0; }
        .column3Wrap .columnBox:nth-of-type(n + 3) {
          margin-top: 20px; }

          .column3Wrap:after {
            content: "";
            display: block;
            width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
          .column3Wrap .columnBox {
            flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 );
            max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
            .column3Wrap .columnBox:nth-of-type(-n + 3) {
              margin-top: 0; }
            .column3Wrap .columnBox:nth-of-type(n + 4) {
              margin-top: 20px; }


              .column2Wrap {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin-bottom: 40px; }
                .column2Wrap .columnBox {
                  flex-basis: 100%;
                  margin-top: 0; }
                  .column2Wrap .columnBox:nth-of-type(n + 2) {
                    margin-top: 20px; }

                    @media print, screen and (min-width: 768px) {
                      .column2Wrap .columnBox {
                        flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
                        max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
                        .column2Wrap .columnBox:nth-of-type(n + 2) {
                          margin-top: 0; }
                        .column2Wrap .columnBox:nth-of-type(n + 3) {
                          margin-top: 20px; }
                      .column2Wrap.sp3_7 .columnBox:nth-of-type(odd) {
                        flex-basis: 300px;
                        max-width: 300px; }
                      .column2Wrap.sp3_7 .columnBox:nth-of-type(even) {
                        flex-basis: calc( 100% - 320px );
                        max-width: calc( 100% - 320px ); }
                      .column2Wrap.sp7_3 .columnBox:nth-of-type(odd) {
                        flex-basis: calc( 100% - 320px );
                        max-width: calc( 100% - 320px ); }
                      .column2Wrap.sp7_3 .columnBox:nth-of-type(even) {
                        flex-basis: 300px;
                        max-width: 300px; }
                      .column2Wrap.sp140 .columnBox:nth-of-type(-n + 2) {
                        margin-top: 0; }
                      .column2Wrap.sp140 .columnBox:nth-of-type(n + 3) {
                        margin-top: 20px; }
                      .column2Wrap.sp140 .columnBox:nth-of-type(odd) {
                        flex-basis: 140px;
                        max-width: 140px; }
                      .column2Wrap.sp140 .columnBox:nth-of-type(even) {
                        flex-basis: calc( 100% - 160px );
                        max-width: calc( 100% - 160px ); }
                      .column2Wrap.sp250 .columnBox:nth-of-type(odd) {
                        flex-basis: 250px;
                        max-width: 250px; }
                      .column2Wrap.sp250 .columnBox:nth-of-type(even) {
                        flex-basis: calc( 100% - 270px );
                        max-width: calc( 100% - 270px ); }
                      .column2Wrap.sp250 .columnBox:nth-of-type(n + 2) {
                        margin-top: 0; }
                      .column2Wrap.sp250 .columnBox:nth-of-type(n + 3) {
                        margin-top: 0; }
                      .column2Wrap .column2Wrap .columnBox {
                        flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
                        max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }

                       
.areaCatch_sub{
  font-size: 2.4rem;
  margin-bottom: 15px;
}