@charset "UTF-8";

/* header */
.header_contents {
  padding-bottom: 0;
}

/* イベントエリア */
/*.lead_copy_childs:nth-child(2),
.lead_copy_childs:nth-child(3) {
  display: block;
}*/
.lead_copy_childs.child2,
.lead_copy_childs.child3 {
  display: block;
}

/*フッター上コンタクトリンク*/
.contact_item .common_primary_headline {
  font-size: 1.6em;
}

/* フッター */
.footer_container {
  /*gap:20px;*/
  gap: 15px;
}

@media (max-width:650px) {
  .footer_nav_item {
    font-size: 12px;
  }
}

.footer_contents_tb {
  display: block;
}

.footer_contents.tb_before:first-child {
  padding-left: 0;
  padding-right: 0;
}

.footer_contents.tb_before:last-child {
  padding-right: 0;
  padding-left: 0;
}

.footer_contents {
  /*padding:20px 15px;*/
  padding: 20px 5px;
}

.footer_nav_list {
  flex-grow: initial;
}

.tb_before::before {
  display: none;
}

.footer_nav_list.primary .footer_nav_item {
  font-size: 14px;
}

@media(max-width:650px) {
  .footer_nav_list.primary .footer_nav_item {
    font-size: 13px;
  }
}

/*.footer-sns{
  margin:15px 35px 10px;
}
.footer-under{
  padding:0 35px;
}*/
.page_top {
  right: 42px;
  top: 30px
}

.logo_link {
  margin-bottom: 20px;
}

.header-sns-tb {
  padding: 25px 30px;
}

.header-sns-tb .sns-block {
  display: flex;
  flex-wrap: wrap;
  /*align-items:center;*/
  gap: 25px;
  flex-direction: column;
  justify-content: center;
}

/*kore*/
.header-sns-tb .sns-icon {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
}

.header-sns-tb .sns-block .sns-item {
  display: flex;
  flex-direction: column;
  /*align-items:center;*/
}

.header-sns-tb .sns-block .sns-item .sns-item-text {
  font-size: 15px;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
}

.header-sns-tb .sns-block .sns-item .sns-item-img {
  width: 35px !important;
  height: auto;
  margin: 0;
  filter: invert(1);
}

.header-sns-tb .sns-block .sns-item .sns-item-img>img {
  width: 100%;
}

.header-sns-tb .sns-block .sns-item .sns-item-text>img {
  height: 14px;
  width: auto;
  padding-left: 20px;
  margin: auto 0;
}

.header-contact {
  margin: 20px 30px;
}

.header-contact-block {}

/*kore*/
.header-contact-block table {
  display: table;
  font-size: 13px;
  text-align: center;
  border: 1px solid #000;
  font-weight: 350;
  width: 100%;
  color: #000;
}

.header-contact-block table tr {}

.header-contact-block table tr:first-of-type {
  border-bottom: 1px solid #000;
}

.header-contact-block table td {
  padding: 12px 5px;
  width: 50%;
  vertical-align: middle;
  line-height: 1.3;
}

/*kore*/
.header-contact-block table td:first-of-type {
  border-right: 1px solid #000;
}

.header-contact-block table td a {
  transition: all .7s;
}

.header-contact-block table td a:hover {
  /*text-decoration: underline;*/
  opacity: .7;
}

/*kore*/
.header-tel-hours {
  margin: 20px 30px;
  color: #000;
  text-align: center;
}

.header-tel-hours .company_info_tel {
  /*font-family: "Zen Old Mincho", serif;*/
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
}

.header-tel-hours .business_hours {
  font-size: 14px;
  margin-top: 5px;
}

/***** モーダル ***********************************************/
.modal-content {
  max-width: calc(85% - 75px);
}



/*共通*/
.item-title-flex {
  width: 95%;
}

/* イベント/お知らせ一覧 */
#eventlist .temahima-block {
  padding-top: 20px;
}

#eventlist .list-item {
  /*width:calc(calc(100% / 2) - 20px);*/
  width: calc(97% / 2);
}

#eventlist .block-display {
  display: block;
}

#eventlist .block-img {
  width: 80%;
  padding-right: 0;
  margin: 0 auto;
}

#eventlist .block-text {
  width: 80%;
  padding-left: 0;
  padding-top: 20px;
}

#eventlist .text1 {
  position: relative;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

#eventlist .text2 {
  justify-content: center;
}

@media (max-width:650px) {
  #eventlist .text2 .text2-1 {
    margin-right: 10px;
  }

  #eventlist .text2 .text2-2::after {
    margin: 0 5px;
  }
}


#eventlist .archive-display {
  display: block;
}

#eventlist .archive-img {
  width: 80%;
  margin: 0 auto;
}

#eventlist .archive-text {
  width: 80%;
  margin-top: 20px;
}

/* イベント(詳細) */
#eventlist-item .wrapper-content {
  padding: 40px 50px;
}

#eventlist-item .img .img-flex .img-item {
  padding-bottom: 80px;
}

/*イベント予約フォーム*/
.forms .set .information #hope .wpcf7-list-item-label,
.forms .set .information #kinds .wpcf7-list-item-label {
  padding-left: 5px;
}

.forms .set .information #hope .wpcf7-list-item,
.forms .set .information #kinds .wpcf7-list-item {
  margin: 0 0.5em 0 0;
}

.forms .set .information input[type="radio"] {
  width: 20px;
  height: 20px;
}

.forms .set .require_trans {
  display: none;
}

.forms #timezone-r .wpcf7-list-item {
  font-size: 0.9em;
  padding-bottom: 5px;
}




/* コンセプト */
#concept .ttl02 {
  font-size: 1.8em;
}

#concept .t-content-text {
  font-size: 14px;
}

#concept .com-block-img01 {
  width: 40%;
  padding-right: 1.5%;
}

#concept .com-block-img01_top {
  margin-top: 10%;
  margin-bottom: 20%;
}

#concept .com-block-text {
  width: 50%;
  padding: 0 1.5%;
}

#concept .com-text-tate {
  font-size: 1.8em;
  margin-bottom: 20%;
}

#concept .com-text-tate>p {
  line-height: 1.8;
}

#concept .com-text-yoko {
  font-size: 0.9em;
}

#concept .com-text-yoko>p {
  line-height: 1.8;
}

#concept .com-block-img02 {
  width: 10%;
  padding-left: 1.5%;
}

#concept .com-block-img01,
#concept .com-block-text,
#concept .com-block-img02 {
  padding-top: 7%;
  margin-bottom: 3%;
}





#concept .rule-ttl {
  margin: 30px auto;
}

#concept .rule-ttl-text {
  width: 50%;
}

#concept .rule-num-box {
  margin-bottom: 10px;
}

#concept .rule-box {
  font-size: 1.6em;
  padding: 5px;
}

#concept .rule-num {
  font-size: 5em;
  padding-left: 25px;
}

#concept .rule-title {
  font-size: 1.7em;
}

#concept .rule-content .content-text {
  font-size: 1em;
}

#concept .view-block {
  padding-top: 50px;
}

#concept .view-text {
  font-size: 1.5em;
}

/***** 悠建築の家づくりの4つのページの最下部共通 *****************************/
.four-block {
  background-image: url(../images/four-concept.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: -40px;
}

.four-block .view-box {
  width: calc(calc(100% / 2) - 20px);
  margin-right: 10px;
  margin-bottom: 10px;
}

.four-block .view-box:nth-child(2n) {
  margin-right: 0;

}

.four-block .view-text {
  /*font-size:1.05em;*/
  font-size: 1.3em;
  letter-spacing: 0;
}

/***** アフターサービス＆保証＆点検 *********************/

#after-service .gua-transparent {
  height: 7vw;
}

@media (max-width:700px) {
  #after-service .gua-transparent {
    height: 12vw;
  }

  #after-service .inspection-block {
    align-items: normal;
  }
}


/***** おうちづくりの流れ *****************************/
/*#flow .flow-item-step{
  padding-bottom:20px;
}
#flow .flow-item-ttl{
  padding-bottom:20px;
}*/

/***** 「木と暮らす」＋「脱炭素」************************************/
#wood .wood-block01-flex {
  padding-bottom: 100px;
}

#wood .wood-block01-img {
  /*width:43%;*/
}

#wood .wood-block01-text {
  /*width:57%;*/
  font-size: 1.4em;
}

@media (max-width:750px) {
  #wood .wood-block01-text {
    /*font-size:1.1em;
    padding-left:3%;*/
  }
}

#wood .dom-block-ttl {
  font-size: 1.6em;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#wood .dom-block-add {
  font-size: 1.35em;
}

/*************************************/
#wood .reason-box.reason-flex {
  display: block;
}

#wood .reason-item {
  width: 100%;
}

#wood .reason-flex>.reason-item {
  width: 100%;
}

#wood .reason-flex>.reason-item:nth-child(1) {
  padding-right: 0;
  padding-bottom: 50px;
}

#wood .reason-flex>.reason-item:nth-child(2) {
  padding-left: 0;
}

#wood .reason-flex .reason-text {
  width: auto;
}

#wood .reason-flex .reason-img {
  width: 220px;
  max-width: 220px;
  min-width: 220px;
  padding-left: 10px;
}

/********************************************/
#wood .block06-add {
  font-size: 1.6em;
}

/***** 「快適な住まい」へのこだわり＋ZEH **********************************/
#zeh .zeh-wrap {
  padding: 7% 5%;
}

#zeh .block01-itemflex-text {
  min-width: unset;
  /*font-size:2vw;*/
}

#zeh .block01-itemflex-img {
  width: 50%;
}

#zeh .block01-detail-item.detail-item-flex {
  flex-direction: column;
}

#zeh .block01-detail-ttl {
  font-size: 0.9em;
}

/*****分譲住宅 ********************************/
#rb-house .list-item {
  width: calc(97% / 2);
}

/***** LAND INFORMATION ********************************/
#land .list-item {
  width: calc(97% / 2);
}

/***** エリア紹介 **************************/
.area-intro .area-box-ttl {
  font-size: 1.3em;
}

.area-intro .another01-title {
  font-size: 1.2em;
}

/***** エリア紹介(筑紫野町) *****************/
.area-intro .another02-item-ttl {
  font-size: 1.2em;
}

.area-intro .gray-item-num {
  width: 50px;
  height: 50px;
}

.area-intro .area-block-another03 .another02-item-ttl {
  font-size: 1.1em;
  min-height: 39.58px;
  line-height: 1.8;
}

@media (max-width:750px) {
  .area-intro .gray-item02 .gray-item-ttl {
    font-size: 0.9em;
    letter-spacing: -1px;
  }
}

@media (max-width:670px) {

  .area-intro .area-block-another03 .another02-item-ttl.another02-item-ttl-tyousei {
    font-size: 0.95em;
  }
}

/***** CUSTOMER VOICE ***********************/
#after-int .picvoice-item>a {
  width: 90%;
}

#after-int .picvoice-item>a::after {
  padding: 5px 23px;
}

#after-int .picvoice-item>a {
  font-size: clamp(18px, 1vw, 20px);
  padding: 10px 5px;
}

#after-int .picvoice-item>a::after {
  padding: 5px 20px;
}

/*************************/
.from-reservation {
  min-height: 300px;
}

.reservation-wrap {
  min-height: 300px;
}

.reservation-ttl {
  font-size: 1em;
  text-align: center;
  padding-bottom: 3%;
  letter-spacing: 3px;
}

.reservation-text {
  font-size: 1.5em;
  text-align: center;
  padding-bottom: 5%;
}

.reservation-box>a {
  padding: 7px;
  font-size: clamp(15px, 1vw, 18px);
  margin-bottom: 3%;
  letter-spacing: 1px;
}

.reservation-box>a::after {
  padding: 5px 18px;
  margin-left: 5px;
}

@media (max-width:700px) {
  .reservation-box>a {
    padding: 5px 1px;
    font-size: clamp(14.5px, 1vw, 18px);
    width: 80%;
  }

  .reservation-box>a::after {
    padding: 5px 15px;
    margin-left: 5px;
  }
}

/***** アフターインタビュー(詳細) **************************/
.after-pagenation {
  width: 90%;
  font-size: 1em;
  letter-spacing: 1px;
}

.af-page-item>a {
  white-space: nowrap;
  padding: 7px 15px;
}

.res-title {
  width: 100%;
  padding-top: 20px;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: -4%;
}

.res-ttl {
  font-size: 2em;
}

/* イベント/お知らせ一覧 */

#newslist .list-item {
  width: calc(94% / 3);
}


/***** COMPANY ************************/
#company .policy-ttl {
  /*font-size:3.5em;*/
  /*font-size:3.2em;*/
  font-size: 3.1em;
  letter-spacing: 8px;
}

#company .policy-ttl::after {
  top: -12%;
  font-size: 0.45em;
}

/***** RECRUIT ***************************/
#recruit .top-block {
  top: -250px;
}


/***** スタッフ紹介 **********************/
.staff .list .list-item {
  width: calc(80% / 3);
}

/*****************************************/
.staff .information-box-inner {
  width: 80%;
  min-width: unset;
}

@media(max-width:800px) {
  .staff .information-box-inner {
    width: 90%;
    min-width: unset;
  }

  .staff .information-box-inner-text {
    font-size: 1em;
  }

  .staff .contact_arrow_ico_img {
    width: 60px;
    min-width: 60px;
  }
}

/*スタッフページのモーダル*/
.staffmodal-content {
  max-width: calc(85% - 75px);
}

.staffmodal-area {
  gap: 20px;
}

/*.staffmodal-image{
  max-width:200px;
  max-height:200px;
}*/
.staffmodal-free {
  font-size: 0.95em;
}

.staffmodal-hobby {
  padding-left: 65px;
}

.staffmodal-favorite {
  padding-left: 120px;
}

/*@media (max-width:700px){
  .staffmodal-image{
    max-width:160px;
    max-height:160px;
  }
}*/