@charset "UTF-8";

/*
Theme Name:ハヤシホーム用子テーマVol.1.9.0
Theme URI:Base-child-hayashi202605
Description:ハヤシホーム用の自作子テーマです。
Template:Base2021
Author:S.D.R.
Author URI:
Version:1.9.0
*/
body{
  height:100%;
  font-family:'Noto Sans JP', "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic" ,sans-serif;
  font-weight: 300;
}
.pt_hidden {
  display: none;
}
@media (max-width:559px){
html, body{
    font-size: 90%;
  }
  .sp-hidden {
    display: none;
  }
  .pt_hidden {
    display:block;
  }
}
@media (max-width:959px){
  .sp-hidden_mid {
    display: none;
  }
}


/*テキストのリンクをエリアいっぱいに*/
.link_bt {
  position: relative;
  text-align: center;
}
.link_bt a {
  width: 100%;
  margin:auto;
}

.link_bt a::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*moreボタン　サイト内共通*/
.text_bt.more {
  text-align: center;
}
.text_bt.more a{
  background-color: #000;
  padding: 0.5em 5em;
  line-height: 20px;
  border-radius: 20px;
  height: 40px;
}

.text_center {
  text-align: center;
}


/*ページタイトル*/
#page_title {
  height: auto!important;
  margin-top:3em;
  margin-bottom:2.5em;
  position: static!important;
}
#page_title h1,
h1.front_base_title {
  text-align: center;
  font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
  position: static;
}
@media screen and (max-width:959px){ /*960px未満*/
  #page_title,
  #page_title,h1.front_base_title {
    top:0;
    margin-top:7em;
    margin-bottom:2em;
  }
}
@media screen and (max-width:559px){ /*560px未満*/
  #page_title,
  #page_title,h1.front_base_title {
    margin-top:1em;
    margin-bottom:1em;
  }
}
  #page_title h1 .sub,
  h1.front_base_title .sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 50%;
}

/*パンくず*/
.breadcrumbs {
    background-color: #fff!important;
    margin-bottom: 1em!important;
}


/*フッター*/
footer ul.flex.wrap.container li.full{
  width: 100%;
  text-align: center;
}
footer ul.flex.wrap.container li.full h1{
  margin: 0.3em 0;
  font-size: 150%;
}
footer ul.flex.wrap.container li.full.adress{
  margin-bottom: 0.75em;
}
footer ul.flex.wrap.container li.full.tel{
  padding-left: 20%;
  padding-right: 20%;
}
footer ul.flex.wrap.container li.full.tel ul.flex li{
  width: 50%;
  text-align: center;
  /* margin-bottom: 3em; */
}
footer ul.flex.wrap.container li.left{
  width: 20%;
  margin-right: 5%;
}
footer ul.flex.wrap.container li.left svg,
footer ul.flex.wrap.container li.left .menu_info{
 display: none;
}
footer ul.flex.wrap.container li.left ul.menu_list.flex_main{
  display: block;
}
footer ul.flex.wrap.container li.left ul.menu_list.flex_main.menu_list li {
  text-align: left;
  margin-bottom: 1em;
}
footer ul.flex.wrap.container li.right {
  width: 72%;
}
footer ul.flex.wrap.container li.right ul.company_photo {
  flex-direction: row-reverse;
}
footer ul.flex.wrap.container li.right ul.company_photo li iframe,
footer ul.flex.wrap.container li.right ul.company_photo li.photo{
  max-height: 290px;
  overflow: hidden;
}
footer ul.flex.wrap.container li.right ul.company_photo li.map {
  width: 39%!important;
  margin-right: 1%;
}
footer ul.flex.wrap.container li.right ul.company_photo li.photo {
  width: 60%!important;
}
footer ul.flex.wrap.container li.right ul.company_photo li iframe{
  width: 100%!important;
}
@media (max-width:959px){
  footer ul.flex.wrap.container li.left{
      /*display: none;*/
      order:1;
  }
  footer ul.flex.wrap.container li.left ul.menu_list.flex_main{
      display: flex;
      width: 100%;
      justify-content: space-between;
  }
  footer ul.flex.wrap.container li.left ul.menu_list.flex_main li{
    white-space: nowrap;
    height:auto;
    margin:1.25em 1em;
  }
  footer .footer-sp-hidden{
    display: none;
  }
  footer ul.flex.wrap.container li.right{
    width: 100%;
    order:0;
  }
  footer ul.flex.wrap.container li.right ul.company_photo li.map,
  footer ul.flex.wrap.container li.right ul.company_photo li.photo {
    width: 49%;
    max-height: 290px;
    overflow: hidden;
  }/*
  footer ul.flex.wrap.container li.right ul.company_photo li iframe{
    max-height: 250px;
  }*/
}
@media (max-width:559px){
  footer ul.flex.wrap.container li.full.tel ul.flex{
    flex-wrap: wrap;
  }
  footer ul.flex.wrap.container li.full.tel ul.flex li{
    width: 100%;
    margin-bottom: 0.5em;
  }
  /* footer ul.flex.wrap.container li.right ul.company_photo li iframe,
  footer ul.flex.wrap.container li.right ul.company_photo li.photo {
    max-height: 120px;
  } */

}
/*TOPページ*/
.home h1{
  font-size: 2em;
}

.front_topbase {
  position: relative;
  top: 160px;
}
#slider {
  position:relative;
  width: 100%;
}
#slider img{
  width: 100%;
}
#topics ,
.home #event_news {
    top: -20vh;
}
#topics {
  position:relative;
  width: 600px;
  /*background-color: rgba( 255, 255, 255, 0.7 );*/
  margin-bottom: 1em;
  margin-right: auto;
  margin-left: auto;
  min-height:112px;
}
#topics dt{
  width: 140px;
  overflow: hidden;
  background-color: rgba( 255, 255, 255, 0.7 );
}
#topics dt img{
  width: auto;
  height: 100%;
}
#topics dd{
  width: 460px;
  padding: 1em;
  background-color: rgba( 255, 255, 255, 0.7 );
}
#topics dd h2{
  margin: 0;
  font-weight: 400;
  font-size: 155%;
}
#topics dd h2 .one_line{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.home #event_news {
  position:relative;
  background-color: #fff;
  width: 60%;
  padding-top: 2em;
  padding-bottom: 5em;
  border-bottom: solid  1px #e6e6e6;
}
.home #event_news ul.news_list{
  display: flex;
  flex-wrap: wrap;
}
.home #event_news ul.news_list li{
  width: 30%;
  margin-right: 5%;
}
.home #event_news ul.news_list li:nth-child(3n){
  margin-right: 0;
}
.home #event_news ul.news_list li dl.flex{
  flex-flow: column;
}
.home #event_news ul.news_list li dl.flex dt,
.home #event_news ul.news_list li dl.flex dd {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.home #event_news ul.news_list li dl.flex dt {
  max-height: 200px;
  overflow: hidden;
}
.home #event_news ul.news_list li dl.flex dt,
.home #event_news ul.news_list li dl.flex dd {
    padding-left: 0;
}

#concept{
  padding-bottom: 1em;
  border-bottom: solid  1px #e6e6e6;
}

#concept .front_content{
  margin-top: 4em;
  background-image   : url("./front/concept_bg.png");
  background-repeat:  no-repeat;
  background-position: bottom;
  background-size:cover;
  padding-bottom: 8em;
}
.home #concept .concept_top{
  margin-bottom: 3em;
}

.home #concept .concept_front ul.concept > li{
  width: 30%;
  margin-right: 5%;
  text-align: center;
}
.home #concept .concept_front ul li:nth-child(3n){
  margin-right: 0;
}
.home #concept .concept_front ul li dl.flex{
  flex-flow: column;
  flex-direction: column-reverse;
}
.home #concept .concept_front ul li  dl.flex dt h2{
  font-weight: 400;
  font-size: 120%;
}

.home #concept .text_bt.staff {
  text-align: center;
  margin: 5em auto;
}
.home #concept .text_bt.staff a{
  background-color: #fff;
  color: #000;
  border: solid #000 1px;
  padding: 0.5em 5em;
  line-height: 20px;
  border-radius: 20px;
  height: 40px;
}
.home #works{
  padding-top: 2em;
  padding-bottom: 2em;
  background:  url(company/overview_bg.jpg) repeat;
}
.home #works .container{
  margin-bottom: 2em;
}
/*TOPとworksのアーカイブ*/
.home #works ul.works_list,
.post-type-archive-works #works ul.works_list{
  display: grid;
  grid-template-columns:repeat(3, 1fr);
}
.home #works ul.works_list li.photo,
.post-type-archive-works #works ul.works_list li.photo{
  /* width: 30%; */
  padding-left:1em ;
  padding-right: 1em;
  text-align: center;
  margin-bottom: 2em;
}
.home #works ul.works_list li.photo:nth-child(3n),
.post-type-archive-works #works ul.works_list li.photo:nth-child(3n){
  margin-right: 0;
}
.home #works ul.works_list h2.name,
.post-type-archive-works #works ul.works_list h2.name{
  margin-bottom:0;
  font-weight: 400;
  font-size: 100%;
}
.home #concept .concept_front ul li  dl.flex dt .concept_bt{
  display: none;
}
@media (max-width:959px){
  .front_topbase,
  .home #event_news,
  #slider,
  #topics {
      position: static;
  }
  #slider {
      margin-top: 80px;
      z-index: 0;
  }
  #topics {
      margin-top: 1em;
      background-color: #f9f9f9;
      width: 100%;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      margin-bottom:0;
  }
  #topics dl.flex{
      width: 60%;
      background-color: #fff;
      margin-right: auto;
      margin-left: auto;
  }
  .home #event_news {
      padding-top: 0;
      width: 100%;
  }
  .home #event_news ul.news_list li dl.flex{
      flex-flow: row;
  }
  .home #event_news ul.news_list li{
      width: 100%;
      margin-right: 0;
  }
  .home #event_news ul.news_list li dl.flex dt{
      width: 20%;
  }
  .home #event_news ul.news_list li dl.flex dd{
      width: 80%;
      padding-left: 1em;
  }
  /* .home #works ul.works_list li.photo,
  .post-type-archive-works #works ul.works_list li.photo{
    width: 49%;
    margin-right: 2%;
  }
  .home #works ul.works_list li.photo:nth-child(3n),
  .post-type-archive-works #works ul.works_list li.photo:nth-child(3n){
    margin-right: 2%;
  }
  .home #works ul.works_list li.photo:nth-child(2n),
  .post-type-archive-works #works ul.works_list li.photo:nth-child(2n){
    margin-right: 0;
  } */
  .home #concept .concept_front ul li  dl.flex dt h2{
      font-size: 90%;
  }
}
@media (max-width:559px){
  #topics dl.flex {
      width: 100%;
  }
  #topics dt{
      width: 20%;
  }
  #topics dd{
      width: 80%;
  }
  #topics dd h2 {
      font-size: 100%;
  }
  #topics dt img {
    width: auto;
    height: auto;
}
  .home #event_news ul.news_list li dl.flex,
  ./*home #concept .concept_front ul.flex,
  .home #concept .concept_front ul.flex dl.flex*/{
      font-size: 75%;
      /*text-align: left;*/
  }/*
  .home #concept .concept_front ul li dl.flex{
      flex-direction: row-reverse;
  }*/
  .home #concept .concept ul.flex > li{
      width: 30%;
      margin-right: 5%;
      text-align: center;
      margin-bottom: 0.5em;
  }
  .home #works ul.works_list,
  .post-type-archive-works #works ul.works_list{
    grid-template-columns:repeat(2, 1fr);
  }
  /* .home #works ul.works_list li.photo:nth-child(3n),
  .post-type-archive-works #works ul.works_list li.photo:nth-child(3n),
  .home #works ul.works_list li.photo:nth-child(2n),
  .post-type-archive-works #works ul.works_list li.photo:nth-child(2n),
  .home #works ul.works_list li.photo,
  .post-type-archive-works #works ul.works_list li.photo{
    margin-right: 0;
  } */
  .home #concept .concept_front ul li dl.flex dl{
      display: flex;
  }
  .home #concept .concept_front ul li dl.flex dd{
      width: 100%;
  }
  .home #concept .concept_front ul li dl.flex dt ul.link_bt li.txt{
      min-height:90px;
  }
  .home #concept .concept_front ul li  dl.flex dt h2{
      font-size: 90%;
  }/*
  .home #concept .concept_front ul li  dl.flex dt h2 .break:before{
      white-space: nowrap;
  }
  */
  .home #concept .concept_front ul li  dl.flex dt .concept_bt{
      display: block;
      background-color: #434343;
      padding: 0.5em 0.1em;
      border-radius: 20px;
      color:#FFF;
      font-size: 95%;
  }
  .home #works ul.works_list {
      flex-wrap: wrap;
  }
  .home #works ul.works_list li.photo,
  .home #works ul.works_list li.comment{
      width: 100%;
  }
}

/*ハヤシホームの家づくり*/
.home .concept_top,
.concept .concept_top{
  text-align: center;
  margin-bottom: 3em;
  line-height: 2.5;
}

.concept ul.concept{
  margin: auto;
  width: 80%;
  justify-content:space-between;
  text-align: center;
  margin-bottom: 5em;
}
.concept ul.concept li{
  border-bottom: solid  1px #b28146;
}

.concept ul.concept li a{
  color: #333;
  font-weight: 400;
}
.concept .c_contents{
  margin-bottom: 8em;
}
.concept .c_contents .caption{
  text-align: center;
  margin-bottom: 3em;
}
.concept .c_contents h2{
  font-weight: 400;
  text-align: center;
}
.concept .c_contents h2 .no{
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 150%;
  margin-right: 0.5em;
  font-style: italic;
}
.concept .c_contents h3{
  font-weight: 400;
  color: #c79f62;
  text-align: center;
}
.concept .c_contents dl {
  display: flex;
  align-items: flex-start;
  position: relative;
  background-image: url(concept/concept_bg.png);
  background-position: 0 5px;
  background-repeat: repeat-x;
  margin-bottom: 2em;
}
.concept .c_contents dl:nth-child(odd) {
  flex-direction: row-reverse;
}
.concept .c_contents dl dt{
  width: 28%;
  margin-right: 2%;
}
.concept .c_contents dl:nth-child(odd) dt{
  margin-left: 2%;
  margin-right: 0;
}
.concept .c_contents dl dd{
  width: 70%;
  padding: 2em 1em;
}
.concept .c_contents dl dd h4{
  font-weight: 400;
}
.concept .c_contents dl dd h4:first-letter{
  color: #c79f62;
}
@media (max-width:959px){
  .home .concept_top,
  .concept .concept_top{
    line-height: 1.5;
  }
  .concept .c_contents{
    margin-bottom: 5em;
  }
  .concept .c_contents dl {
    background-position: 0;
    align-items: center;
    padding:1em
  }
  .concept .c_contents dl dd{
    width: 70%;
    padding: 0;
  }
}
@media (max-width:559px){
  .concept ul.concept{
    margin-bottom: 2em;
  }
  .concept ul.concept li{
    width: 100%;
    margin-bottom: 1em;
  }
  .concept .c_contents dl {
    flex-wrap: wrap;
  }
  .concept .c_contents dl dt,
  .concept .c_contents dl dd {
    width: 100%;
  }
  .concept .c_contents dl dt{
    margin-right: 0;
    max-height: 150px;
    overflow: hidden;
  }
}

/*イベント＆ニュースのアーカイブ*/
#event_news .news_list{
  margin-top: 0.5em;
}
#event_news,
#event_news .news_list .text_link  {
  text-align: left;
}
#event_news .news_list dl.list{
  width: 100%;
  margin-bottom: 2em;
}
#event_news .news_list dl.list dt{
  width: 20%;
}

#event_news .news_list dl.list dt img{
  width: 100%;
}
#event_news .news_list dl.list dd{
  width: 80%;
  padding-left: 2em;
}
#event_news .news_list dl.list dd h2{
  font-weight: 400;
  font-size: 120%;
}
#event_news .news_list dl.list dd h2 .blog-date{
  font-size: 12px;
  margin-bottom: 1em;
}
#event_news .news_list dl.list dd h2 .blog-date .category {
  margin-left: 1em;
  padding: 0.25em 0.5em;
  border-radius: 5px;
  color: #FFF;
}
#event_news .news_list dl.list dd h2 .blog-date .category.news{
  background-color: #95b246;
}
#event_news .news_list dl.list dd h2 .blog-date .category.event{
  background-color: #4680b2;
}
#event_news .news_list dl.list dd h2 .blog-date .category.land_for_sale{
  background-color: #915F25;
}
#event_news .news_list dl.list dd h2 .blog-date .category.works{
  background-color: #598182;
}
/*イベント＆ニュースのシングル*/
.single #event_news li.date {
  width: 20%;
  padding-right: 1em;
  text-align: right;
  border-right: solid  1px #b28146;
  min-height: 100vh;
}
.single #event_news li.blog_contents {
  width: 80%;
  padding-left: 1em;
}
.single #event_news li.blog_contents h2 {
  font-weight: 500;
  font-size: 120%;
  margin-bottom: 2em;
}
@media (max-width:559px){
  #event_news .news_list dl {
      flex-wrap: wrap;
      margin-bottom: 3em;
  }
  #event_news .news_list dl.list dt,
  #event_news .news_list dl.list dd {
      width: 100%;
  }
  #event_news .news_list dl.list dt {
      margin-bottom: 1em;
  }
  #event_news .news_list dl.list dd {
    padding-left: 1em;
    padding-right: 1em;
  }
  .single #event_news ul.blog_title {
      flex-wrap: wrap;
  }
  .single #event_news li.date {
      width: 100%;
      min-height: auto;
      border-bottom: solid 1px #b28146;
      border-right: none;
      margin-bottom: 1em;
      padding-bottom:0.5em;
  }
  .single #event_news li.blog_contents {
      width: 100%;
  }
  .single #event_news li.blog_contents h2 {
      margin-bottom: 1em;
  }
}

/*施工事例*/
.works .works_top{
  max-height: 520px;
  overflow: hidden;
  margin-bottom: 2em;
}
.works .works_contents .text_area{
  width: 100%;
  margin-bottom: 2em;
}
.works .works_contents .text_area ul li.shosai{
  width: 70%;
  padding-right:1.5em;
}
.works .works_contents .text_area ul li.shosai.full{
  width: 100%;
}
.works .works_contents .text_area ul li.data{
  width: 30%;
}
.works .works_contents .text_area dt.no{
  width: 10%;
  border-right: solid  1px #b28146;
  padding-right: 1em;
}
.works .works_contents .text_area dd.text{
  width: 90%;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 90%;
  min-height: 130px;
}
.works .works_contents .text_area dd.text h2{
  font-weight: 500;
}
.works .works_contents .text_area ul li.data dl.sub_txt{
  flex-wrap: wrap;
  margin-left:2em;
}
.works .works_contents .text_area ul li.data dl.sub_txt dt{
  width: 40%;
  border-bottom: dotted 1px #c79f62;
}
.works .works_contents .text_area ul li.data dl.sub_txt dd{
  width: 60%;
  text-align: right;
  border-bottom: dotted 1px #c79f62;
}
.works .works_contents .photo_area{
  position: relative;
  width: 100%;
}
.works .works_contents .photo_area ul.sub_img{
  align-items:flex-end;
  flex-wrap: wrap;
}
.works .works_contents .photo_area ul.sub_img li{
  width: 32%;
  margin-right:2%;
  margin-bottom:1em;
}
.works .works_contents .photo_area ul.sub_img li:nth-child(3n){
  margin-right: 0;
}

@media (max-width:959px){
  .works .works_contents,
  .works .works_contents .text_area,
  .works .works_contents .photo_area {
    position: static;
    width: 100%;
    max-width: 100%;
  }
  .works .works_contents .photo_area ul.sub_img li{
    display: flex;
    align-items: center;
    max-height: 170px;
    overflow: hidden;
  }
  .works .works_contents .text_area{
    margin-bottom: 1em;
  }
}
@media (max-width:559px){
  .works .works_contents, {
    position: static;
  }
  .works .works_contents .text_area .flex{
    flex-wrap: wrap;
  }
  .works .works_contents .text_area .text {
    width: 100%;
    padding-right: 1em;
  }
  .works .works_contents .text_area .no{
    width: 100%;
    border-bottom: solid  1px #b28146;
    border-right: none;
    padding-right: 1em;
    margin-bottom: 0.5em;
  }
  .works .works_contents .photo_area{
    top: 10px;
  }
  .works .works_contents .photo_area ul.sub_img li{
    max-height: 85px;
  }
}
/*分譲地情報・アーカイブ*/
.post-type-archive-land_for_sale ul.sale_list{
  flex-wrap: wrap;
  margin-bottom:2em;
  align-items:stretch
}
.post-type-archive-land_for_sale ul.sale_list > li{
    width: 32%;
    margin-right:2%;
    margin-bottom:0.5em;
    font-size: 95%;
}
.post-type-archive-land_for_sale ul.sale_list > li:nth-child(3n){
    margin-right:0;
}
.post-type-archive-land_for_sale ul.sale_list > li{
  position: relative;
}
.post-type-archive-land_for_sale ul.sale_list > li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.75em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
}
.post-type-archive-land_for_sale ul.sale_list > li.built:after {
  border-top: 2px solid #915F25;
  border-right: 2px solid #915F25;
}
.post-type-archive-land_for_sale ul.sale_list > li.land:after,
.post-type-archive-land_for_sale ul.sale_list > li.a_land:after  {
  border-top: 2px solid #45B035;
  border-right: 2px solid #45B035;
}
.post-type-archive-land_for_sale ul.sale_list > li.plan:after {
  border-top: 2px solid #6b60a8;
  border-right: 2px solid #6b60a8;
}
.post-type-archive-land_for_sale ul.sale_list > li.built dl{
    border: solid  1px #915F25;
}
.post-type-archive-land_for_sale ul.sale_list > li.land dl,
.post-type-archive-land_for_sale ul.sale_list > li.a_land dl{
    border: solid  1px #45B035;
}
.post-type-archive-land_for_sale ul.sale_list > li.plan dl{
  border: solid  1px #6b60a8;
}
.post-type-archive-land_for_sale ul.sale_list > li dd{
    width:70%;
}
.post-type-archive-land_for_sale ul.sale_list > li.built dt{
    background-color: #915F25;
}
.post-type-archive-land_for_sale ul.sale_list > li.land dt,
.post-type-archive-land_for_sale ul.sale_list > li.a_land dt{
    background-color: #45B035;
}
.post-type-archive-land_for_sale ul.sale_list > li.plan dt{
  background-color: #6b60a8;
}
.post-type-archive-land_for_sale ul.sale_list > li dl{
  height: 100%;
}
.post-type-archive-land_for_sale ul.sale_list > li dt{
    width:26%;
    color:#fff;
    text-align: center;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
}
.post-type-archive-land_for_sale ul.sale_list > li dt .term{
    border-bottom: solid  1px #fff;
    margin-bottom: 0.25em;
}
.post-type-archive-land_for_sale ul.sale_list > li dd{
    width:74%;
    font-weight: 300;
    padding:0.5em;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.post-type-archive-land_for_sale ul.sale_list > li dd a{
    color:#333;
    text-decoration: none!important;
}
.post-type-archive-land_for_sale ul.sale_list > li dd a:hover{
  color:#333;
  text-decoration: none!important;
}
.post-type-archive-land_for_sale ul.sale_list > li dd ul li{
    width:100%;
}
.post-type-archive-land_for_sale ul.sale_list > li dd ul li.title h2{
    font-weight: 400;
    font-size:1.2em;
    margin-bottom: 0em;
}
.post-type-archive-land_for_sale ul.sale_list > li dd ul li.price{
    font-weight: 500;
    font-size:1.5em;
    margin-bottom: 0.25em;
}
.post-type-archive-land_for_sale ul.sale_list > li dd ul li.comment{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.post-type-archive-land_for_sale ul.sale_list > li dd ul li.comment p{
    margin-bottom: 0;
}
@media (max-width:959px){
  .post-type-archive-land_for_sale ul.sale_list > li{
      width: 48%;
  }
  .post-type-archive-land_for_sale ul.sale_list > li:nth-child(3n){
      margin-right:2%;
  }
  .post-type-archive-land_for_sale ul.sale_list > li:nth-child(2n){
      margin-right:0;
  }
}
@media (max-width:559px){
  .post-type-archive-land_for_sale ul.sale_list > li{
      width: 98%;
      margin-right:0;
  }
}

/*分譲地情報・シングル*/
.single-land_for_sale .post ul.land_sale{
  justify-content:space-between;
}
.single-land_for_sale .post ul.land_sale .left_area{
    width: 68%;
}
.single-land_for_sale .post ul.land_sale .right_area{
    width: 30%;
}
.single-land_for_sale .post h2.land_name{
  font-weight: 400;
}
.single-land_for_sale .post h2.land_name .term{
    font-size: 16px;
    background-color: #000;
    padding: 0.25em 1.5em;
    margin-right:0.25em;
    color:#fff;
}
.single-land_for_sale .post h2.land_name .term.built,
.single-land_for_sale .list_plice .term.built{
    background-color:#915F25;
}
.single-land_for_sale .post h2.land_name .term.land,
.single-land_for_sale .post h2.land_name .term.a_land  {
    background-color: #45B035;
}
.single-land_for_sale .post h2.land_name .term.plan,
.single-land_for_sale .list_plice .term.plan{
    background-color: #6b60a8;
}
.single-land_for_sale .post h2.land_name .conditional{
    font-size: 16px;
    background-color: #000;
    padding: 0.25em 1.5em;
    border-radius:16px;
    margin-left:1em;
    color:#fff;
}

.single-land_for_sale .post .table{
    border: solid  1px #231815;
    font-size:95%;
}
.single-land_for_sale .post .table .table01{
    display: flex;
    font-size:95%;
}
.single-land_for_sale .post .table > ul{
    border-bottom: solid  1px #231815;
}
.single-land_for_sale .post .table > ul:last-child{
    border-bottom:none;
}
.single-land_for_sale .post .table .table01 li.th{
    text-align: center;
    background-color: #DBDCDC;
    font-size:95%;
    font-weight: 400;
    padding:0.25em;
}
.single-land_for_sale .post .table .table01 li.td{
    padding:0.5em 1em 0.5em 0;
    text-align: right;
}
.single-land_for_sale .post .table .table01 .cel01,
.single-land_for_sale .post .table .table01 .cel02,
.single-land_for_sale .post .table .table01 .cel03,
.single-land_for_sale .post .table .table01 .cel04{
    width: 18%;
    border-right: solid  1px #231815;
}
.single-land_for_sale .post .table .table01 .cel01{
    width: 21%;
}
.single-land_for_sale .post .table .table01 .cel05{
    width: 25%;
    border-right: none;
    font-size:110%;
    font-weight: 400;
}
.single-land_for_sale .post .table .table01 .cel00{
    width: 82%;
    text-align: center;
    border-right:none;
    padding:0.5em 1em 0.5em 0;
}
.single-land_for_sale .post dl.table02 {
    display: flex;
    border: solid  1px #231815;
    flex-wrap: wrap;
    font-size:90%;
    margin-bottom:2em;
    border-bottom: none;
}
.single-land_for_sale .post dl.table02 dt{
    width: 18%;
    border-bottom: solid  1px #231815;
    border-right: solid  1px #231815;
    padding:0.5em;
    background-color: #DBDCDC;
    font-weight: 400;
}
.single-land_for_sale .post dl.table02 dt:nth-child(2n){
    border-left: solid  1px #231815;
}
.single-land_for_sale .post dl.table02 dd{
    width: 32%;
    border-bottom: solid  1px #231815;
    padding:0.5em;
}
/*
.single-land_for_sale .post dl.table02 dt.all,
.single-land_for_sale .post dl.table02 dd.all{
    border-bottom: none;
}
*/
.single-land_for_sale .post dl.table02 dd.all{
    width: 82%;
}
.single-land_for_sale .post .right_area .album {
  flex-wrap: wrap;
  margin-top:2em;
}
.single-land_for_sale .post .right_area .album li{
    width: 33%;
    margin-right:0.5%;
    margin-left: 0;
    margin-bottom:2px;
}
.single-land_for_sale .post .right_area .album li:nth-child(3n){
    margin-right:0;
}
.single-land_for_sale .post .right_area .album li{
    width: 33%;
    margin-right:0.5%;
    margin-left: 0;
    margin-bottom:2px;
}
/*建売独自*/
.single-land_for_sale .post .built_sale li.main_photo{
  margin-bottom:2em;
}
.single-land_for_sale .post .built_sale li.main_photo ul.main_sketch{
    justify-content: space-between;
}
.single-land_for_sale .post .built_sale li.main_photo ul.main_sketch li.main_photo01{
    width: 56%;
}
.single-land_for_sale .post .built_sale li.main_photo ul.main_sketch li.sketch{
    width: 40%;
}
.single-land_for_sale .post .built_sale li.main_photo img{
  margin-bottom:1em;
}
.single-land_for_sale .post .built_sale ul.flex li{
  /* margin-bottom:2em; */
}
.single-land_for_sale .post .built_sale ul.flex li.sketch{
    width: 56%;
    margin-right:4%;
}
.single-land_for_sale .post .built_sale ul.flex li.land{
    width: 40%;
}
.single-land_for_sale .post .built_sale .album li{
    width: 24.625%;
    margin-right:0.5%;
    margin-left: 0;
    margin-bottom:2px;
}
.single-land_for_sale .post .built_sale .album li:nth-child(4n){
    margin-right:0;
}
.single-land_for_sale .post .built_sale dl.table02 dt.all,
.single-land_for_sale .post .built_sale dl.table02 dd.all {
    border-bottom: solid  1px #231815;
}
.single-land_for_sale .post .built_sale dl.table02 dt.all.other,
.single-land_for_sale .post .built_sale dl.table02 dd.all.other {
    border-bottom: solid  1px #231815;
}
.single-land_for_sale .post .land_link a {
    padding: 0.25em 1em;
    line-height: 18px;
    border-radius: 18px;
    height: 36px;
    margin-left:1em;
    color:#333;
    text-decoration: none;
    background-color:#DBDCDC;
}
.single-land_for_sale .post .land_link a:hover {
    text-decoration: none;
}
.single-land_for_sale .post .album {
    margin-bottom:2em; 
}
.single-land_for_sale .post .list_plice {
  font-size: 170%;
  font-weight: bold;
  justify-content: center;
  padding-bottom: 0.5em;
  border-bottom: #434343 solid 1px;
}
.single-land_for_sale .post .list_plice span {
  margin-left: .3em;
  margin-right: .3em;
}
.single-land_for_sale .post .list_plice .term {
  padding: 0.5em 0.75em;
  color: #FFF;
  font-size: 70%;
  margin-left:10px ;
}
.single-land_for_sale .post .list_plice02 {
  font-size: 125%;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
.single-land_for_sale .post .list_plice02 .price .l_price{
  font-size: 250%;
}
.single-land_for_sale .post .list_plice02 .land_price{
  font-size: 70%;
  border: #231815 1px solid;
  margin-left: 1em;
}
.single-land_for_sale .post .list_plice02 .land_price dl{
  align-items: center;
  background-color: #dbdcdc;
}
.single-land_for_sale .post .list_plice02 .land_price dt{
  padding: 0.5em;
}
.single-land_for_sale .post .list_plice02 .land_price dd{
  background-color: #fff;
  padding: 0.5em;
}
.single-land_for_sale .post .list_plice02 .land_price dd .l_price{
  font-size: 150%;
}
.single-land_for_sale .post .list_plice02 .land_price dd .center{
  font-weight: normal;
  text-align: center;
  font-size: 90%;
}

@media (max-width:959px){
  .single-land_for_sale .post ul.land_sale {
      flex-wrap: wrap;
  }
  .single-land_for_sale .post ul.land_sale .left_area,
  .single-land_for_sale .post ul.land_sale .right_area{
      width: 100%;
  }
}
@media (max-width:559px){
  .single-land_for_sale .post h2.land_name  {
	   font-size: 180%;
  }
  .single-land_for_sale .post h2.land_name .conditional,
  .single-land_for_sale .post h2.land_name .term  {
	   font-size: 0.5em;
  }
  .single-land_for_sale .post h2.land_name .term::after {
	   content: "\A" ;
	   white-space: pre ;
  }
  .single-land_for_sale .post dl.table02 dt,
  .single-land_for_sale .post dl.table02 dd,
  .single-land_for_sale .post dl.table02 dd.all,
  .single-land_for_sale .post .built_sale ul.flex li.sketch,
  .single-land_for_sale .post .built_sale ul.flex li.land{
      width: 100%;
      border-right:none;
  }
    .single-land_for_sale .post .built_sale ul.flex{
      flex-wrap: wrap;
    }
}



/*会社概要*/
.archive.company ul.company_photo {
  justify-content:space-between;
}
.archive.company ul.company_photo  li.photo{
  width: auto;
  max-height: 400px;
}
.archive.company ul.company_photo  li.photo img{
  width: auto;
  height: 100%;
}
.archive.company ul.company_photo li.map{
  width: 48%;
}
.archive.company ul.company_photo li iframe{
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}
.archive.company dl.company{
  margin-top: 3em;
  margin-bottom: 3em;
}
.archive.company dl.company > dt{
  width: 30%;
  padding-right: 1em;
  margin-bottom: 2em;
}
.archive.company dl.company > dt::before{
  content:"● ";
}
.archive.company dl.company > dd{
  width: 70%;
  margin-bottom: 2em;
}
.archive.company dl.company > dd > ul:nth-child(1){
  margin-bottom: 0.5em;
}
.overview_base {
  background:  url(company/overview_bg.jpg) repeat;
}
.archive.company dl.performance dt{
  width: 100%;
  padding-right: 0;
  margin-bottom: 0;
}
.archive.company dl.performance dd{
  width: 100%;
  margin-left: 1em;
  margin-bottom: 1em;
}
.archive.company dl.company > dd li.c_name{
  font-weight: bolder;
  font-size: 1.05rem;
}
@media (max-width:959px){
  .archive.company ul.company_photo  li.map,
  .archive.company ul.company_photo li.photo {
    width: 49%;
  }
  .archive.company ul.company_photo li.photo img {
    width: 100%;
    height: auto;
  }
  .archive.company ul.company_photo li iframe{
    max-height: 250px;
  }
}
@media (max-width:559px){
  .archive.company dl.company > dt {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.1em;
  }
  .archive.company dl.company > dd {
    width: 100%;
    padding-left: 1.25em;
  }
  .archive.company ul.company_photo li iframe,
  .archive.company ul.company_photo li.photo {
    max-height: 120px;
  }
}

/*会社概要 スタッフ紹介*/
.staff .content ul.flex.staff {
  /* justify-content:space-between; */
  flex-wrap: wrap;
  margin-bottom: 3em;
  margin: auto 5rem;
}
.staff .content ul.flex.officer {
  justify-content: center;
  flex-wrap: nowrap;
  margin-bottom: 5em;

}
.staff .content ul.flex li{
  width: 20%;
  margin-right: 20%;
  margin-bottom: 2em;
}
/* .staff .content ul.flex.staff li:nth-child(3n){
  margin-right: 13%;
} */
/* .staff .content ul.flex.staff li:nth-child(1),
.staff .content ul.flex.staff li:nth-child(3n+1){
  margin-left:13%;
} */
.staff .content ul.flex.officer li:nth-child(2n){
  margin-right: 0;
}
.staff .content ul.flex li div{
  line-height: 1.5;
}
.staff .content ul.flex li .director_e{
  font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
}
.staff .content ul.flex li .director_j,
.staff .content ul.flex li .name_e,
.staff .content ul.flex li .capabilities{
  font-size: 50%;
}
.staff .content ul.flex li .name_j{
  font-weight: 400;
  white-space: nowrap;
}
.staff .content ul.flex li dd.staff_name{
  display: flex;
  align-items: center;
}

.staff .content ul.flex li dd.staff_name .director_j{
  white-space: nowrap;
  margin-right: 0.75rem;
}
.staff .content ul.flex.staff li.lay_1 {
  margin-right:80%;
  margin-left: 0;
}
.staff .content ul.flex.staff li.lay_4{
  margin-right:  0;
}

@media (max-width:559px){
  .staff .content ul.flex.staff{
    flex-wrap: wrap;
    justify-content: start;
  }
  .staff .content ul.flex li{
    width: 45%;
    margin-bottom: 1em;
  }
  .staff .content ul.flex li:nth-child(odd){
    margin-right: 0.5%!important;
    margin-left:4.5%!important;
  }
  .staff .content ul.flex li:nth-child(even){
    margin-left: 0.5%!important;
    margin-right:4.5%!important;
  }
}
/*モデルハウス*/
.model_house .area_01{
  margin-bottom: 1em;
}
.model_house .area_02,
.model_house .area_03,
.model_house .area_04,
.model_house .area_05{
  margin-bottom: 3em;
}
.model_house .area_02 ul.flex > li{
  display: flex;
  flex-direction: column;
}
.model_house .area_02 ul.flex li.photo{
  width: 30%;
}
.model_house .area_02 ul.flex li.photo img{
  margin-top:auto
}
.model_house .area_02 ul.flex li.info{
  width: 70%;
}
.model_house .area_02 ul.flex li.info ul.detail {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.5em;
  font-size: 90%;
  justify-content: space-between;
}
.model_house .area_02 ul.flex li.info ul.detail li.all{
  width: 100%;
  margin-bottom: 1em;
}
.model_house .area_02 ul.flex li.info ul.detail li.all:last-child{
  margin-bottom: 0;
}
.model_house .area_02 ul.flex li.info ul.detail li.all h2{
  color:#A4715F;
  font-weight: 400;
}
.model_house .area_02 ul.flex li.info ul.detail li.all h3{
  font-weight: 400;
  margin-bottom:0.5em;
  padding-bottom:0.25em;
  border-bottom: solid  1px #231815;
  font-size: 100%;
}
.model_house .area_02 ul.flex li.info ul.detail .price{
  font-size: 150%;
  font-weight: 500;
  margin-left:0.5em;
}
.model_house .area_02 ul.flex li.info ul.detail .base{
  display: flex;
  align-items:flex-end;
  margin-bottom: 1em;
}
.model_house .area_03 ul.sketch{
  padding:3em 5em;
  background-image:
    url(./model_house/360view_icon.png),
    url(./model_house/360view_bg.png);
  background-repeat:
    no-repeat,
    repeat;
  background-position:
    top 1em right 1em,
    left;
  border-radius: 20px;
}
.model_house .area_04 ul.flex_01{
  display: flex;
  margin-bottom:2px;
}
.model_house .area_04 ul.flex_01 li{
  width: 100%;
}
.model_house .area_04 ul.flex_02{
  display: flex;
  flex-wrap: no-wrap;
  justify-content: space-between;
  margin-bottom:2px;
}
.model_house .area_04 ul.flex_02 li{
  padding-left: 1px;
}
.model_house .area_04 ul.flex_02 li:nth-child(2n){
  padding-left: 0;
}
.model_house .area_04 ul.flex_03{
  display: flex;
  flex-wrap: no-wrap;
  justify-content: space-between;
  margin-bottom:2px;
}
.model_house .area_04 ul.flex_03 li{
  width:33.2%;
  margin-right:0.4%;
}
.model_house .area_04 ul.flex_03  li:nth-child(3n){
  margin-right: 0;
}
/*この辺りは毎回変更がいるかも?*/
.model_house .area_04.hamasaka_modelhouse ul.flex_03.free > li{
  width:auto;
  height:440px;
}
.model_house .area_04.hamasaka_modelhouse ul.flex_03.free > li img{
  width:auto;
  height:100%;
}
/*
.model_house .area_04.hamasaka_modelhouse ul.flex_col{
  flex-flow: column;
  justify-content:space-between;
}
*/
.model_house .area_04.hamasaka_modelhouse ul.flex_col li{
  height:219px;
  margin-bottom: 2px;
  width:220px;
}
.model_house .area_04.hamasaka_modelhouse ul.flex_col li:last-child{
  margin-bottom: 0;
}
.model_house .area_05 ul.access{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.model_house .area_05 ul.access li.img_map{
  width:auto;
  height:320px;
}
.model_house .area_05 ul.access li.img_map img{
  height:100%;
}
.model_house .area_05 ul.access li.map{
  width:320px!important;
  height:320px;
  overflow: hidden;
}
@media (max-width:959px){
  .model_house .area_04.hamasaka_modelhouse ul.flex_03.free > li,
  .model_house .area_04.hamasaka_modelhouse ul.flex_03.free > li img{
    height:270px;
  }
  .model_house .area_04.hamasaka_modelhouse ul.flex_col li {
        height:135px;
        overflow: hidden;
      }
}


@media (max-width:559px){
  .model_house .area_02 ul.flex{
    flex-wrap: wrap;
  }
  .model_house .area_02 ul.flex li.photo,
  .model_house .area_02 ul.flex li.info{
    width: 100%;
  }
  .model_house .area_02 ul.flex li.info ul.detail li:nth-child(1),
  .model_house .area_02 ul.flex li.info ul.detail li:nth-child(2){
    width: 100%;
    font-size: 150%;
    margin-bottom: 0.25em;
  }
  .model_house .area_03 ul.sketch{
    padding:1em ;
    background-size: 10%,5%;
  }
  .model_house .area_04.hamasaka_modelhouse ul.flex_03.free {
    flex-wrap: wrap;
    justify-content:space-between;
  }
  .model_house .area_04.hamasaka_modelhouse ul.flex_03.free > li,
  .model_house .area_04.hamasaka_modelhouse ul.flex_03.free ul.flex_col li {
    width:49%;
    margin-right: 0;
    height:150px;
    overflow: hidden;
    margin-bottom: 2px;
  }
  .model_house .area_04.hamasaka_modelhouse ul.flex_03.free > li img {
    height:auto;
  }
  .model_house .area_04.hamasaka_modelhouse ul.flex_03.free li.col{
    width: 100%;
  }
  .model_house .area_04.hamasaka_modelhouse ul.flex_03.free ul.flex_col {
    display: flex;
    flex-wrap: no-wrap;
    width: 100%;
    justify-content:space-between;
  }
  .model_house .area_05 ul.access{
    flex-wrap: wrap;
  }
  .model_house .area_05 ul.access li.img_map,
  .model_house .area_05 ul.access li.map{
    width: 100%!important;
    height:auto;
  }
  .model_house .area_05 ul.access li.img_map img{
    width: 100%;
    height:auto;
  }
}




/*ついてくるボタン*/
.side_menu_base {
  right:20px;
  position: fixed;
  z-index: 1;
  top: -500px;
}

.side_menu_base ul.side_menu li{
    width: 100px;
    height: 100px;
    margin-bottom:20px
}
.side_menu_base ul.side_menu li a {
    height: 100%;
    display: block;
}
.side_menu_base ul.side_menu li#reserve_bt{
    background: url("./images/side_reserve_bt.png")no-repeat center center;
    background-size:contain;
    overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
}
.side_menu_base ul.side_menu li#instagram_bt{
    background: url("./images/side_instagram_bt.png")no-repeat center center;
    background-size:contain;
    overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
}
.side_menu_base ul.side_menu li#modelhouse_bt{
    background: url("./images/side_modelhousw_bt.png")no-repeat center center;
    background-size:contain;
    overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
}
.side_menu_base ul.side_menu li#build_bt{
    background: url("./images/side_build_bt.png")no-repeat center center;
    background-size:contain;
    overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
}
.side_menu_base ul.side_menu li#umano_co_bt{
  background: url("./images/side_umano_logo.png")no-repeat center center;
  background-size:contain;
  overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
}
.side_menu_base ul.side_menu li#land_for_sale_bt{
  background: url("./images/side_land_for_sale_bt.png")no-repeat center center;
  background-size:contain;
  overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
}
@media (max-width:959px){
  .side_menu_base {
      bottom: 20px;
      right: auto;
      bottom: 1rem;
      top:initial;
      width:60%;
  }

  .side_menu_base ul.side_menu{
    display: flex;
    width:100%;
    margin-left:5px;
  }
  .side_menu_base ul.side_menu li{
      margin-bottom:0;
      width:32%;
      height:80px;
  }
}
@media (max-width:480px){
  #instagram .sbi_item.sbi_type_image{
      width:50%!important;
  }
}

/*メールフォーム(見学会予約含む)*/
.contact .head,
.reservation .head{
  margin:2em auto;
  text-align: center;
  border-bottom: solid  1px #B3B3B3;
}
.contact .head img,
.reservation .head img{
  margin-bottom: 1em;
  width:60%;
}
.contact .head h2,
.reservation .head h2{
  margin:1em auto 1.5em auto;
  text-align: center;
}
.form_table01,
.form_table02,
.form_table03{
  margin-bottom: 2em;
  padding-bottom:2em;
  border-bottom: solid  1px #B3B3B3;
}
dl.mail dt {
    width: 30%;
}
dl.mail dd {
    width: 65%;
    text-align: center;
}
.req {
    font-size: 0.75em;
    color: #fff;
    background-color: #C79F62;
    border-radius: 3px;
    margin-left: 0.75em;
    padding:0.1em 0.75em;
}
button, html input[type="button"], input[type="reset"], input[type="submit"]{
  background-color: #000;
  color:#fff;
}
.reservation .head dl dt{
  font-size: 2rem;
}
.contact .flex.sales {
  flex-wrap: wrap;
  width: 15rem;
  margin: auto;
}
/*
.form_table02 {
  display: none;
}*/
@media (max-width:559px){
  dl.mail dt,
  dl.mail dd {
      width: 100%;
  }
  dl.mail dd input[type='text'], dl.mail dd input[type='email'],dl.mail dd .text_form{
      width: 100%;
  }
  dl.mail.age dd input[type='text'],
  dl.mail.address dd input[type='text']{
      width: auto;
  }
}

/*シングルページのページ送り*/
.single .navigation ul.prev_next_list {
  margin-top: 2em;
  display: flex;
  justify-content: space-between;
}
.single .navigation ul.prev_next_list.last{
  display: flex;
  justify-content: flex-end;
}
.single .navigation ul.prev_next_list li{
  border: solid 1px #e0e0d2;
  border-top-color: rgb(224, 224, 210);
  border-right-color: rgb(224, 224, 210);
  border-bottom-color: rgb(224, 224, 210);
  border-left-color: rgb(224, 224, 210);
  padding: 8px 15px;
  border-radius: 3px;
}
.single .navigation ul.prev_next_list li:hover{
  background-color: #e0e0d2;
  color:#fff;
}
/*見学予約*/
.reservation_link {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 2rem;
    margin-top: 3rem;
}
/*イベント情報の場合*/
.single-event .reservation_link {
    text-align: right;
    margin-bottom: 3rem;
    font-size: 1rem;
    margin-top: 2rem;
    width:100%;
}
.reservation_link a {
    padding: 0.25em 1em;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    background-color: #8fc13f;
    line-height: 20px;
}
.tour .tour_list{
  flex-wrap: wrap;
}
.tour .tour_list li{
  width:30%;
  margin-right:5%;
}
.tour .tour_list li:nth-child(3n){
  margin-right:0;
}
@media (max-width:559px){
  .reservation_link {
      margin-top: 3rem;
  }
}

/*2022.09*/
.archive .negotiations img{
  width: 50%;
  margin-top: 0.5rem;
  background-color: #237617;
}
.single .negotiations {
  background-color: #e83829;
  border-radius: 50%;
  margin:0.5rem
}
.single-land_for_sale .post .table .table01 li.td{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.single-land_for_sale .post .table .table01 li.td .negotiations{
  width: 30%;
}
/*2022.09　見学一覧*/
.tour ul.tour_list li dt{
  text-align: center;
  margin-bottom: 0.5rem;
}
.tour .post h2{
  text-align: center;
  font-weight: 400!important;
  font-size: 100%;
}

.reservation .d_switch {
  display: none;
}
.reservation .mw_wp_form.mw_wp_form_input  .d_switch {
  display: block;
}
/*2023.09　リフォーム・リノベーション*/
#reform .line {
  line-height: 2em;
  text-align: center;
  margin-bottom: 5em;
}
#reform .bg_f7f7f7 {
  background-color: #f7f7f7;
  margin-bottom: 3em;
}
#reform .flow h3{
	display: flex;
	justify-content: center;
	align-items: center;
  font-size: clamp(18pt, 2vw, 26pt);
	text-align: center;
}
#reform .flow h3::before,
#reform .flow h3::after{
  content: '●';
  font-size: 60%;
  color:#c7a062;
  margin: 0.5em;
}

#reform .flow ul.arrowlist li{
  display: table;
  margin: 0 auto;
  display: table;
  position: relative;
  box-sizing: border-box;
  border: 2px solid #c7a062; 
  background-color: #FFF;
  border-radius: 10px;
  text-align: center;
  width: 80%;
}
#reform .flow ul{
  margin-bottom: 3em;
}
#reform .flow ul.arrowlist li:not(:last-child){
  margin-bottom: 60px;
}
#reform .flow ul.arrowlist li:not(:last-child):after{
  content: "\f0d7";
  font-family: FontAwesome;
  /* FontAwesome5を使用する場合はこっちに置き換えてください */
  /* font-family: "Font Awesome 5 Free"; */
  position: absolute;
  font-size: 250%;
  left: 50%;
  bottom: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: block;
  text-align: center;
  color: #c7a062; /* 矢印の色 好みに合わせて */
}
#reform .flow ul.arrowlist li dl dt{
  text-align: center;
  background-color: #c7a062;
  width: 50%;
  padding: 10px ;
  margin: auto;
  color: #fff;
  border-radius: 0 0 10px 10px;
}
#reform .flow ul.arrowlist li dl dd{
  padding: 10px 20px;
}
#reform .link_area {
  padding: 1.5em ;
  text-align: center;
}
#reform .link_area .text_bt {
  margin: 3.5em auto 2em auto;
}
#reform .link_area .text_bt a{
  background-color: #c7a062;
  padding-left: 2em;
  padding-right: 2em;
}
#reform .menu_area h3{
  text-align: center;
}
#reform .menu_area h3::before{
  content: '|';
  margin-right: 0.5em;
  color: #c08476;
}
.reform .menu_area h3::after{
  content: '|';
  margin-left: 0.5em;
  color: #c08476;
}
#reform .menu_area ul{
  flex-wrap: wrap;
}
#reform .menu_area ul li{
  width:30%;
  background-color: #c08476;
  padding: 1em;
  text-align: center;
  color: #FFF;
  border-radius: 10px;
  margin-right: 5%;
  margin-bottom: 1em;
}
#reform .menu_area ul li:nth-child(3n){
  margin-right: 0;
}
@media (max-width:559px){
  #reform .menu_area ul li{
    width:46%;
  }
  #reform .menu_area ul li,
  #reform .menu_area ul li:nth-child(3n){
    margin-right: 4%;
  }
  #reform .menu_area ul li:nth-child(2n){
    margin-right: 0;
  }
}

/*2024.06.12 Frontpage追加*/
.home #event_news {
  padding-top: 1em;
}
.home #event_news .top_banner{
  margin: 0 1rem 3rem;
}

/*2024.09.01 footer追加*/
footer ul.flex.wrap.container li.full.umano_banner {
  margin: 1rem auto 1.5rem;
}
@media (max-width:559px){
  footer ul.flex.wrap.container li.full.umano_banner {
    max-width: 180px;
    width: 180px;
  }
}
/* 2024.11.07　president追加 */
#company .president h3{
  margin-bottom: 1rem;
}
#company .president p{
  text-indent: 1em;
}
/*2025.05.28 Plan追加*/

ul.plan_top.flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 50px;
}
ul.plan_top.flex li{
  margin-bottom: 1rem;
}
ul.plan_top.flex li a{
  font-weight: normal;
  color: #231815;
  display: block;
}
ul.plan_top.flex li a:hover{
  font-weight: normal;
  color: #231815;
  text-decoration: none;
}
ul.plan_top.flex dt {
  max-height: 150px;
  overflow: hidden;
  margin-bottom: 1rem;
}
ul.plan_top.flex dt img{
  object-fit: cover;
  object-position: center center;
}

ul.plan_top.flex dd {
  text-align: center;
}
ul.plan_top.flex h3 {
  margin-bottom: .3em;
}

ul.drawing {
  width: 90%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-left: auto;
  margin-right: auto;
}
.plan h2{
  text-align: center;
  font-size: 180%;
}
.plan h2 .area_floorPlan{
  font-size: 80%;
  font-weight: normal;
}
.plan h2,
.plan h3{
  text-align: center;
}
.plan .subPhoto {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.area_floorPlan {
  background-color: #b8b8b8;
  color: #fff;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  height: 40px;
  width: 12rem;
  margin: 0.5rem auto;
}
@media (max-width:559px){
  ul.plan_top.flex {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .area_floorPlan {
    border-radius: 15px;
    height: 30px;
  }
  ul.drawing {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}

/*2024.07.17　モデルハウス追加*/
.model_house .area01.text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.model_house .area01 .img02 {
  min-width: 200px;
  width: 20%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.model_house .area01 .img03 {
  width: 60%;
  margin-bottom: 5rem;
}
.model_house .area02{
  width: 80%;
  margin:auto;
  margin-bottom: 5rem;
  justify-content: center;
  align-items: center;
}
/* .model_house .area02 li:nth-child(1){
  background-color: #42606f;
  width: 50%;
}
.model_house .area02 li:nth-child(2){
  font-size: 1.25rem;
  width: 48%;
  padding-left: 1%;
} */
.model_house .area02 li:nth-child(2) .large-font {
  font-size: 150%;
}
.model_house ul.area03.flex {
  align-items: flex-end;
  margin-bottom: 5rem;
}
.model_house ul.area03.flex > li:nth-child(1),
.model_house ul.area03.flex > li:nth-child(2){
  width: 50%;
  padding: 1rem;
}
.model_house ul.area03.flex > li:nth-child(1) h2 {
  color:#42606f;
  padding-bottom: .5rem;
  border-bottom: 1px solid #42606f;
  margin-bottom: .5rem;
}
.model_house ul.area03.flex > li:nth-child(1) li::before {
  content: '★';
}
.model_house ul.area04.flex {
  width: 80%;
  margin:auto;
  margin-bottom: 5rem;
  background-image: url(./model_house/360view_bg.png);
  border-radius: 3rem;
}
.model_house ul.area04.flex > li:nth-child(1),
.model_house ul.area04.flex > li:nth-child(2){
  width: 50%;
  padding: 2rem;
}

.model_house ul.area05.grid {
  display: grid;
	grid-template-columns: repeat(2, 48%);
	grid-template-rows: repeat(3, auto);
  column-gap: .5em;
  row-gap: .5em;
  margin-bottom: 5rem;
}
.model_house ul.area05.grid li:nth-child(1) {
	grid-row: 1 / 3;
	grid-column: 1 / 3;
}
.model_house ul.area06.flex{
  justify-content: center;
}
.model_house ul.area06.flex > li:nth-child(1),
.model_house ul.area06.flex > li:nth-child(2){
  min-height: 300px;
  padding: 1rem;
}
.model_house ul.area06.flex > li:nth-child(1){
  width: 60%;
}
.model_house ul.area06.flex > li:nth-child(2){
  width: 40%;
}
.model_house ul.area06.flex > li:nth-child(2) iframe {
  height:100%;
}

@media (max-width:959px){
  .model_house .area01,
  .model_house .area02,
  .model_house .area03,
  .model_house .area04,
  .model_house .area05,
  .model_house .area06 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
.model_house .area02 li:nth-child(2){
  font-size: 1.1rem;
}
.model_house .area02 li:nth-child(2) .large-font {
  font-size: 150%;
}
}
@media (max-width:559px){
  .model_house .flex{
    flex-direction: column;
    }
  .model_house .area02 li:nth-child(1),
  .model_house .area02 li:nth-child(2),
  .model_house ul.area03.flex > li:nth-child(1),
  .model_house ul.area03.flex > li:nth-child(2),
  .model_house ul.area04.flex > li:nth-child(1),
  .model_house ul.area04.flex > li:nth-child(2),
  .model_house ul.area06.flex > li:nth-child(1),
  .model_house ul.area06.flex > li:nth-child(2){
    width: 100%;
    }
  .model_house .area02 li:nth-child(1),
  .model_house .area02 li:nth-child(2) {
    width: auto;
  }
  .model_house ul.area05.grid li:nth-child(1) {
	grid-row: auto;
	grid-column: auto;
}
  .model_house ul.area05.grid {
    grid-template-columns: repeat(1, 100%);
    grid-template-rows: repeat(10, auto);
    column-gap: .5em;
    row-gap: .5em;
  }
  .model_house ul.area06.flex > li:nth-child(2) iframe {
    height: 300px;
  }
}

/*バナー非表示時*/
.home #event_news {
    /* top: -20vh; */
    top: -8vh;
}

/*トピックスの位置調整*/
#topics {
    transform: translate(0 , 80px);
}
@media (max-width:959px){
    #topics {
      transform: translate(0);
    }
}

/*light puls*/
.light_puls header,
.light_puls .post h2,
.light_puls .post h3,
.light_puls p,
.light_puls li {
  text-align: center;
  font-size: 1.3rem;
}
.light_puls header,
.light_puls section {
    margin-bottom: 5rem;
}
.light_puls header h1 img {
  width: 80%;
  font-style: 1.1;
}
.light_puls .bold{
  font-weight: 600;
}
.light_puls h3 {
  font-size: 2em;
}
.light_puls h3.square_style {
  font-size: 2em;
}
.light_puls h3.square_style span:nth-of-type(3){
  margin-right: 2em;
}
.light_puls h3.square_style span:nth-of-type(4){
  margin-left: 2em;
}
.light_puls .w_doted_line::after,
.light_puls .s_doted_line::after  {
  content: "";
  height: 10px;
  border-top: #101010 dotted 3px;
  border-bottom: #101010 dotted 3px;
  display: block;
  width: 100%;
  margin: 1rem auto 5rem;
}
.light_puls .s_doted_line::after  {
  border-bottom: none;

}
.light_puls .square {
  margin: 1em auto ;
  text-align: center;
}
.light_puls .square span,
.light_puls h3.square_style span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: auto .5em ;
}
.light_puls .square span:nth-of-type(1),
.light_puls h3.square_style span:nth-of-type(1),
.light_puls h3.square_style span:nth-of-type(4) {
  background-color: #ffee7d;
}
.light_puls .square span:nth-of-type(2),
.light_puls h3.square_style span:nth-of-type(2),
.light_puls h3.square_style span:nth-of-type(5) {
  background-color: #69c6e8;
}
.light_puls .square span:nth-of-type(3),
.light_puls h3.square_style span:nth-of-type(3),
.light_puls h3.square_style span:nth-of-type(6) {
  background-color: #a4d088;
}
.light_puls .arrow {
  min-height: 1.5em;
  margin: 1em auto;
  background-image: url(./light-plus/light-plus_d_arrow.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
}
.light_puls .row_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  flex-wrap: wrap;
}
.light_puls .row_flex dt{
  color: #a4d088;
  flex-wrap: wrap;
  font-weight: 500;
  flex-basis: 25%;
  text-align: right;
  margin-bottom: 0.5em;
}
.light_puls .row_flex dd{
  flex-basis: 75%;
  text-align: left;
  margin-bottom: 0.5em;
}

.light_puls .simulation ,
.light_puls .simulation p{
  text-align: left;
  font-weight: 500;
}
.light_puls .simulation .table,
.light_puls .simulation .table dd {
  display: flex;
  flex-wrap: wrap;
}

.light_puls .simulation .table .h_cell {
  background-color: #ffeebd;
  text-align: center;
}

.light_puls .simulation .table dt {
  flex-basis: 25%;
  padding: 1em 0.5em;
  background-color: #ffeed7;
  border: 1px solid #fff;
}
.light_puls .simulation .table dd{
  flex-basis: 75%;

}
.light_puls .simulation .table dd div{
  flex-basis: 50%;
  background-color: #ffeed7;
  padding: 1em 2em;
  border: 1px solid #fff;
}
.light_puls .plan_list li{
  display: flex;
}
.light_puls .specification {
  background-color: #fffaef;
  padding: 3rem 0;
}
.light_puls .plan_list li:nth-of-type(1){
  border-bottom: #101010 dotted 2px;
  margin-bottom: 3em;
  padding-bottom: 2em;
}

.light_puls .plan_last {
  max-width: 1200px ;
  margin: 0 auto auto;
}
.light_puls .plan_last h3 {
  font-size: 2em;
}
.light_puls .plan_last .w_doted_line::after{
  margin-bottom: 1rem;
}

.light_puls .plan_last .contact_bt {
  text-align: center;
}
.light_puls .plan_last .contact_bt a{
  width: 400px;
  display: inline-block;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-top: 3px #1eb9e5 solid;
  border-bottom: 3px #1eb9e5 solid;
  border-left: 1px #1eb9e5 solid;
  border-right: 1px #1eb9e5 solid;
}
@media (max-width:959px){
  .light_puls header, .light_puls section {
    margin-bottom: 3rem;
  }
  .light_puls .row_flex {
    flex-direction: column;
  }
  .light_puls .row_flex dd {
    margin-bottom: 1em;
  }
  .light_puls .w_doted_line::after, .light_puls .s_doted_line::after {
      margin-bottom: 1rem;
  }
  .light_puls .plan_last .contact_bt a{
    width: 200px;
  }
  .light_puls .plan_list li{

    flex-direction: column-reverse;
    align-items: center;
  }
}
@media (max-width:559px){
  .light_puls h3.square_style span:nth-of-type(3),
  .light_puls h3.square_style span:nth-of-type(6) {
    margin-right: 0;
  }
  .light_puls h3.square_style span:nth-of-type(1),
  .light_puls h3.square_style span:nth-of-type(4) {
    margin-left: 0;
  }
}
@media (max-width: 959px) {
  footer ul.flex.wrap.container li.left ul.menu_list.flex_main {
    display: none;
  }
  footer ul.flex.wrap.container li.right ul.company_photo {
    flex-direction: column-reverse;
  }
  footer ul.flex.wrap.container li.right ul.company_photo li.map, 
  footer ul.flex.wrap.container li.right ul.company_photo li.photo {
    width: 100%!important;
    height: 290px;
    overflow: hidden;
  }
}

/*リフォーム*/
h2.reform_logo img{
  display: block;
  width: 50%;
  max-width: 360px;
  margin: auto;
}
.innner {
  width: 80%;
  margin: auto auto 5rem;
}

@media (max-width:959px){
  .innner {
    margin: auto auto 3rem;
  }
}