@charset "UTF-8";
.bg-red {
  background-color: #E50012 !important; }

.bg-brawn {
  background-color: #611012 !important; }

.bg-yellow {
  background-color: #ffe900 !important; }

.bg-yellow--darken {
  background-color: #ffd200 !important; }

.bg-pink {
  background-color: #F8B3B9 !important; }

.bg-blue {
  background-color: #3FB7EB !important; }

.bg-green {
  background-color: #17B6A5 !important; }

.bg-orange {
  background-color: #EEA452 !important; }

.bg-purple {
  background-color: #5558A3 !important; }

.top__title-radius-bar.size-md {
  display: table;
  margin: 0 auto 2px;
  color: #000;
  padding: .2em 1em; }
  @media screen and (max-width: 37.4375em) {
    .top__title-radius-bar.size-md {
      font-size: 16px; } }

@media screen and (max-width: 37.4375em) {
  .top-seeking {
    padding-top: 10px; } }
.top-seeking .top__lead-heading {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  font-family: "Shin Maru Go DemiBold"; }
  @media screen and (max-width: 37.4375em) {
    .top-seeking .top__lead-heading {
      font-size: 20px;
      margin-bottom: 5px; } }

.top-seeking__container {
  background: #fff1cf;
  border-radius: 5px;
  padding: 20px 10px;
  box-sizing: border-box;
  margin: 0 0 20px 0; }
  @media screen and (max-width: 37.4375em) {
    .top-seeking__container {
      padding: 10px 0; } }
  @media screen and (max-width: 37.4375em) {
    .top-seeking__container .item {
      width: 45.3125%; }
      .top-seeking__container .item:nth-child(odd) {
        margin-right: 1.5625%; }
      .top-seeking__container .item:nth-child(even) {
        margin-left: 1.5625%; } }
  .top-seeking__container .text-btn {
    display: table;
    padding-top: 20px;
    margin: 0 auto;
    clear: both; }
    .top-seeking__container .text-btn a {
      position: relative;
      padding: 8px 50px 7px; }
    .top-seeking__container .text-btn .fa-angle-double-right:before {
      position: relative;
      top: 5px; }
      @media screen and (max-width: 37.4375em) {
        .top-seeking__container .text-btn .fa-angle-double-right:before {
          position: absolute;
          top: 50%;
          margin-top: -0.5em;
          right: 1em; } }

.status-heading {
  width: 100%;
  height: 48px;
  line-height: 38px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  font-family: "Shin Maru Go DemiBold";
  box-shadow: 0 0 0 1px #fff inset;
  margin-bottom: 12px; }
  @media screen and (max-width: 37.4375em) {
    .status-heading {
      font-size: 16px;
      height: 44px;
      line-height: 34px;
      margin-bottom: 5px; } }

.is-active .status-heading {
  background: #E50012;
  border: solid 5px #E50012; }

.is-pending .status-heading {
  background: #E50012;
  border: solid 5px #E50012; }
  .is-pending .status-heading span {
    display: inline-block;
    position: relative; }
  .is-pending .status-heading span:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -70px;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    content: '商談中';
    background: #ffe100;
    padding: .2em .5em;
    line-height: 1;
    font-size: .8em;
    font-family: "Shin Maru Go DemiBold";
    color: #000; }
    @media screen and (max-width: 37.4375em) {
      .is-pending .status-heading span:after {
        right: -60px; } }

.is-finish .status-heading {
  background: #666666;
  border: solid 5px #666666; }
.is-finish .item__entry__imgwrap:after {
  content: '';
  display: block;
  width: 157px;
  height: 35px;
  background: url("../img/common/finish-label-md.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -78.5px; }
  @media screen and (max-width: 37.4375em) {
    .is-finish .item__entry__imgwrap:after {
      content: '';
      display: block;
      width: 120px;
      height: 26px;
      background: url("../img/common/finish-label-sm.png") center center no-repeat;
      background-size: contain;
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -60px; } }

.item__entry__heading {
  font-size: 20px;
  line-height: 1.5;
  font-family: "Shin Maru Go DemiBold";
  padding-left: 5px;
  font-weight: bold;
  margin-bottom: 3px; }
  @media screen and (max-width: 37.4375em) {
    .item__entry__heading {
      font-size: 16px;
      margin-bottom: 5px; } }
.item__entry__imgwrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 5px; }
  .item__entry__imgwrap a {
    display: block; }
  .item__entry__imgwrap img {
    width: 100%;
    vertical-align: middle; }
.item__entry__unit-txt > p {
  font-size: 12px; }
  @media screen and (max-width: 37.4375em) {
    .item__entry__unit-txt > p {
      font-size: 13px;
      line-height: 1.6; } }

/* @ owner-recruiting/index and entry
// ------------------------------------------------------------ */
.index-owner-recruiting-box {
  margin-bottom: 100px; }
  .index-owner-recruiting-box:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 37.4375em) {
    .index-owner-recruiting-box {
      margin-bottom: 50px; } }

.modelh-img {
  margin-bottom: 30px;
  position: relative; }

.is-finish .modelh-img:after {
  content: '';
  display: block;
  width: 364px;
  height: 79px;
  background: url("../img/common/finish-label-lg.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -182px; }
  @media screen and (max-width: 37.4375em) {
    .is-finish .modelh-img:after {
      content: '';
      display: block;
      width: 182px;
      height: 40px;
      background: url("../img/common/finish-label-lg.png") center center no-repeat;
      background-size: contain;
      position: absolute;
      bottom: 15px;
      left: 50%;
      margin-left: -91px; } }


/* @ 
// ------------------------------------------------------------ */

/* @
<div class="alert alert--error">
  <h2 class="alert-title">8/6 フリーダイヤル回線不通について</h2>
  <p class="alert-text">一時的な回線障害のため、復旧までのお問い合わせにつきましては、下記フリーダイヤル【<a href="tel:0120-294-849">0120-294-849</a>】へご連絡をお願い申し上げます</p>
</div>
*/

.alert{
  border: solid 4px #ccc;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 15px;
}
.alert--error{
  border-color: #E50012;
  background: #fff4f4;
}

.alert-title{
  margin: 0 auto .45em;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
}
.alert-text{
  font-size: 16px;
}

/* @ 2022.02.08 追記 header バナーセクション改修
// ------------------------------------------------------------ */

.top-bnr {
  margin-bottom: 16px;
}

.header-line__bnr{
  width: 29%;
  float: left;
}

.header-info__event{
  width: 30%;
  margin-left: 5px;
}
.header-info__contact{
  margin-left: 10px;
}

/* @ 2022.08.12 追記 TOP イベントセクション レイアウト修正
// ------------------------------------------------------------ */

@media (min-width: 600px) {
  .top-event__body .thumbnail {
    max-width: 75%;
    margin: 0 auto;
    float: none;
  }
}

/* @ 2022.09.23 追記 平屋の良さページ スタイルパーツ作成
// ------------------------------------------------------------ */

.hiraya-heading01 {
  margin-bottom: 25px;
  padding: 0 66px 0 46px;
  position: relative;
}

.hiraya-heading01:before {
  content: "";
  width: 84px;
  height: 70px;
  background: url("../img/advantages-onestoriedhouse/hiraya-heading01-elm01.png") center center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;

}

.hiraya-heading01:after {
  content: "";
  width: 106px;
  height: 61px;
  background: url("../img/advantages-onestoriedhouse/hiraya-heading01-elm02.png") center center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
}


.hiraya-heading01__title{
  display: inline-block;
  margin: 0;
  padding: 15px 0 10px;
  width: 100%;
  background: #E50B18;
  border-radius: 10px 10px 0 0;
  border-bottom: 7px solid #FFE840;
  text-align: center;
  font-family: "Shin Maru Go Bold";
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.029em;
}

.acms-entry .hiraya-heading02 {
  overflow: visible;
}

.hiraya-heading02 {
  margin-bottom: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.hiraya-heading02__title{
  padding: 7px 0;
  width: 359px;
  background: #DC0A17;
  font-family: "Shin Maru Go Bold";
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.029em;
  line-height: 1;
  text-align: center;
  position: relative;
}

.hiraya-heading02__title:before {
  content: "";
  display: block;
  width: 13px;
  height: 100%;
  background: #980009;
  position: absolute;
  bottom: -4px;
  left: -6px;
  z-index: -1;

}

.hiraya-heading02__title:after {
  content: "";
  display: block;
  width: 13px;
  height: calc(100% - 4px);
  background: #980009;
  position: absolute;
  bottom: -4px;
  right: -6px;
  z-index: -1;
}

.visible-sm {
  display: none;
}

@media screen and (max-width: 37.4375em) {
  .visible-sm {
    display: block;
  }

  .hiraya-heading01 {
    padding: 0 16px;
  }

  .hiraya-heading01:before {
    content: "";
    width: 64px;
    height: 50px;
    background: url("../img/advantages-onestoriedhouse/hiraya-heading01-elm01.png") center center no-repeat;
    background-size: contain;

  }

  .hiraya-heading01:after {
    content: "";
    width: 86px;
    height: 41px;
    background: url("../img/advantages-onestoriedhouse/hiraya-heading01-elm02.png") center center no-repeat;
    background-size: contain;
  }


  .hiraya-heading01__title{
    font-size: 24px;
  }

  .hiraya-heading02__title{
    font-size: 20px;
  }
}

/*2023/03/02 instagram 連携のためのパーツコーディング */

.instagram_grid_logo{
  margin: 0 auto;
  max-width: 250px;
}

.instagram_grid_logo img{
  width: 100%;
  max-width: 100%;
}

.instagram_grid{
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.instagram_grid_header{
  width: 100%;
  margin-bottom: 20px;
}

.instagram_grid_header a{
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: center;
  width: 100%;
  transition: .3s;
}

.instagram_grid_header a:hover{
  text-decoration: none;
  opacity: .7;
  transition: .3s;
}

.instagram_icon{
  position: relative;
  width: 30%;
  max-width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #333;
  text-align: center;
  vertical-align: middle;
  margin-right: 20px;
}


.instagram_icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform : translate(-50%,-50%);
  width: 50%;
  max-width: 100%;
}

.instagram_lead{
  display: block;
  width: calc(100% - 30%);
  font-size: 20px;
}


.instagram_gridGroup{
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: stretch;
}

.instagram_gridItem{
  position: relative;
  width: calc((100% - 40px) / 5);
  margin-right: 10px;
  margin-bottom: 10px;
}

.instagram_gridItem:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.instagram_gridItem a{
  display: block;
  transition: .3s;
}

.instagram_gridItem a:hover{
  opacity: .7;
  transition: .3s;
}

.instagram_gridItem img{
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
  margin: auto;
}

.instagram_gridItem:nth-of-type(5n){
  margin-right: 0;
}

.btn_group_center{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.load_btn{
  display: block;
  cursor: pointer;
  border-radius: 5px;
  color: #fff;
  background-color: #333;
  min-width: 120px;
  padding: 8px 0 7px;
  text-align: center;
  transform: .3s;
  margin-right: 12px;
  font-weight: bold;
}

.load_btn:link,
.load_btn:visited,
.load_btn:active,
.load_btn:focus{
  color: #fff;
}

.load_btn:hover{
  color: #fff;
  text-decoration: none;
  opacity: .7;
  transition: .3s;
}

.instaFollow_btn{
  display: block;
  border-radius: 5px;
  background-color: #408bd1;
  color: #fff;
  text-align: center;
  min-width: 186px;
  padding: 8px 0 7px;
  transition: .3s;
  font-weight: bold;
}

.instaFollow_btn:link,
.instaFollow_btn:visited,
.instaFollow_btn:active,
.instaFollow_btn.focus{
  color: #fff;
}

.instaFollow_btn:hover{
  box-shadow: inset 0 0 10px 20px #359dff;
  transition: .3s;
  text-decoration: none;
}


@media screen and (max-width: 37.4375em) {
  .instagram_gridItem{
    width: calc((100% - 20px) / 3);
  }

  .instagram_gridItem:nth-of-type(5n){
    margin-right: 10px;
  }

  .instagram_gridItem:nth-of-type(3n){
    margin-right: 0;
  }

  .load_btn{
    min-width: 140px;
  }
  
}

/*2023/05/08  公式LINE誘導ページのための追加コーディング*/

.text_caution{
  color: #E50B18;
}

.fz_18{
  font-size: 18px!important;
}

.officialLine_heading01 {
  margin-bottom: 25px;
  padding: 0 66px 0 46px;
  position: relative;
}

.acms-entry{
  .officialLine_heading01 {
    overflow: visible;
  }
}

.officialLine_heading01:before {
  content: "";
  width: 61px;
  height: 100px;
  background: url("../img/line/officialLine_heading_elm01.png") center center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 10%;

}

.officialLine_heading01:after {
  content: "";
  width: 82px;
  height: 100px;
  background: url("../img/line/officialLine_heading_elm02.png") center center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 8%;
}


.officialLine_heading01_title{
  display: inline-block;
  margin: 0;
  padding: 15px 0 10px;
  width: 100%;
  background: #E50B18;
  border-radius: 10px 10px 0 0;
  border-bottom: 7px solid #FFE840;
  text-align: center;
  font-family: "Shin Maru Go Bold";
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.029em;
}

.acms-entry .officialLine_heading02 {
  overflow: visible;
}

.officialLine_heading02 {
  margin-bottom: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.officialLine_heading02_title{
  padding: 7px 0;
  width: 475px;
  background: #DC0A17;
  font-family: "Shin Maru Go Bold";
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.029em;
  line-height: 1;
  text-align: center;
  position: relative;
}

.officialLine_heading02_title:before {
  content: "";
  display: block;
  width: 13px;
  height: 100%;
  background: #980009;
  position: absolute;
  bottom: -4px;
  left: -6px;
  z-index: -1;

}

.officialLine_heading02_title:after {
  content: "";
  display: block;
  width: 13px;
  height: calc(100% - 4px);
  background: #980009;
  position: absolute;
  bottom: -4px;
  right: -6px;
  z-index: -1;
}


.officialLine_cta{
  max-width: 706px;
  background-color: #5ABF65;
  padding: 50px 65px;
  margin: 0 auto;
}

.officialLine_heading03{
  position: relative;
  font-family: "Shin Maru Go Bold";
  font-size: 23px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 21px;
}

.acms-entry .officialLine_heading03 {
  overflow: visible;
}

.officialLine_heading03:before{
  position: absolute;
  content: '';
  top: 50%;
  left: 24%;
  background-color: #FFFFFF;
  transform: rotate(-20deg) translate(0%,-50%);
  width: 3px;
  height: 1em;
}

.officialLine_heading03:after{
  position: absolute;
  content: '';
  top: 50%;
  right: 24%;
  background-color: #FFFFFF;
  transform: rotate(20deg) translate(0%,-50%);
  width: 3px;
  height: 1em;
}

.officialLine_btn{
  position: relative;
  display: block;
  font-family: "Shin Maru Go Bold";
  font-size: 30px;
  text-align: center;
  background-color: #E50B18;
  border: 2px solid #FFFFFF;
  border-radius: 2em;
  max-width: 437px;
  margin: 0 auto 30px;
  padding: 18px 0 17px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.3);
  transition: .3s;
}

.officialLine_btn:hover{
  transition: .3s;
  opacity: .7;
}

.officialLine_btn:after{
  position: absolute;
  content: '';
  top: 50%;
  right: 15%;
  width: 15px;
  height: 15px;
  border-top: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
  transform: rotate(45deg) translate(0%,-50%);
}

.acms-entry .officialLine_btn{
  text-decoration: none;
  color: #FFFFFF;
}

.officialLine_businesshoursList{
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.officialLine_cta .textUnit{
  text-align: center;
  color: #FFFFFF;
}

.officialLine_cta .textUnit p{
  font-size: 18px;
}

@media screen and (max-width: 37.4375em) {

  .hidden_sm{
    display: none;
  }

  .officialLine_cta{
    padding: 36px 28px;
    margin: 0 10px;
  }

  .officialLine_heading01 {
    padding: 0 16px;
  }

  .officialLine_heading01:before {
    left: 0;
    width: 75px;
    height: 50px;
    background-size: contain;
  }

  .officialLine_heading01:after {
    right: 0;
    width: 75px;
    height: 55px;
    background-size: contain;
  }


  .officialLine_heading01_title{
    font-size: 24px;
  }

  .officialLine_heading02_title{
    font-size: 20px;
  }

  .officialLine_heading03:before{
    left: 5%;
  }

  .officialLine_heading03:after{
    right: 5%;
  }

  .officialLine_btn{
    font-size: 20px;
  }

  .officialLine_btn:after{
    width: 10px;
    height: 10px;
  }

  .officialLine_businesshoursList{
    font-size: 16px;
  }

  .officialLine_cta .textUnit p{
    font-size: 16px;
  }

}

@media screen and (max-width: 414px){
  .officialLine_heading03:before{
    left: 2%;
  }

  .officialLine_heading03:after{
    right: 2%;
  }
}


/*2023/06/15 来店予約フォーム修正のための追加記述*/

.reservationImgUnitGroup {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
}

.reservationImgUnit{
  width: calc((100% - 16px) / 2);
  margin-right: 16px;
}

.reservationImgUnit img{
  width: 100%;
}

.reservationImgUnit:nth-child(2n){
  margin-right: 0;
}

@media screen and (max-width: 37.4375em){
  .reservationImgUnitGroup{
    display: block;
  }

  .reservationImgUnit{
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }

  .reservationImgUnit:nth-child(2n){
    margin-bottom: 0;
  }
}

/*2025/06/13 イベント情報エントリー内で使うボタンのために追加記述*/

.text-btn.event-text-btn a{
  width: 300px;
  padding: 11px 30px;
}

@media screen and (max-width: 37.4375em) {
  .text-btn.event-text-btn a{
    width: 100%;
    padding: 16px 30px;
    font-size: 1rem;
  }
}