@charset "utf-8";
/* CSS Document */
/*タイトル内の記述*/

.showroom .ttl_nav_wrap .sec_ttl .ttl_jp {
  font-size: 3.2rem;
  line-height: 1.3;
}
.showroom .ttl_nav_wrap .sec_ttl a.back_page {
  width: 300px;
  border: #ff9933 1px solid;
  color: #ff9933;
  display: block;
  text-align: left;
  padding: 22px 0 22px 50px;
  font-size: 1.6rem;
}
.showroom .ttl_nav_wrap .sec_ttl a.back_page:hover {
  border: #323232 1px solid;
  color: #fff;
  background: #323232;
}
.showroom .ttl_nav_wrap .sec_ttl a.back_page i {
  margin: 0 15px 0 0;
}
.showroom .ttl_nav_wrap .sec_ttl a.back_page i:before {
  content: "\f105";
}
.show_manager_name {
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .showroom .ttl_nav_wrap {
    padding: 20px 0 0 0;
    min-height: auto;
  }
  .showroom .ttl_nav_wrap .sec_ttl a.back_page {
    text-align: center;
    padding: 10px;
    width: auto;
    top: 110px;
  }
}

@media screen and (max-width: 480px) {
  .showroom .ttl_nav_wrap .sec_ttl .ttl_jp {
    font-size: 2.8rem;
  }
  .showroom .ttl_nav_wrap .sec_ttl .ttl_ja {
    margin-bottom: 20px;
  }
  .showroom .ttl_nav_wrap .sec_ttl a.back_page {
    text-align: center;
    padding: 10px;
    width: auto;
    top: 100px;
    position: static;
  }
}

/*タイトル下画像*/
.show_head_img {
  max-width: 1040px;
  margin: 50px auto 40px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .show_head_img {
    max-width: 96%;
    margin: 30px auto 0;
  }
}
/*フレックスボックスの設定*/
.showroom .flex {
  display: flex;
  flex-wrap: wrap;
}
/*電話アイコン*/
.showroom .icon_phone {
  transform: scaleX(-1);
}
.showroom .icon_phone:before {
  content: "\f095";
}
/*=== 事例フォト ===*/
.showroom .example_photo {
  margin: 90px auto 120px;
}
.showroom .example_photo .title {
  font-weight: bold;
  text-align: center;
  font-size: 2.8rem;
}
.showroom .example_photo .text {
  margin: 40px 0 0;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.showroom .example_photo .text .align {
  text-align: center;
  display: inline-block;
  padding: 0 20px;
}
.showroom .example_photo .img_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0;
}
.showroom .example_photo .img_flex img {
  width: 48.5%;
  margin: 30px 0 0;
}

@media screen and (max-width: 768px) {
  .showroom .example_photo .text .align {
    text-align: left;
  }
  .showroom .example_photo .text .align .break {
    display: inline;
  }
}
/*店舗情報*/
.showroom .detail {
  margin: 80px auto 0 auto;
}
.showroom .detail .flex {
  justify-content: space-between;
}
.showroom .detail .flex .appearance {
  width: 50%;
}
.showroom .detail .flex .appearance img {
  width: 100%;
}
.showroom .detail .flex .infomation {
  width: 45%;
  position: relative;
  padding: 0 0 64px 0;
}
.showroom .detail .flex .infomation dl,
.showroom .detail .flex .infomation ul {
  width: 100%;
}
.showroom .detail .flex .infomation dt {
  font-size: 2.1rem;
  line-height: 3.6rem;
  font-weight: bold;
}
.showroom .detail .flex .infomation address {
  font-size: 1.6rem;
  line-height: 3.6rem;
}
.showroom .detail .flex .infomation .free_dial {
  font-size: 2.8rem;
  line-height: 4.9rem;
  font-weight: bold;
}
.showroom .detail .flex .infomation .free_dial i {
  margin: 0 1rem 0 0;
}
.showroom .detail .flex .infomation .free_dial.free_dial_text {
  font-size: 2.5rem;
  line-height: 1.5;
}
.showroom .detail .flex .infomation .direct_dial,
.showroom .detail .flex .infomation .business_hours,
.showroom .detail .flex .infomation .access,
.showroom .detail .flex .infomation .area {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.showroom .detail .flex .infomation .direct_dial span {
  margin: 0 1rem 0 0;
}
.showroom .detail .flex .infomation .direct_dial i {
  margin: 0 0.5rem 0 0;
}
.showroom .detail .flex .infomation .conversion {
  position: absolute;
  bottom: 0;
}
.showroom .detail .flex .infomation .conversion li {
  width: 47.5%;
}
.showroom .detail .flex .infomation .conversion a {
  display: inline-block;
  width: 100%;
  background: #ff7033;
  text-align: center;
  color: #fff;
  font-size: 1.9rem;
  line-height: 6.4rem;
  font-weight: bold;
}
.showroom .detail .flex .infomation .conversion a:hover {
  background: #000;
}
.showroom .detail .flex .infomation .arrow {
  margin: 0 15px 0 0;
}
.showroom .detail .flex .infomation .arrow:before {
  content: "\f105";
}
.showroom .detail .map_open {
  font-size: 1.6rem;
  line-height: 6rem;
  text-align: center;
  color: #fff;
  background: #858585;
  max-width: 300px;
  width: 100%;
  margin: 50px auto 0 auto;
  display: block;
}
.showroom .detail .google_map {
  margin: 30px 0 0 0;
}
.showroom .detail .map_open:hover {
  background: #323232;
}
.showroom .detail .map_open i:before {
  content: "\f00e";
}

@media screen and (max-width: 768px) {
  .showroom .detail .flex .infomation .conversion {
    position: relative;
    margin: 20px 0 0;
  }
  .showroom .detail .flex .appearance,
  .showroom .detail .flex .infomation {
    width: 100%;
  }
  .showroom .detail .flex .infomation {
    margin: 20px 0 0;
    padding: 0 0 20px 0;
  }
}

@media screen and (max-width: 480px) {
  .showroom .detail .flex .infomation .conversion a {
    font-size: 1.4rem;
    line-height: 5rem;
  }
  .showroom .detail .google_map {
    height: 200px;
  }
}
/*プロダクト*/
.showroom .product {
  margin: 30px auto 0 auto;
  padding: 30px 0 70px;
  /* background: #F5F5F5;*/
}
.showroom .product .ttl {
  margin: 0 auto 60px auto;
  font-size: 2.8rem;
  line-height: 4.9rem;
  text-align: center;
}
.showroom .product .ttl span.img {
  display: block;
  margin: 0 auto 20px auto;
}
.showroom .product .read {
  max-width: 540px;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.showroom .product ul.flex {
  margin: 55px 0 0 0;
  justify-content: space-around;
}
.showroom .product .flex li {
  width: 27%;
  border: 1px solid #b2b2b2;
  padding: 25px 15px 15px;
  background: #fff;
}
.showroom .product .tag {
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 8px 0;
}
.showroom .product img {
  max-width: 100%;
}
.showroom .product .tag .type {
  display: inline-block;
  width: 95px;
  background: #ff9933;
  line-height: 2.8rem;
  text-align: center;
  color: #fff;
  border-radius: 12px;
}
.showroom .product dl.flex {
  font-size: 1.6rem;
}
.showroom .product dl.flex dt {
  width: 75px;
  margin: 10px 10px 0 0;
  padding: 0 0 0 5px;
  line-height: 2.8rem;
  background: #d4d4d4;
}
.showroom .product dl.flex dd {
  width: calc(100% - 90px);
  line-height: 2.8rem;
  margin: 10px 0 0 0;
}
.showroom .product .show_more {
  width: 300px;
  border: #ff9933 1px solid;
  color: #ff9933;
  display: block;
  text-align: center;
  padding: 22px 0 22px 0;
  font-size: 1.6rem;
  margin: 70px auto 0;
}
.showroom .product .show_more:hover {
  color: #fff;
  background: #323232;
  border: 1px solid #323232;
}
.showroom .product .show_more i:before {
  content: "\f105";
  margin: 0 1rem 0 0;
}

.bnr_item {
  text-align: center;
  margin: 80px auto;
}
.bnr_item img {
  max-width: 100%;
  transition: 0.5s all;
}
.bnr_item img:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .showroom .product ul.flex {
    justify-content: space-between;
  }
  .showroom .product .flex li {
    width: 48%;
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 480px) {
  .showroom .product .flex li {
    width: 100%;
  }
  .showroom .product .show_more {
    width: 100%;
  }
}
/*ギャラリー*/
.showroom .gallery .gallery_list {
  display: flex;
  flex-wrap: wrap;
}
.showroom .gallery .gallery_list .box {
  flex-basis: 23%;
  width: 100%;
  border: 1px solid #eee;
  margin: 0 1% 30px;
  transition: 0.3s;
}
.showroom .gallery .gallery_list .box a {
  transition: 0.2s ease-in-out;
  display: block;
  height: 100%;
  padding-bottom: 15px;
}
.showroom .gallery .gallery_list .box .box_ttl {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 15px auto 0.5em;
  padding: 0 3%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.8em;
}
.showroom .gallery .gallery_list .box .gallery-data {
  /*  display: flex;
  flex-wrap: wrap;*/
  background: #fff;
  padding: 4px 3% 0;
  margin-bottom: 0;
}
.showroom .gallery .gallery_list .box .gallery-data li {
  margin-bottom: 4px;
  line-height: 1.5;
  display: flex;
}
/*.showroom .gallery .gallery_list .box .gallery-data li {
  margin-top: 5px;
  line-height: 1.5;
}
.showroom .gallery .gallery_list .box .gallery-data li:first-child {
  margin-right: 1em;
}*/
.showroom .gallery .gallery_list .box .gallery-data li.data-family {
  width: 100%;
}
.showroom .gallery .gallery_list .box .gallery-data li span {
  /*border: 2px solid #005C3F;
  
  padding: 0 5px;
  margin-right: 0.2em;*/
  position: relative;
  display: inline-block;
  max-width: 1em;
  width: 100%;
}
.showroom .gallery .gallery_list .box .gallery-data li span.g_d_txt {
  max-width: inherit;
  width: auto;
  margin-left: 1rem;
}
.showroom .gallery .gallery_list .box .gallery-data li span.g_d_ttl {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .showroom .gallery .gallery_list::after {
    content: "";
    display: block;
    width: 30%;
  }
  .showroom .gallery .gallery_list .box:hover {
    box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.2);
  }
  .showroom .gallery .gallery_list .box a:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 960px) {
  .showroom .gallery .gallery_list .box .gallery-data li {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .showroom .gallery .gallery_list .box {
    flex-basis: 48%;
  }
  .showroom .gallery .gallery_list .box:nth-child(2n) {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 660px) {
  .showroom .gallery .gallery_list .box .gallery-data {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .showroom .gallery .gallery_list .box .box_ttl {
    font-size: 1.4rem;
  }
  .showroom .gallery .gallery_list .box .gallery-data li {
    font-size: 1.2rem;
  }
}
/*ギャラリー　テキスト省略*/
.gallery_list .ellipsis {
  background: #fff;
  overflow: hidden;
  width: 100%;
}
.gallery_list .ellipsis_inner {
  /*height: 50px;*/
  line-height: 1.4;
  position: relative;
  display: block;
}
.gallery_list .ellipsis_inner:before {
  content: "...";
  top: 22px;
  right: 0;
  background: #fff;
  position: absolute;
}
.gallery_list .ellipsis_inner:after {
  content: "";
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
}

/*スタッフからのコメント*/
.showroom .staff_voice {
  margin-top: 80px;
}
.showroom .staff_voice .voice_block .block_ttl {
  font-weight: bold;
  font-size: 2.1rem;
  margin-bottom: 15px;
}
.showroom .staff_voice .voice_block .block_ttl i {
  font-size: 2.4rem;
  margin-right: 0.3em;
}
.showroom .staff_voice .voice_block {
  border: 1px solid #b2b2b2;
  padding: 30px 2.5% 40px;
  line-height: 2.8rem;
  background: url(../../img/showroom/showroom_staffvoice_bg.png) no-repeat left -50px
    top 10px;
}
.showroom .staff_voice .voice_block .row {
  flex-direction: row-reverse;
  align-items: center;
}
.showroom .staff_voice .voice_block .img {
  max-width: 170px;
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
}
.showroom .staff_voice .voice_block .txt {
  font-size: 1.8rem;
  line-height: 3.6rem;
}

@media screen and (min-width: 768px) {
  .showroom .staff_voice .voice_block .txt {
    padding-right: 2%;
  }
}

@media screen and (max-width: 767px) {
  .showroom .staff_voice .voice_block {
    background-position: left -50px bottom 25px;
  }
  .showroom .staff_voice .voice_block .block_ttl {
    font-size: 1.8rem;
  }
  .showroom .staff_voice .voice_block .block_ttl i {
    font-size: 2.1rem;
  }
  .showroom .staff_voice .voice_block .row {
    display: block;
  }
  .showroom .staff_voice .voice_block .img {
    max-width: none;
    margin-bottom: 15px;
  }
  .showroom .staff_voice .voice_block .txt {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (max-width: 480px) {
  .showroom .staff_voice .voice_block {
    background-position: left -80px bottom 25px;
  }
}

@media screen and (max-width: 380px) {
  .showroom .staff_voice .voice_block .block_ttl {
    font-size: 1.6rem;
  }
}
/* 周辺地域 =================================*/
.showroom .surrounding-text {
  line-height: 2;
  margin-top: 60px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 30px 2%;
}
.showroom .surrounding-text p:not(:last-child) {
  margin-bottom: 2em;
}
@media screen and (max-width: 480px) {
  .showroom .surrounding-text {
    font-size: 1.4rem;
  }
}
/*==========================================
ページ個別 SHOWROOM一覧
===========================================*/
.showroom_list .list_area {
  margin-top: 50px;
}
.showroom_list .list_area .list_box {
  display: flex;
  flex-wrap: wrap;

  gap: 20px; /* 要素間の間隔を調整 */
  justify-content: space-between; /* 新規追加 */
}
/*.showroom_list .list_area .list_box li {
  width: 32%;
  margin: 60px 2% 0 0;
}
.showroom_list .list_area .list_box li:nth-of-type(3n) {
  margin: 60px 0 0 0;
}*/
.showroom_list .list_area .list_box li {
  /* flex-basis: calc(88% * 1 / 3);
  margin: 60px 2% 0; */

  flex-basis: calc(33.333% - 20px); /* 3列表示 */
  margin: 10px 0;
  box-sizing: border-box; /* 新規追加 */
}

.showroom_list .list_area .list_box li .list_ttl {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 15px;
  line-height: 1.2;
}
.showroom_list .list_area .list_box li .list_ttl:after {
  content: "";
  display: block;
  background: #ff9933;
  /*  width: 188px;*/
  max-width: 188px;
  width: 100%;
  height: 4px;
  margin: 5px 0 0px;
}
.showroom_list .list_area .list_box li img {
  width: 100%;
  height: auto;
}
.showroom_list .list_area .list_box li .list_info {
  padding: 0 0 20px 0;
  background: #f2f2f2;
}
.showroom_list .list_area .list_box li .list_info a:first-of-type:hover {
  opacity: 0.5;
}
.showroom_list .list_area .list_box li .list_info .address,
.showroom_list .list_area .list_box li .list_info .showroom_more {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
}
.showroom_list .list_area .list_box li .list_info .address {
  display: flex;
  min-height: 4.8rem;
  margin: 20px 5px 0 10px;
}
.showroom_list .list_area .list_box li .list_info .phone {
  font-size: 2rem;
  margin: 10px 10px 20px;
}
.showroom_list .list_area .list_box li .list_info p span {
  display: inline-block;
}
.showroom_list .list_area .list_box li .list_info i {
  margin: 0 18px 0 0;
}
.showroom_list .list_area .list_box li .list_info .icon_address {
  vertical-align: top;
  line-height: 2rem;
}
.showroom_list .list_area .list_box li .list_info .icon_address:before {
  content: "\f276";
  font-size: 1.6rem;
}
.showroom_list .list_area .list_box li .list_info .icon_next:before {
  content: "\f105";
}
.showroom_list .list_area .list_box li .list_info .showroom_more {
  width: 70%;
  margin: 0 auto;
  border: #ff9933 1px solid;
  color: #ff9933;
  display: block;
  text-align: center;
  padding: 12px 0;
}
.showroom_list .list_area .list_box li .list_info .showroom_more:hover {
  border: #323232 1px solid;
  color: #fff;
  background: #323232;
}

@media screen and (max-width: 767px) {
  /*.showroom_list .list_area .list_box li, .showroom_list .list_area .list_box li:nth-of-type(3n) {
  width: 49%;
  margin: 60px 2% 0 0;
}
.showroom_list .list_area .list_box li:nth-of-type(2n) {
  margin: 60px 0 0 0;
}*/

  .showroom_list .list_area .list_box li {
    flex-basis: calc(50% - 10px); /* 2列表示 */
  }

  .showroom_list .list_area .list_box li .list_info .address,
  .showroom_list .list_area .list_box li .list_info .showroom_more {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
  .showroom_list .list_area .list_box li .list_info .phone {
    font-size: 1.6rem;
  }
  .showroom_list .list_area .list_box li .list_info .address {
    min-height: 3.6rem;
  }
  .showroom_list .list_area .list_box li .list_info i {
    margin: 0 14px 0 0;
  }
  .showroom_list .list_area .list_box li .list_info .icon_address {
    line-height: 1.8rem;
  }
  .showroom_list .list_area .list_box li .list_info .icon_address:before {
    font-size: 1.3rem;
  }
  .showroom_list .list_area .list_box li .list_info .icon_phone:before {
    font-size: 1.6rem;
  }
  .showroom_list .list_area .list_box li .list_info .showroom_more {
    width: 90%;
  }
}

@media screen and (max-width: 480px) {
  /*.showroom_list .list_area .list_box li, .showroom_list .list_area .list_box li:nth-of-type(2n), .showroom_list .list_area .list_box li:nth-of-type(3n) {
  width: 100%;
  margin: 60px 0 0 0;
}*/
  .showroom_list .list_area .list_box li {
    flex-basis: 96%;
    margin: 60px 2% 0;
  }
}
.secTtl {
  padding: 0 2% 0.5em;
  margin-top: 3em;
  font-size: clamp(2.4rem, 6vw, 3rem);
  font-weight: bold;
  border-bottom: 2px solid #888;
}

/* イロドリバナー */
.irodori_container {
  position: relative;
  display: inline-block;
  text-align: center;
}
.showroom_list .list_area .list_box .irodori_txt {
  text-align: center;
  color: #000;
  font-weight: bold;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo,
    "ＭＳ ゴシック", sans-serif;
  margin-bottom: 10px;
  font-size: clamp(18px, 3vw, 20px);
  padding: 10px;
  line-height: 1.2;
  letter-spacing: 1.5px;
  white-space: nowrap;
}
@media screen and (max-width: 600px) {
  .showroom_list .list_area .list_box .irodori_txt {
    letter-spacing: normal;
  }
}
.showroom_list .list_area .list_box_irodori li {
  flex-basis: 60%;
  margin: 60px 2% 0;
}
.showroom_list .list_area .list_box_irodori li img {
  width: 100%;
  max-width: 600px;
  height: auto;
  display: block;
}
.showroom_list .list_area .list_box_irodori li a:hover {
  opacity: 0.5;
}
@media screen and (max-width: 480px) {
  .showroom_list .list_area .list_box_irodori li {
    flex-basis: 100%;
  }
}

/*==========================================
FLOW リフォームの流れ
===========================================*/
.reflow_bg_box {
  background-color: #f0e2d8;
}

.reflow_bg_box .ttl_cus {
  text-align: center;
  margin: 0 0 40px;
  padding-top: 80px;
  line-height: 1.2;
}

.reflow_bg_box .ttl_en {
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
  font-size: 5rem;
  letter-spacing: 0.5rem;
  word-wrap: break-word;
}

/*☆タイトルの両端に線を表示する☆*/
.reflow_bg_box .ttl_en {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.reflow_bg_box .ttl_en:before,
.reflow_bg_box .ttl_en:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 2px;
  background-color: #000;
}

.reflow_bg_box .ttl_en:before {
  left: -50px;
}

.reflow_bg_box .ttl_en:after {
  right: -50px;
}

@media screen and (max-width: 480px) {
  .reflow_bg_box .ttl_en:before,
  .reflow_bg_box .ttl_en:after {
    width: 15%;
  }
  .reflow_bg_box .ttl_en:after {
    right: 0;
  }
  .reflow_bg_box .ttl_en:before {
    left: 0;
  }
}
/*☆タイトルの両端に線を表示するend☆*/

.reflow_bg_box .reflow_title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2em;
}

.reflow_conts {
  margin-bottom: 90px;
  font-size: 20px;
  padding-bottom: 90px;
}

.reflow_item {
}

.reflow_box {
  padding: 10px;
  max-width: 1140px;
  width: 100%;
  display: flex;
}

/*☆枠線つき吹き出し☆*/
.reflow_box {
  position: relative;
  height: 80px;
  background: #ffffff;
  padding: 10px;
  border-bottom: 2px solid #f0e2d8;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}

.reflow_box:after,
.reflow_box:before {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
}

.ct_none:after,
.ct_none:before {
  content: none;
}

.reflow_box:before {
  border-color: rgba(240, 226, 216, 0);
  border-top-width: 12px;
  border-bottom-width: 12px;
  border-left-width: 12px;
  border-right-width: 12px;
  margin-left: -12px;
  margin-top: 2px;
  border-top-color: #f0e2d8;
}

.reflow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #ffffff;
}

.reflow_box p {
  margin: 0;
  padding: 0;
}

/*順番*/
.zi10 {
  z-index: 10;
}

.zi9 {
  z-index: 9;
}

.zi8 {
  z-index: 8;
}

.zi7 {
  z-index: 7;
}

.zi6 {
  z-index: 6;
}

.zi5 {
  z-index: 5;
}

.zi4 {
  z-index: 4;
}

.zi3 {
  z-index: 3;
}

.zi2 {
  z-index: 2;
}

.zi1 {
  z-index: 1;
}

/*☆枠線つき吹き出しend☆*/

.reflow_box .reflow_num {
  font-size: 50px;
  color: #f19338;
  padding: 10px;
  font-family: "Josefin Sans", sans-serif;
  display: block;
  border-radius: 50%;
  border: 3px solid;
  width: 100%;
  max-width: 65px;
  height: 65px;
  text-align: center;
}

.reflow_box .reflow_text {
  font-weight: 600;
  font-size: 20px;
  color: #000;
  padding-top: 20px;
  padding-left: 20px;
}

.reflow_box .reflow_text a:hover {
  opacity: 0.7;
}

.reflow_box .reflow_text a {
  color: #3388c5;
}

@media screen and (max-width: 767px) {
  .reflow_box .reflow_text {
    padding-top: 10px;
    line-height: 1.4;
  }
  .reflow_box {
    height: 120px;
  }
}

@media screen and (max-width: 480px) {
  .reflow_box .reflow_num {
    font-size: 25px;
    max-width: 45px;
    height: 45px;
    background: #f19338;
    color: #fff;
  }
  .reflow_box {
    height: 150px;
  }

  .reflow_box .reflow_text {
    line-height: 1.2;
    padding-left: 10px;
  }
}

/*==========================================
ページ個別 八王子
===========================================*/
.hachioji .ttl_img {
  text-align: center;
  margin: 60px auto 0 auto;
  position: relative;
  background: url(../../img/showroom/hachioji_main_img.jpg) no-repeat top center;
  height: 696px;
}
.hachioji .ttl_img .ttl_txt {
  position: absolute;
  top: 136px;
  right: 44px;
  font-size: 4.2rem;
  line-height: 7.3rem;
  text-align: left;
  color: #fff;
  text-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 20px #000;
}
.hachioji .ttl_img .ttl_sub_txt {
  position: absolute;
  top: 415px;
  right: 105px;
  font-weight: bold;
  width: 350px;
  text-align: center;
  color: #fff;
  background: #f4644c;
  font-size: 1.9rem;
  line-height: 6rem;
}
.hachioji .ttl_img .ttl_sub_txt:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 25px 30px 0;
  border-color: transparent #f4644c transparent transparent;
  position: absolute;
  left: -25px;
}
.hachioji .ttl_img .ttl_sub_txt:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 25px;
  border-color: transparent transparent transparent #f4644c;
  position: absolute;
  right: -25px;
}
.hachioji .ttl {
  font-size: 2.8rem;
  line-height: 4.9rem;
  text-align: center;
}
.hachioji .ttl span {
  display: inline-block;
}
.hachioji .ttl span.img {
  width: 108px;
  display: block;
  margin: 0 auto;
}
.hachioji .read {
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.hachioji .showroom_main_txt {
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .showroom .ttl_nav_wrap .sec_ttl .sr_ttl_common {
    font-size: 28px;
    font-weight: 500;
  }
  .showroom .ttl_nav_wrap .sec_ttl .sr_ttl_large {
    display: block;
    line-height: 1.6;
    font-size: 30px;
    font-weight: bold;
  }
  .hachioji .ttl_img {
    margin: 100px auto 0 auto;
  }
  .hachioji .ttl_img_re {
    margin: 30px auto 50px;
  }
  .hachioji .ttl_img .ttl_txt {
    position: relative;
    display: inline-block;
    top: 60px;
    right: auto;
    margin: 0 auto;
    font-size: 3.3rem;
    line-height: 6.3rem;
    text-align: left;
  }
  .hachioji .ttl_img .ttl_sub_txt {
    position: relative;
    top: 100px;
    right: auto;
    margin: 0 auto;
    width: 350px;
    font-size: 1.9rem;
    line-height: 6rem;
  }
  .hachioji .showroom_main_txt {
    line-height: 1.6;
  }
}

@media screen and (max-width: 480px) {
  .hachioji .ttl {
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
  }
  .hachioji .ttl_img {
    height: 450px;
    background-size: cover;
  }
  .hachioji .ttl_img .ttl_txt {
    top: 60px;
    font-size: 2.2rem;
    line-height: 4.3rem;
  }
  .hachioji .ttl_img .ttl_sub_txt {
    top: 100px;
    width: 250px;
    font-size: 1.4rem;
    line-height: 4rem;
  }
  .hachioji .ttl_img .ttl_sub_txt:before {
    border-width: 20px 20px 20px 0;
    left: -20px;
  }
  .hachioji .ttl_img .ttl_sub_txt:after {
    border-width: 20px 0 20px 20px;
    right: -20px;
  }
}

/*フォームリンク*/

.form_link a {
  display: block;
  margin: 130px auto 50px;
  width: 900px;
  background-color: #ff9933;
  color: #fff;
  padding: 35px 0;
  text-align: center;
  border: 2px solid #ff9933;
  position: relative;
  transition: 0.5s all;
  font-size: 20px;
  letter-spacing: 0.1em;
}
@media all and (-ms-high-contrast: none) {
  .form_link a {
    padding: 35px 0 25px;
  }
}
.form_link a:hover {
  background-color: #fff;
  color: #ff9933;
}
.form_link a:before {
  content: url(../../img/showroom/img_link_sr.png);
  position: absolute;
  left: 20px;
  bottom: 0;
}
.form_link a:after {
  content: url(../../img/showroom/arw_bnr_formlink.png);
  position: absolute;
  margin: 5px 0 0 10px;
}
.form_link a:hover:after {
  content: url(../../img/showroom/arw_bnr_formlink_ho.png);
  position: absolute;
  margin: 5px 0 0 10px;
}
.form_link_large {
  font-size: 30px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .form_link a {
    margin: 70px auto 50px;
    width: 98%;
    text-align: left;
    padding: 15px 0;
    padding-left: 30%;
    line-height: 1.4;
  }
  .form_link a:before {
    content: "";
    display: inline-block;
    width: 110px;
    height: 110px;
    background: url(../../img/showroom/img_link_sr.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    bottom: 20px;
    left: 0;
  }
  .form_link_large {
    display: block;
    font-size: 20px;
  }
  .form_link a:after {
    position: absolute;
    right: 5px;
  }
}
/*ショールーム情報*/
.info_upper_inner {
  width: 100%;
  border: 6px solid #313131;
  margin: 50px auto;
  padding: 35px;
  display: flex;
}
.info_upper_left {
  flex-basis: 50%;
  margin-right: 10px;
}
.info_upper_ttl {
  text-align: center;
  font-size: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  position: relative;
  width: 96%;
}
.info_upper_ttl:before,
.info_upper_ttl:after {
  content: "";
  width: 60px;
  border: 2px solid #313131;
  position: absolute;
  top: 12px;
}
.info_upper_ttl:before {
  left: 0;
}
.info_upper_ttl:after {
  right: 0;
}
@media screen and (max-width: 961px) {
  .info_upper_ttl {
    font-size: 24px;
    width: 95%;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
      "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .info_upper_ttl:before,
  .info_upper_ttl:after {
    content: "";
    width: 25px;
    border: 2px solid #313131;
    position: absolute;
    top: 12px;
  }
  .info_upper_ttl:before {
    left: 0;
  }
  .info_upper_ttl:after {
    right: 0;
  }
}
.info_upper_tel {
  background-color: #313131;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin: 50px auto 60px;
  padding: 15px;
  width: 300px;
  border-radius: 10px;
  text-align: center;
  letter-spacing: 0.1em;
}

.info_upper_tel a {
  color: #fff;
}
@media all and (-ms-high-contrast: none) {
  .info_upper_tel {
    padding: 15px 15px 8px;
  }
}
.info_upper_headline {
  margin: 40px 0 20px;
  background-color: #313131;
  color: #fff;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 24px;
  font-weight: bold;
  padding: 8px 10px;
  width: 90%;
}
@media all and (-ms-high-contrast: none) {
  .info_upper_headline {
    padding: 15px 8px 6px;
  }
}
.info_upper_detail {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .info_upper_add {
    display: none;
  }
  .info_upper_inner {
    width: 98%;
    padding: 35px 15px;
    display: block;
    margin: 30px auto;
  }
  .info_upper_ttl {
    font-size: 20px;
    width: 100%;
  }
  .info_upper_ttl:before,
  .info_upper_ttl:after {
    content: "";
    width: 20px;
    border: 1px solid #313131;
    top: 10px;
  }
  .info_upper_ttl:before {
    left: 5%;
  }
  .info_upper_ttl:after {
    right: 5%;
  }
  .info_upper_tel {
    margin: 20px auto;
  }
  .info_upper_headline {
    width: 100%;
  }
  .sp_tel a {
    color: #fff;
  }
}

/*コンセプト見出し*/
.concept_ttl {
  margin: 55px auto;
  text-align: center;
}
.sr_concept_upper {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #313131;
  display: block;
  position: relative;
}
.sr_concept_upper:before {
  content: "";
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 150px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #a6937c;
  border-radius: 2px;
}
.sr_concept_bottom {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #999999;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 20px;
  display: block;
}
@media screen and (max-width: 767px) {
  .concept_ttl {
    margin: 0 auto 20px;
  }
}

/*キッチン*/
.hachioji .kitchen {
  margin: 45px auto 0 auto;
}
.hachioji .kitchen .ttl {
  padding: 24px 10px 0;
}
.hachioji .kitchen .ttl span.img {
  width: 100px;
  margin: 0 auto 20px auto;
}
.hachioji .kitchen ul {
  background: #f3f1e1;
}
.hachioji .kitchen ul li img {
  vertical-align: top;
  width: 100%;
}
.hachioji .kitchen ul li:nth-of-type(1),
.hachioji .kitchen ul li:nth-of-type(2),
.hachioji .kitchen ul li:nth-of-type(5),
.hachioji .kitchen ul li:nth-of-type(6) {
  width: 25%;
}
.hachioji .kitchen ul li:nth-of-type(3),
.hachioji .kitchen ul li:nth-of-type(4) {
  width: 50%;
}
.hachioji .kitchen .read {
  width: calc(75% - 50px);
  padding: 0 6.4%;
  position: absolute;
  margin: -17% 0 0 0;
}

@media screen and (min-width: 1140px) {
  .hachioji .kitchen .read {
    width: 820px;
    margin: -180px 0 0 0;
  }
}

@media screen and (max-width: 1090px) {
  .hachioji .kitchen .ttl {
    padding: 24px;
  }
  .hachioji .kitchen ul li:nth-of-type(1) {
    width: 100%;
  }
  .hachioji .kitchen ul li:nth-of-type(3),
  .hachioji .kitchen ul li:nth-of-type(4) {
    width: 66.666%;
  }
  .hachioji .kitchen ul li:nth-of-type(2),
  .hachioji .kitchen ul li:nth-of-type(5),
  .hachioji .kitchen ul li:nth-of-type(6) {
    width: 33.333%;
  }
  .hachioji .kitchen ul li:nth-of-type(6) {
    margin: 0 0 0 66.666%;
  }
  .hachioji .kitchen .read {
    width: calc(66.666% - 50px);
    margin: -37% 0 0 0;
  }
}

@media screen and (max-width: 768px) {
  .hachioji .kitchen {
    margin: 0 auto 0 auto;
  }
  .hachioji .kitchen ul li:nth-of-type(1),
  .hachioji .kitchen ul li:nth-of-type(3),
  .hachioji .kitchen ul li:nth-of-type(4) {
    width: 100%;
  }
  .hachioji .kitchen ul li:nth-of-type(2),
  .hachioji .kitchen ul li:nth-of-type(5),
  .hachioji .kitchen ul li:nth-of-type(6) {
    width: 50%;
  }
  .hachioji .kitchen ul li:nth-of-type(6) {
    margin: 0 0 0 0;
  }
  .hachioji .kitchen ul li:nth-of-type(2) {
    order: 6;
    margin: -50% 0 0 0;
  }
  .hachioji .kitchen .read {
    width: 100%;
    padding: 24px;
    position: relative;
    margin: 0;
    background: #f3f1e1;
  }
}
/*サニタリー＆トイレ*/
.hachioji .toilet {
  margin: 80px auto 0 auto;
}
.hachioji .toilet li {
  width: 18%;
  margin: 0 2.5% 24px 0;
}
.hachioji .toilet li img {
  width: 100%;
}
.hachioji .toilet li:last-of-type {
  margin: 0 0 24px 0;
}
.hachioji .toilet .ttl {
  padding: 45px 20px 65px;
  margin: 0 0 24px 0;
  background: #f0e2d8;
}
.hachioji .toilet .ttl span.img {
  width: 210px;
  margin: 0 auto 20px auto;
}
.hachioji .toilet .read_area {
  background: #f0e2d8;
  align-items: center;
}
.hachioji .toilet .read_area .flex_left {
  width: 62%;
  padding: 7%;
}
.hachioji .toilet .read_area .flex_left .read {
  max-width: 420px;
}
.hachioji .toilet .read_area img {
  width: 38%;
}
/*20190617追加*/

.hachioji .toilet .toilet_02 li {
  width: 31.6%;
  margin: 0 2.5% 24px 0;
}
.hachioji .toilet .toilet_02 li:last-of-type {
  margin: 0 0 24px 0;
}
.hachioji .toilet .hachi_staff li {
  width: 48%;
  margin: 0 4% 24px 0;
}
.hachioji .toilet .hachi_staff li:last-of-type {
  margin: 0 0 24px 0;
}
.hachioji .toilet .ttl02 {
  padding: 25px 20px;
  margin: 0 0 24px 0;
  background: #f0e2d8;
  font-size: 30px;
  text-align: center;
}
@media all and (-ms-high-contrast: none) {
  .hachioji .toilet .ttl02 {
    padding: 25px 20px 15px;
  }
}

@media screen and (max-width: 768px) {
  .hachioji .toilet {
    margin: 50px auto 0 auto;
  }
  .hachioji .toilet .read_area .flex_left,
  .hachioji .toilet .read_area img {
    width: 100%;
  }
  .hachioji .toilet .read_area .flex_left .read {
    max-width: none;
  }
  .hachioji .toilet li {
    width: 32%;
    margin: 0 2% 10px 0;
  }
  .hachioji .toilet li:nth-of-type(3n),
  .hachioji .toilet li:last-of-type {
    margin: 0 0 10px 0;
  }
  .hachioji .toilet .ttl02 {
    font-size: 24px;
    line-height: 1.4;
  }
}
/*キッズスペース*/
.hachioji .kids {
  margin: 80px auto 0 auto;
}
.hachioji .kids .flex {
  background: #eef3de;
  align-items: center;
}
.hachioji .kids .ttl span.img {
  width: 124px;
  margin: 0 auto 20px auto;
}
.hachioji .kids .read {
  margin: 25px auto 0 auto;
  max-width: 400px;
}
.hachioji .kids .flex_left {
  padding: 20px;
}
.hachioji .kids .flex_left,
.hachioji .kids .flex > img {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .hachioji .kids {
    margin: 30px auto 0 auto;
  }
  .hachioji .kids .flex_left,
  .hachioji .kids .flex > img {
    width: 100%;
  }
  .hachioji .kids .read {
    max-width: none;
  }
}
/*Other*/
.hachioji .other {
  margin: 80px auto 0 auto;
}
.hachioji .other .ttl span.img {
  width: 73px;
  margin: 0 auto 20px auto;
}
.hachioji .other .flex {
  margin: 50px 0 0 0;
}
.hachioji .other .flex li img {
  width: 100%;
}
.hachioji .other .flex li {
  width: 23%;
  margin: 0 2.66% 24px 0;
}
.hachioji .other .flex li:nth-of-type(4n) {
  margin: 0 0 24px 0;
}

@media screen and (max-width: 768px) {
  .hachioji .other .flex li {
    width: 49%;
    margin: 0 2% 10px 0;
  }
  .hachioji .other .flex li:nth-of-type(2n) {
    margin: 0 0 10px 0;
  }
}
.hachioji .gallery {
  margin: 60px auto 0;
}
.hachioji .gallery .ttl_block {
  margin: 0 auto 30px;
}
/*八王子店長画像*/
.manager_flex_box {
  max-width: 1140px;
  padding: 2%;
  margin: 0 auto;
}
.hachioji .img_flexbox {
  display: flex;
  padding: 30px 2%;
  margin: 60px auto 0;
  width: 100%;
  background: #f0e2d8;
}

.hachioji .img_flexbox .showroom_manager_img {
  max-width: 140px;
  width: 100%;
  margin: 0 2%;
  text-align: center;
  position: relative;
}
.hachioji .img_flexbox .showroom_main_txt {
  font-size: 1.7rem;
  padding: 30px;
  margin: 0 auto;
  position: relative;
  max-width: 800px;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .hachioji .img_flexbox {
    display: block;
    margin-top: 0;
  }
  .hachioji .img_flexbox .showroom_manager_img {
    max-width: 140px;
    margin: 0 auto;
  }
  .hachioji .img_flexbox .showroom_manager_img img {
    max-width: 110px;
  }
  .hachioji .img_flexbox .showroom_main_txt {
    background: #f0e2d8;
  }
}
/*==========================================
ページ個別 新百合ヶ丘
===========================================*/
/*コンテンツ幅が他のページと違うので例外記述*/
.shinyuri .w1140 .wrap {
  max-width: 1190px;
}
/*メインビジュアル*/
.shinyuri .main {
  margin: 80px auto 52px;
}
.shinyuri .main .textbox {
  text-align: center;
  max-width: 536px;
  margin: -7.7% 0 0 0;
  padding: 0 20px;
}
.shinyuri .main .textbox.renew {
  margin: 0;
  max-width: inherit;
  padding: 0;
}
.shinyuri .main .textbox.renew .showroom_main_txt {
}
.shinyuri .main .textbox .ttl {
  display: inline-block;
  font-size: 3.6rem;
  line-height: 6.3rem;
  font-weight: bold;
  margin: 0 0 30px 0;
  text-align: left;
}
.shinyuri .main .textbox .text {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 3.2rem;
  text-align: left;
}
.shinyuri .main .textbox.renew .showroom_main_txt {
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .shinyuri .main {
    margin: 100px auto 52px;
  }
  .shinyuri .main .textbox {
    text-align: left;
    max-width: 100%;
    width: 100%;
    margin: 30px 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .shinyuri .main {
    margin: 52px auto 52px;
  }
}
/*flexbox*/
.shinyuri .flex {
  justify-content: space-between;
}
.shinyuri .flex.reverse {
  flex-direction: row-reverse;
}
.shinyuri .barrierfree .flex,
.shinyuri .design .flex {
  margin: 0 0 60px 0;
}

@media screen and (max-width: 768px) {
  .shinyuri .w1140 .flex {
    display: block;
  }
  .shinyuri .w1140 .flex img {
    width: 100%;
  }
  .shinyuri .barrierfree .flex,
  .shinyuri .design .flex {
    margin: 0 0 90px 0;
  }
}
/*店長画像*/
.shinyuri .textbox.renew.img_flexbox {
  display: flex;
  padding: 20px;
  background: #f1eee0;
  margin-top: 30px;
  align-items: center;
  text-align: left;
}
.shinyuri .img_flexbox .showroom_manager_img {
  max-width: 280px;
  width: 100%;
  margin: 0 1%;
  text-align: center;
}
.shinyuri .main .textbox.renew.img_flexbox .showroom_main_txt {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .shinyuri .textbox.renew.img_flexbox {
    display: block;
    padding: 20px;
  }
  .shinyuri .img_flexbox .showroom_manager_img {
    margin: 0 auto 15px;
    max-width: 140px;
  }
}
/*バリアフリー（HOME ELEVATORとLIFE ASSIST）*/
.shinyuri .barrierfree .text_wrap {
  padding: 0 4.5% 0 0;
}
.shinyuri .barrierfree .ttl {
  width: 100%;
}
.shinyuri .barrierfree .ttl img {
  width: 100%;
  display: block;
}
.shinyuri .barrierfree .sub {
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-weight: bold;
}
.shinyuri .barrierfree .text {
  font-size: 1.6rem;
  line-height: 3.2rem;
  background-color: #f1eee0;
}
.shinyuri .barrierfree .flex .box01 {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.shinyuri .barrierfree .flex .box01 .sub {
  margin: 36px 0;
}
.shinyuri .barrierfree .flex .box02 {
  width: 48%;
}
.shinyuri .barrierfree .flex .box02 .text {
  margin: 46px 0 0 0;
  padding: 32px 25px;
}
.shinyuri .barrierfree .flex .box03 {
  width: 52.6%;
}
.shinyuri .barrierfree .flex .box03 .sub {
  margin: 20px 0;
}
.shinyuri .barrierfree .flex .box03 .text {
  margin: 0 0 20px 0;
  padding: 17px 25px;
}
.shinyuri .barrierfree .flex .box04 {
  width: 43.4%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .shinyuri .barrierfree .flex .box01 {
    width: 100%;
    display: block;
    margin: 0 0 60px 0;
  }
  .shinyuri .barrierfree .flex .box02 {
    width: 100%;
    margin: 0 0 60px 0;
  }
  .shinyuri .barrierfree .flex .box03 {
    width: 100%;
    margin: 0 0 60px 0;
  }
  .shinyuri .barrierfree .text_wrap {
    padding: 0;
  }
  .shinyuri .barrierfree .flex .box04 {
    width: 100%;
    display: block;
    margin: 0 0 60px 0;
  }
}
/*モダンスタイル*/

.shinyuri .design .ttl {
  margin: 0 auto 70px;
  max-width: 548px;
  text-align: center;
}
.shinyuri .design .ttl .sub {
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-weight: bold;
  margin: 40px 0 0 0;
}
.shinyuri .design .flex {
  margin: 0 0 50px 0;
}
.shinyuri .design .flex .box05 {
  width: 48%;
}
.shinyuri .design .flex .box06 {
  width: 48%;
}
.shinyuri .design .gray_text {
  background-color: #404040;
  color: #fff;
  max-width: 785px;
  margin: 0 auto 60px;
  padding: 32px 40px;
  font-size: 1.6rem;
  line-height: 3.2rem;
}

@media screen and (max-width: 768px) {
  .shinyuri .design .flex .box05 {
    width: 100%;
    margin: 0 0 60px 0;
  }
  .shinyuri .design .flex .box06 {
    width: 100%;
    margin: 0 0 60px 0;
  }
}
/*.shinyuri .product .ttl {
  font-weight: bold;
}*/
.shinyuri .product .ttl span.img {
  width: 44px;
  margin: 0 auto;
}
.showroom .shinyuri .detail .flex .infomation dt {
  font-weight: bold;
}
.showroom .shinyuri .detail .flex .infomation .free_dial a {
  font-weight: bold;
}
.showroom .shinyuri .detail .flex.access {
  flex-direction: row-reverse;
  align-items: center;
}
.showroom .shinyuri .detail .flex.access .map {
  width: 47.7%;
  height: 450px;
  margin: 35px 0 0 0;
}
.showroom .shinyuri .detail .flex.access img {
  width: 47.7%;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 768px) {
  .showroom .shinyuri .detail .flex.access {
    display: block;
    text-align: center;
  }
  .showroom .shinyuri .detail .flex.access .map {
    width: 100%;
  }
  .showroom .shinyuri .detail .flex.access img {
    width: auto;
  }
}
.showroom .shinyuri .gallery {
  margin-top: 100px;
}
.showroom .shinyuri .gallery .ttl {
  text-align: center;
  font-weight: bold;
  font-size: 3.6rem;
  margin-bottom: 60px;
}
.showroom .shinyuri .gallery .ttl::after {
  content: "";
  background: linear-gradient(to right, #f1eee0 50%, #a6a6a6 50%);
  display: block;
  max-width: 450px;
  width: 100%;
  margin: -10px auto 0;
  height: 20px;
}
@media screen and (max-width: 480px) {
  .showroom .shinyuri .gallery .ttl {
    font-size: 2.4rem;
  }
}
/*==========================================
ページ個別 横浜青葉
===========================================*/
.yokohama .w1140 .wrap {
  max-width: 1190px;
}
.yokohama .flexbox {
  display: flex;
  justify-content: space-between;
}
.yokohama .flexbox.reverse {
  flex-direction: row-reverse;
}
.yokohama .flexbox .ttl {
  background: url(../../img/showroom/yokohama_ttl_bg.png) no-repeat;
  background-size: contain;
  font-size: 2.2rem;
  line-height: 64px;
  max-width: 380px;
  width: 100%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin: 0 auto 28px;
}

@media (-ms-high-contrast: none) {
  .yokohama .flexbox .ttl {
    padding-top: 4px;
  }
}
.yokohama .flexbox .text {
  width: 380px;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.yokohama .ttl_small {
  font-size: 1.8rem;
  line-height: 3.1rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: 10px;
}
.yokohama .ttl_big {
  font-size: 4.8rem;
  line-height: 8.4rem;
  letter-spacing: 4px;
  text-align: center;
  font-weight: bold;
  margin: 0 0 62px 0;
}

@media screen and (max-width: 768px) {
  .yokohama .flexbox {
    display: block;
  }
  .yokohama .flexbox .text {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .yokohama .flexbox .ttl {
    background: url(../../img/showroom/yokohama_ttl_bg.png) no-repeat;
    background-size: contain;
    font-size: 4.58vw;
    line-height: 15vw;
  }
  .yokohama .ttl_small {
    letter-spacing: 5px;
  }
  .yokohama .ttl_big {
    font-size: 3.5rem;
    line-height: 4.5rem;
    margin: 0 0 50px 0;
  }
}
/*メイン画像*/
.yokohama .main {
  position: relative;
  margin: 80px auto 0;
}
.yokohama .main p {
  position: absolute;
  top: 69%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  display: inline;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.yokohama .main.renew p {
  position: static;
}
.showroom_main_txt_area {
  position: absolute;
  top: 69%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  display: inline;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.yokohama .showroom_main_txt_area {
  position: static;
  margin-top: 40px;
  display: inline-block;
}
.showroom_main_txt {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2%;
}
@media screen and (max-width: 480px) {
  .yokohama .main p {
    position: relative;
    top: 0;
    margin: 10px 0 0 0;
    display: block;
    text-align: left;
  }
  .showroom_main_txt_area {
    position: relative;
    top: 0;
    margin: 10px 0 0 0;
    display: block;
    text-align: left;
  }
}

/*店長画像*/
.yokohama .main .img_flexbox {
  display: flex;
  padding: 20px;
  text-align: center;
  width: 100%;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  margin: 20px 0 0;
  justify-content: center;
  background: #333333;
  align-items: flex-start;
}
.yokohama .main .img_flexbox .showroom_manager_img {
  max-width: 220px;
  width: 100%;
  margin: 0 2% 0 0;
  text-align: center;
  position: relative;
  z-index: 2;
  flex-basis: 28%;
}
.yokohama .main .img_flexbox .show_manager_name {
  color: #fff;
}
.yokohama .img_flexbox .showroom_main_txt_area {
  padding: 20px 2%;
  min-height: 175px;
  margin-top: 0;
}
.yokohama .main .img_flexbox .showroom_main_txt {
  margin-top: 0;
  color: #fff;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .yokohama .main .img_flexbox {
    display: block;
    padding: 30px 2%;
    background: none;
  }
  .yokohama .main .img_flexbox .showroom_manager_img {
    max-width: 140px;
    margin: 0 auto 40px;
  }
  .yokohama .main .img_flexbox .show_manager_name {
    color: #000;
  }
  .yokohama .img_flexbox .showroom_main_txt_area {
    padding: 20px;
    border: none;
    position: relative;
    background: #333333;
  }
  .yokohama .img_flexbox .showroom_main_txt_area::before {
    content: "";
    display: inline-block;
    position: absolute;
    border-bottom: 40px solid #333333;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: none;
    margin-top: 0;
    margin-left: -20px;
    top: -30px;
    left: 50%;
  }
  .yokohama .img_flexbox .showroom_main_txt {
    padding: 0;
    color: #fff;
  }
}

/*リアルLDK*/
.yokohama .real {
  margin: 78px auto 0;
}
.yokohama .real .box02 {
  align-items: center;
  margin: 25px 0 0 0;
}
.yokohama .real .box02 .img_box {
  width: 48%;
}
.yokohama .real .box02 .text_box {
  min-width: 400px;
  width: 52%;
}
.yokohama .real .box03 {
  align-items: center;
  margin: 25px 0 0 0;
}
.yokohama .real .box03 .img_box {
  width: 48%;
}
.yokohama .real .box04 {
  align-items: center;
  margin: 25px 0 0 0;
}
.yokohama .real .box04 .text_box {
  width: 420px;
  padding: 0 10px 0 0;
}
.yokohama .real .box04 .text_box img {
  margin: 25px 0 0 0;
}
.yokohama .real .box04 .img_box {
  width: calc(100% - 420px);
}
.yokohama .real .border {
  width: 100%;
  height: 11px;
  background: url(../../img/showroom/yokohama_border.png) repeat-x;
  background-position: center;
  margin: 60px 0 0 0;
}

@media screen and (max-width: 768px) {
  .yokohama .real {
    margin: 78px auto 0;
  }
  .yokohama .real .box02 {
    margin: 0;
  }
  .yokohama .real .box02 .img_box {
    width: 100%;
    text-align: center;
    margin: 30px 0 0 0;
  }
  .yokohama .real .box02 .text_box {
    min-width: auto;
    width: 100%;
    margin: 70px 0 0 0;
  }
  .yokohama .real .box03 {
    margin: 0;
  }
  .yokohama .real .box03 .img_box {
    width: 100%;
    text-align: center;
    margin: 30px 0 0 0;
  }
  .yokohama .real .box04 {
    margin: 0;
  }
  .yokohama .real .box04 .text_box {
    min-width: auto;
    width: 100%;
    padding: 0;
    margin: 70px 0 0 0;
  }
  .yokohama .real .box04 .text_box img {
    display: block;
    margin: 25px auto 0;
  }
  .yokohama .real .box04 .img_box {
    width: 100%;
    margin: 30px 0 0 0;
  }
}
/*多様なデザイン*/

.yokohama .design {
  margin: 78px auto 0;
}
.yokohama .design .box05 .text_box {
  width: 400px;
}
.yokohama .design .box05 .img_box {
  width: calc(100% - 400px);
}
.yokohama .design .box06 {
  margin: 25px 0 0 0;
}
.yokohama .design .box06 .img_box {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .yokohama .design {
    margin: 78px auto 0;
  }
  .yokohama .design .box05 .text_box {
    width: 100%;
    min-width: auto;
    margin: 70px 0 0 0;
  }
  .yokohama .design .box05 .img_box {
    width: 100%;
    display: block;
    text-align: center;
  }
  .yokohama .design .box06 {
    margin: 0 0 0 0;
  }
  .yokohama .design .box06 .img_box {
    width: 100%;
    text-align: center;
    margin: 30px 0 0 0;
  }
}
.showroom .yokohama .product p.ttl {
  margin: 0 0 60px 0;
}
/*.showroom .yokohama .product p.ttl:after {
    content: "";
    display: block;
    background: #000;
    width: 47px;
    height: 1px;
    margin: 0 auto 12px;
}*/
/*.showroom .yokohama .product p.sub{
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  margin: 0 0 20px 0;
}*/
.showroom .yokohama .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 480px) {
  .showroom .yokohama .product .ttl {
    margin: 0 auto 20px auto;
    font-size: 2.2rem;
    line-height: 4.5rem;
    text-align: center;
  }
  .showroom .yokohama .detail .flex .infomation dt {
    font-size: 1.8rem;
    line-height: 3.6rem;
    font-weight: bold;
  }
}
.yokohama .gallery {
  margin: 100px auto 0;
}
/*==========================================
ページ個別 武蔵野
===========================================*/
/*=== 全体 ===*/
.musashino .w1140 .wrap {
  max-width: 1190px;
}
.musashino .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.musashino .flexbox.reverse {
  flex-direction: row-reverse;
}
/*=== 5 ROOM ===*/
/*全体*/
.musashino .five_room {
  margin: 80px auto 140px;
}
.musashino .five_room .flexbox .textbox,
.musashino .five_room .flexbox .imgbox {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .musashino .five_room .flexbox .textbox,
  .musashino .five_room .flexbox .imgbox {
    width: 100%;
  }
}
/*一番初めのボックス*/
.musashino .five_room .flexbox.main .textbox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}
.musashino .five_room .flexbox.main .textbox .main_ttl {
  width: 156px;
  height: 288px;
}
.musashino .five_room .flexbox.main .textbox .main_ttl_text {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: bold;
  letter-spacing: 4px;
  margin: 70px 0 0 0;
}

@media screen and (max-width: 768px) {
  .musashino .five_room .flexbox.main .textbox {
    margin: 20px 0 25px 0;
  }
  .musashino .five_room .flexbox.main .textbox .main_ttl_text {
    margin: 40px 0 0 0;
  }
  .musashino .five_room .flexbox.main .textbox .main_ttl_text {
    letter-spacing: 2px;
  }
}

@media screen and (max-width: 480px) {
  .musashino .five_room .flexbox.main .textbox .main_ttl {
    width: 109px;
    height: 201px;
  }
}
/*店長挨拶*/
.musashino .managervoice {
  margin-bottom: 80px;
}
.musashino .managervoice .managervoice_lead {
  text-align: center;
  margin-bottom: 40px;
}
.musashino .managervoice .voice_block {
  display: flex;
  align-items: center;
}
.musashino .managervoice .voice_block .manager {
  text-align: center;
  font-size: 1.4rem;
  max-width: 270px;
  width: 100%;
}
.musashino .managervoice .voice_block.renew .manager {
  flex-basis: 30%;
  margin-right: 5%;
}
.musashino .managervoice .voice_block .manager .manager_name {
  margin-top: 10px;
}
.musashino .managervoice .voice_block .voice_text {
  background: #f2ba3a;
  padding: 25px 2.5%;
  line-height: 2.8rem;
  position: relative;
}
.musashino .managervoice .voice_block .voice_text::before {
  border-right: 40px solid #f2ba3a;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  content: "";
  margin-top: -20px;
  position: absolute;
  left: -40px;
  top: 50%;
}
.musashino .managervoice .voice_block .voice_text .showroom_main_txt {
  padding: 0;
}
.musashino .managervoice .voice_block .voice_text p:not(:last-child) {
  margin-bottom: 2em;
}
.musashino .managervoice .bottom_block {
  text-align: center;
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin-top: 40px;
}
.musashino .managervoice .bottom_block .bold_txt {
  font-weight: bold;
  font-size: 2.4rem;
  margin-top: 1em;
}

@media screen and (max-width: 640px) {
  .musashino .managervoice .voice_block {
    display: block;
  }
  .musashino .managervoice .voice_block .manager {
    max-width: none;
  }
  .musashino .managervoice .voice_block.renew .manager {
    margin-right: 0;
    max-width: 140px;
    margin: 0 auto;
  }
  .musashino .managervoice .voice_block .voice_text {
    margin-top: 50px;
  }
  .musashino .managervoice .voice_block .voice_text::before {
    border-bottom: 40px solid #f2ba3a;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: none;
    margin-top: 0;
    margin-left: -20px;
    top: -40px;
    left: 50%;
  }
}
/*2番目以降*/
.musashino .five_room .flexbox {
  margin: 0 0 60px 0;
}
.musashino .five_room .flexbox .textbox .ttl_box {
  display: flex;
  width: calc(100% - 50px);
  margin: 0 auto 25px;
  border-bottom: solid 2px #808080;
  padding: 0 0 30px 0;
}
.musashino .five_room .flexbox .textbox .ttl_box .ttl_svg {
  width: 79px;
  height: 152px;
}
.musashino .five_room .flexbox .textbox .ttl_box .ttl_text {
  font-size: 2.8rem;
  line-height: 4.9rem;
  font-weight: bold;
  margin: 0 0 0 30px;
}
.musashino .five_room .flexbox .textbox .ttl_box .ttl_text span {
  font-size: 1.8rem;
}
.musashino .five_room .flexbox .textbox .ttl_box .ttl_text span i {
  margin: 0 10px;
}
.musashino .five_room .flexbox .textbox .text {
  width: 100%;
  padding: 40px 25px;
  background-color: #f2ba3a;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.musashino .five_room .flexbox .imgbox img {
  width: 100%;
}

@media screen and (max-width: 480px) {
  .musashino .five_room .flexbox .textbox .ttl_box {
    display: block;
    width: 100%;
    border-bottom: solid 2px #808080;
    padding: 0 0 10px 0;
  }
  .musashino .five_room .flexbox .textbox .ttl_box .ttl_svg {
    display: block;
    margin: 0 auto;
    width: 79px;
    height: 152px;
  }
  .musashino .five_room .flexbox .textbox .ttl_box .ttl_text {
    font-size: 2.6rem;
    line-height: 3rem;
    margin: 20px 0 0 0;
    text-align: center;
  }
  .musashino .five_room .flexbox .textbox .text {
    padding: 20px;
  }
}
/*=== 武蔵野店の施工事例 ===*/
.musashino .gallery {
  margin-bottom: 140px;
}
.musashino .gallery .ttl_box {
  text-align: center;
  margin: 0 0 90px 0;
}
.musashino .gallery .ttl_box .gallery_ttl {
  height: 70px;
  margin: 0 0 13px 0;
}
.musashino .gallery .ttl_box .sub_ttl {
  font-size: 2.4rem;
  line-height: 2;
  font-weight: bold;
}
/*=== 地域最大級のショールーム ===*/
/*タイトルと全体共通*/
.musashino .floor_guide .flexbox {
  margin: 0 0 60px 0;
}
.musashino .floor_guide .ttl_box {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 0 90px 0;
}
.musashino .floor_guide .ttl_box .ttl_01,
.musashino .floor_guide .ttl_box .ttl_02 {
  display: inline-block;
  height: 70px;
  margin: 0 0 13px 0;
}
.musashino .floor_guide .ttl_box .ttl_01 {
  margin: 0 4px 13px;
}
.musashino .floor_guide .ttl_box p.sub_ttl {
  font-size: 2.4rem;
  line-height: 2;
  font-weight: bold;
}
.musashino .floor_guide .small_ttl img {
  height: 60px;
}
.musashino .floor_guide .small_ttl p.small_ttl_jp {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  margin: 15px 0 0 0;
}
.musashino .floor_guide p.text {
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 1px;
}

@media screen and (max-width: 480px) {
  .musashino .floor_guide .ttl_box .ttl_01,
  .musashino .floor_guide .ttl_box .ttl_02 {
    display: inline-block;
    height: auto;
    width: 100%;
    margin: 0 0 13px 0;
  }
  .musashino .floor_guide .ttl_box p.sub_ttl {
    font-size: 2rem;
    line-height: 1.5;
  }
}
/*キッチン*/
.musashino .kitchen .box01 {
  padding: 0 0 0 28px;
  width: 220px;
  margin: 0 0 25px;
}
.musashino .kitchen .box02 {
  max-width: 855px;
  width: calc(100% - 230px);
  padding: 0 25px 0 0;
  margin: 0 0 25px;
}
.musashino .kitchen .box02 p {
  margin: -6px 0 0 0;
}
.musashino .kitchen .box03 {
  width: 49.8%;
  margin: 0 0 10px 0;
}
.musashino .kitchen .box04 {
  width: 49.8%;
  margin: 0 0 10px 0;
}
.musashino .kitchen .box05 {
  width: 32.8%;
}
.musashino .kitchen .box06 {
  width: 32.8%;
}
.musashino .kitchen .box07 {
  width: 32.8%;
}

@media screen and (max-width: 768px) {
  .musashino .kitchen .box01 {
    width: 100%;
    padding: 0;
  }
  .musashino .kitchen .box02 {
    width: 100%;
    padding: 0;
  }
}
/*トイレ*/
.musashino .toilet .box01 {
  max-width: 445px;
  padding: 0 10px 0 28px;
  width: 50%;
}
.musashino .toilet .box01 p.small_ttl_jp {
  margin: 15px 0 30px 0;
}
.musashino .toilet .box02 {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .musashino .toilet .box01 {
    max-width: none;
    padding: 0;
    width: 100%;
    margin: 0 0 25px 0;
  }
  .musashino .toilet .box01 p.small_ttl_jp {
    margin: 15px 0 25px 0;
  }
  .musashino .toilet .box02 {
    width: 100%;
  }
  .musashino .toilet .box02 img {
    width: 100%;
  }
}
/*サニタリー*/
.musashino .sanitary .box01 {
  width: 50%;
  margin: 0 0 10px 0;
}
.musashino .sanitary .box02 {
  max-width: 445px;
  padding: 0 28px 0 10px;
  width: 50%;
  margin: 0 0 10px 0;
}
.musashino .sanitary .box02 p.small_ttl_jp {
  margin: 15px 0 30px 0;
}
.musashino .sanitary .box03 {
  width: 32.8%;
}
.musashino .sanitary .box04 {
  width: 32.8%;
}
.musashino .sanitary .box05 {
  width: 32.8%;
}

@media screen and (max-width: 768px) {
  .musashino .sanitary .box01 {
    width: 100%;
    margin: 0 0 10px 0;
    order: 2;
  }
  .musashino .sanitary .box01 img {
    width: 100%;
  }
  .musashino .sanitary .box02 {
    max-width: none;
    padding: 0;
    width: 100%;
    margin: 0 0 25px 0;
    order: 1;
  }
  .musashino .sanitary .box02 p.small_ttl_jp {
    margin: 15px 0 25px 0;
  }
  .musashino .sanitary .box03 {
    width: 32.8%;
    order: 3;
  }
  .musashino .sanitary .box04 {
    width: 32.8%;
    order: 4;
  }
  .musashino .sanitary .box05 {
    width: 32.8%;
    order: 5;
  }
}
/*バス*/
.musashino .bath {
  align-items: flex-end;
}
.musashino .bath .box01 {
  width: 100%;
  padding: 0;
  text-align: center;
  margin: 0 0 10px 0;
}
.musashino .bath .box02 {
  width: 28%;
}
.musashino .bath .box03 {
  width: 42.1%;
}
.musashino .bath .box03 p.text {
  margin: 0 auto 10% auto;
  max-width: 405px;
  width: 100%;
}
.musashino .bath .box04 {
  width: 28%;
}

@media screen and (max-width: 768px) {
  .musashino .bath .box01 {
    text-align: left;
    margin: 0 0 25px 0;
    order: 1;
  }
  .musashino .bath .box02 {
    width: 49.2%;
    order: 3;
  }
  .musashino .bath .box03 {
    width: 100%;
    order: 2;
    margin: 0 0 10px 0;
  }
  .musashino .bath .box03 img {
    width: 100%;
  }
  .musashino .bath .box03 p.text {
    margin: 0 auto 25px auto;
    max-width: none;
    width: 100%;
  }
  .musashino .bath .box04 {
    width: 49.2%;
    order: 4;
  }
}
/*その他*/
.musashino .other .box01 {
  width: 100%;
  padding: 0;
  text-align: center;
  margin: 0 0 50px 0;
}
.musashino .other .box02 {
  width: 60.7%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.musashino .other .box02 img {
  width: 49.2%;
  margin: 0 0 9px 0;
}
.musashino .other .box03 {
  width: 38.4%;
}

@media screen and (max-width: 768px) {
  .musashino .other .box01 {
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .musashino .other .box02 {
    width: 100%;
  }
  .musashino .other .box03 {
    width: 100%;
  }
  .musashino .other .box03 img {
    width: 100%;
  }
}
.showroom .musashino .product p.ttl {
  margin: 0 0 60px 0;
}
/*.showroom .musashino .product p.ttl:after {
    content: "";
    display: block;
    background: #000;
    width: 47px;
    height: 1px;
    margin: 0 auto 12px;
}*/
/*.showroom .musashino .product p.sub{
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  margin: 0 0 20px 0;
}*/
.showroom .musashino .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 340px) {
  .showroom .musashino .product .ttl {
    font-size: 2.5rem;
  }
}
.musashino .staff_voice .voice_block .row {
  align-items: flex-start;
}

@media screen and (min-width: 768px) {
  .musashino .detail .flex .infomation .area {
    margin-bottom: 40px;
  }
}
/*==========================================
ページ個別 上尾
===========================================*/
/*=== 全体 ===*/
.ageo .w1140 .wrap {
  max-width: 1190px;
}
.ageo .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ageo .flexbox.reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .ageo .flexbox {
    display: block;
  }
}
/*=== メイン ===*/
.ageo .main {
  margin: 80px auto 85px;
  align-items: flex-start;
}
.ageo .main .imgbox {
  width: 47.8%;
}
.ageo .main .textbox {
  width: 47.8%;
  display: flex;
  flex-direction: column-reverse;
}
.ageo .main .textbox .text {
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #fd8164;
  box-shadow: 24px 21px 0 0 #fdc364;
  max-width: 504px;
  width: calc(100% - 24px);
  margin: 23px 0 21px 0;
  padding: 30px 10px;
}
.ageo .main.renew {
  margin: 80px auto 55px;
}
.ageo .main.renew .imgbox {
  width: auto;
}
.ageo .main.renew .textbox {
  width: auto;
}
.ageo .main.renew .textbox .text {
  max-width: inherit;
}
.ageo .showroom_main_txt {
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .ageo .main .imgbox {
    width: 100%;
  }
  .ageo .main .imgbox img {
    width: 100%;
  }
  .ageo .main .textbox {
    width: 100%;
    display: block;
    text-align: center;
  }
  .ageo .main .textbox .text {
    max-width: none;
    margin: 25px 0 45px 0;
  }
}
@media screen and (max-width: 480px) {
  .ageo .main .textbox .text {
    font-size: 2rem;
    line-height: 3.6rem;
    text-align: left;
  }
}
/*店長画像*/
.ageo .main .img_flexbox {
  display: flex;
  padding: 20px;
  margin-top: 30px;
  align-items: center;
  text-align: left;
  width: 100%;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.ageo .main .img_flexbox .showroom_manager_img {
  max-width: 240px;
  width: 100%;
  margin: 0 1% 0 0;
  text-align: center;
}
.ageo .main .img_flexbox .showroom_main_txt {
  margin-top: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .ageo .main .img_flexbox {
    display: block;
    padding: 20px;
  }
  .ageo .main .img_flexbox .showroom_manager_img {
    margin: 0 auto 20px;
    max-width: 140px;
  }
}

/*=== 各カテゴリ ===*/
/*タイトルの装飾*/
.ageo .textbox .ttl_wrap {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ageo .textbox .ttl_wrap:after {
  content: "";
  display: inline-block;
  background: url(../../img/showroom/ageo_cut_right.png) no-repeat;
  background-size: contain;
  width: 159px;
  height: 175px;
}
.ageo .textbox .ttl_wrap .ttl {
  background-color: #fd8164;
  box-shadow: 24px 21px 0 0 #fdc364;
  height: 155px;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 159px);
}
.ageo .textbox .ttl_wrap .ttl .category {
  font-size: 3.6rem;
  line-height: 1;
  font-weight: bold;
  padding: 44px 20px 0 28px;
  color: #fff;
  width: calc(100% - 47px);
}
.ageo .textbox .ttl_wrap .ttl .category span {
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  margin: 8px 0 0 0;
}
.ageo .textbox .ttl_wrap .ttl .amount {
  font-size: 7.2rem;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  padding: 38px 0 0 0;
}
.ageo .textbox .ttl_wrap .ttl .amount span {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: bold;
  display: inline-block;
  position: relative;
  top: -50px;
}

@media screen and (max-width: 480px) {
  .ageo .textbox .ttl_wrap {
    display: block;
    padding: 0 24px 0 0;
  }
  .ageo .textbox .ttl_wrap:after {
    display: none;
  }
  .ageo .textbox .ttl_wrap .ttl {
    width: 100%;
  }
  .ageo .textbox .ttl_wrap .ttl .category {
    font-size: 3rem;
    padding: 44px 20px 0 10px;
    width: calc(100% - 47px);
  }
  .ageo .textbox .ttl_wrap .ttl .category span {
    font-size: 1.3rem;
    line-height: 2.4rem;
    margin: 6px 0 0 0;
  }
  .ageo .textbox .ttl_wrap .ttl .amount {
    font-size: 6rem;
    line-height: 1;
    padding: 38px 10px 0 0;
  }
  .ageo .textbox .ttl_wrap .ttl .amount span {
    font-size: 1.4rem;
    top: -40px;
  }
}
/*タイトルの装飾 右サイドにある場合の振り分け*/
.ageo .reverse .textbox .ttl_wrap:after {
  display: none;
}
.ageo .reverse .textbox .ttl_wrap:before {
  content: "";
  display: inline-block;
  background: url(../../img/showroom/ageo_cut_left.png) no-repeat;
  background-size: contain;
  width: 159px;
  height: 175px;
  z-index: 1;
}
.ageo .reverse .textbox .ttl_wrap .ttl {
  box-shadow: -24px 21px 0 0 #fdc364;
}
.ageo .reverse .textbox .ttl_wrap .ttl .category {
  text-align: right;
}
.ageo .textbox .ttl_wrap .ttl .category span {
  text-align: left;
}

@media screen and (max-width: 480px) {
  .ageo .reverse .textbox .ttl_wrap {
    display: block;
    padding: 0 0 0 24px;
  }
  .ageo .reverse .textbox .ttl_wrap:before {
    display: none;
  }
  .ageo .reverse .textbox .ttl_wrap .ttl .category {
    padding: 44px 10px 0 20px;
    width: calc(100% - 57px);
  }
  .ageo .reverse .textbox .ttl_wrap .ttl .amount {
    padding: 38px 0 0 10px;
  }
}
/*テキストは共通*/
.ageo .textbox .text {
  font-size: 1.6rem;
  line-height: 3.2rem;
  margin: 40px 0 0 0;
}
/*キッチン*/
.ageo .kitchen .triangle_wrap {
  padding-bottom: 56px;
  overflow: hidden;
  position: relative;
}
.ageo .kitchen .triangle_wrap:before {
  position: absolute;
  bottom: 0;
  right: -570px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 570px 587px 570px;
  border-color: transparent transparent #f0ded9 transparent;
  z-index: -1;
}
.ageo .kitchen .textbox {
  width: 61.85%;
}
.ageo .kitchen .textbox .text {
  padding: 0 132px 10px 24px;
}
.ageo .kitchen .imgbox {
  max-width: 393px;
  width: 36.15%;
}
.ageo .kitchen .flex_image {
  margin: 15px 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.ageo .kitchen .flex_image img {
  width: 33.1%;
}
.ageo .kitchen .flex_image img:nth-last-of-type(2) {
  width: 31.1%;
}

@media screen and (max-width: 768px) {
  .ageo .kitchen .textbox {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .ageo .kitchen .textbox .text {
    padding: 0 24px;
  }
  .ageo .kitchen .imgbox {
    max-width: none;
    width: 100%;
  }
  .ageo .kitchen .imgbox img {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .ageo .kitchen .triangle_wrap:before {
    border-width: 0 570px 1400px 570px;
  }
  .ageo .kitchen .flex_image img {
    width: 100%;
    margin: 20px 0 0 0;
  }
  .ageo .kitchen .flex_image img:nth-last-of-type(2) {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
/*サニタリー*/
.ageo .sanitary {
  margin: 85px auto 0;
}
.ageo .sanitary .textbox {
  min-width: 510px;
  width: 48%;
}
.ageo .sanitary .textbox .ttl_wrap .ttl .category {
  padding: 44px 20px 0 10px;
}
.ageo .sanitary .textbox .text {
  padding: 0 24px 0 0;
}
.ageo .sanitary .imgbox {
  max-width: 570px;
  width: calc(98% - 510px);
}

@media screen and (max-width: 768px) {
  .ageo .sanitary .textbox {
    min-width: auto;
    width: 100%;
    margin: 0 0 40px 0;
  }
  .ageo .sanitary .textbox .text {
    padding: 0 24px;
  }
  .ageo .sanitary .imgbox {
    max-width: none;
    width: 100%;
    text-align: center;
  }
}
/*トイレ*/
.ageo .toilet {
  margin: 85px auto 0;
}
.ageo .toilet .textbox {
  min-width: 510px;
  width: 48%;
}
.ageo .toilet .textbox .ttl_wrap .ttl .category {
  padding: 44px 20px 0 10px;
}
.ageo .toilet .textbox .text {
  padding: 0 0 0 24px;
}
.ageo .toilet .imgbox {
  max-width: 570px;
  width: calc(98% - 510px);
}

@media screen and (max-width: 768px) {
  .ageo .toilet .textbox {
    min-width: auto;
    width: 100%;
    margin: 0 0 40px 0;
  }
  .ageo .toilet .textbox .text {
    padding: 0 24px;
  }
  .ageo .toilet .imgbox {
    max-width: none;
    width: 100%;
    text-align: center;
  }
}
/*ユニットバス*/
.ageo .bath {
  margin: 85px auto 0;
}
.ageo .bath .textbox {
  min-width: 510px;
  width: 48%;
}
.ageo .bath .textbox .ttl_wrap .ttl .category {
  padding: 44px 20px 0 10px;
}
.ageo .bath .textbox .text {
  padding: 0 24px 0 0;
}
.ageo .bath .imgbox {
  max-width: 570px;
  width: calc(98% - 510px);
}

@media screen and (max-width: 768px) {
  .ageo .bath .textbox {
    min-width: auto;
    width: 100%;
    margin: 0 0 40px 0;
  }
  .ageo .bath .textbox .text {
    padding: 0 24px;
  }
  .ageo .bath .imgbox {
    max-width: none;
    width: 100%;
    text-align: center;
  }
}
/*リビング*/
.ageo .living .textbox .ttl_wrap:after {
  display: none;
}
.ageo .living {
  margin: 85px auto 0;
}
.ageo .living .textbox {
  min-width: 510px;
  width: 48%;
}
.ageo .living .textbox .ttl_wrap {
  padding: 0 24px 0 0;
}
.ageo .living .textbox .ttl_wrap .ttl {
  width: 100%;
}
.ageo .living .textbox .ttl_wrap .ttl .category {
  padding: 44px 20px 0 10px;
}
.ageo .living .textbox .text {
  padding: 0 0 0 24px;
}
.ageo .living .imgbox {
  max-width: 570px;
  width: calc(98% - 510px);
}

@media screen and (max-width: 768px) {
  .ageo .living .textbox {
    min-width: auto;
    width: 100%;
    margin: 0 0 40px 0;
  }
  .ageo .living .textbox .text {
    padding: 0 24px;
  }
  .ageo .living .imgbox {
    max-width: none;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .ageo .living .textbox .ttl_wrap .ttl .category {
    font-size: 3rem;
    padding: 44px 20px 0 10px;
    width: 100%;
  }
}
/*PRODUCT*/
/*.showroom .ageo .product p.sub{
  font-size: 1.8rem;
  line-height: 3rem;
  text-align: center;
  margin: 0;
  font-weight: bold;
}
.showroom .ageo .product p.sub:after {
  content: "";
  display: block;
  background: #000;
  width: 21px;
  height: 3px;
  margin: 0 auto 12px;
}*/
.showroom .ageo .product p.ttl {
  margin: 0 0 60px 0;
}
.showroom .ageo .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 340px) {
  .showroom .ageo .product .ttl {
    font-size: 2.5rem;
  }
}
.ageo .gallery {
  margin: 100px auto 0;
}
.ageo .gallery .ttl_block .ttl {
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #fd8164;
  box-shadow: 24px 21px 0 0 #fdc364;
  max-width: 504px;
  width: 100%;
  margin: 0 auto 80px;
  padding: 30px 10px;
}
.ageo .gallery .ttl_block {
  padding: 0 24px 0 0;
}
/*==========================================
ページ個別 世田谷
===========================================*/
/*=== 全体 ===*/
.setagaya .w1140 .wrap {
  max-width: 1190px;
}
.setagaya .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.setagaya .flexbox.reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .setagaya .flexbox {
    display: block;
  }
}
/*メイン*/
.setagaya .main {
  margin: 80px auto 0;
  padding: 25% 0 17.4% 0;
  position: relative;
}
.setagaya .main p {
  font-size: 3.6rem;
  line-height: 5rem;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 47px 30px;
  background-color: #454f5b;
  display: inline-block;
  box-shadow: 7px 7px 20px 2px rgba(0, 0, 0, 0.3);
}
.setagaya .main img {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  box-shadow: 7px 7px 20px 2px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
  .setagaya .main {
    padding: 0;
  }
  .setagaya .main p {
    font-size: 3.2rem;
    line-height: 4.6rem;
    padding: 47px 30px;
    width: 100%;
    text-align: center;
    display: block;
  }
  .setagaya .main img {
    position: relative;
    height: auto;
    top: auto;
    right: auto;
    z-index: -1;
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .setagaya .main p {
    font-size: 2.8rem;
    line-height: 4rem;
    padding: 20px 20px;
    text-align: left;
  }
}
/*背景の縦帯*/
.setagaya .f01 {
  position: relative;
  padding: 35px 0 0 0;
}
.setagaya .f01:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 47.8%;
  background-color: #454f5b;
  z-index: -1;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);
}
.setagaya .b01 {
  position: relative;
  padding: 35px 0 0 0;
}
.setagaya .b01:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 47.8%;
  background-color: #8f5857;
  z-index: -1;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);
}
/*店長挨拶*/
.setagaya .managervoice {
  box-shadow: 4px 4px 20px 2px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  max-width: 960px;
  width: 100%;
  margin: 30px auto 60px;
  line-height: 2.8rem;
  padding: 25px 0;
}
.setagaya .managervoice .lead_txt {
  font-size: 2.8rem;
  line-height: 4.8rem;
  text-align: center;
  padding: 0 2%;
}
.setagaya .managervoice .lead_txt::after {
  content: "";
  height: 1px;
  max-width: 275px;
  width: 100%;
  display: block;
  margin: 15px auto 25px;
  background-color: #dfdfdf;
}
.setagaya .managervoice .row {
  padding: 0 2.5%;
}
.setagaya .managervoice .manager {
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
}
.setagaya .managervoice .txt p:not(:last-child) {
  margin-bottom: 2em;
}
.setagaya .managervoice .txt .showroom_main_txt {
  padding: 0;
}
.setagaya .managervoice .bottom_block {
  text-align: center;
  line-height: 3.6rem;
  font-size: 1.8rem;
}
.setagaya .managervoice .bottom_block .bg_gray {
  background: #edefed;
  padding: 25px 2.5%;
  margin: 25px auto 0;
}
.setagaya .managervoice .bottom_block .large_txt {
  font-size: 2.4rem;
  margin: 25px auto 0;
  padding: 0 2%;
}

@media screen and (min-width: 768px) {
  .setagaya .managervoice .row {
    align-items: center;
    justify-content: space-between;
  }
  .setagaya .managervoice .manager {
    max-width: 170px;
  }
  .setagaya .managervoice .txt {
    width: 80%;
    padding-left: 2%;
  }
}

@media screen and (max-width: 767px) {
  .setagaya .managervoice .lead_txt {
    font-size: 2.4rem;
    text-align: left;
  }
  .setagaya .managervoice .row {
    display: block;
  }
  .setagaya .managervoice .manager {
    margin: 0 auto 25px;
    max-width: 110px;
  }
  .setagaya .managervoice .bottom_block .large_txt {
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 480px) {
  .setagaya .managervoice .lead_txt {
    font-size: 2.1rem;
  }
  .setagaya .managervoice .lead_txt br {
    display: none;
  }
  .setagaya .managervoice .bottom_block {
    font-size: 1.6rem;
  }
  .setagaya .managervoice .bottom_block .large_txt {
    font-size: 1.8rem;
  }
}
/*コンテンツ部分*/
.setagaya .flexbox {
  margin: 32px 0 0 0;
}
.setagaya .flexbox .textbox {
  width: 50%;
  padding: 0 0 0 25px;
  z-index: 1;
}
.setagaya .flexbox .textbox .textbox_inner {
  box-shadow: 4px 4px 20px 2px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  position: relative;
}
.setagaya .f01 .flexbox .textbox .textbox_inner .flore {
  font-size: 7.2rem;
  position: absolute;
  top: 20px;
  left: 30px;
  color: #454f5b;
}
.setagaya .flexbox .textbox .textbox_inner .flore span {
  font-size: 3.6rem;
}
.setagaya .flexbox .textbox .textbox_inner .ttl {
  font-size: 2.8rem;
  line-height: 4.9rem;
  text-align: center;
  padding: 45px 100px 0 100px;
}
.setagaya .flexbox .textbox .textbox_inner .ttl:after {
  content: "";
  height: 1px;
  max-width: 275px;
  width: 100%;
  display: block;
  margin: 5px auto 0;
  background-color: #dfdfdf;
}
.setagaya .flexbox .textbox .textbox_inner .text {
  font-size: 1.6rem;
  line-height: 3.2rem;
  text-align: center;
  margin: 23px 0 0 0;
  padding: 0 50px 45px;
}
.setagaya .flexbox .imgbox {
  width: 50%;
  z-index: 2;
}
.setagaya .flexbox .imgbox img {
  display: block;
  box-shadow: 4px 4px 20px 2px rgba(0, 0, 0, 0.3);
  width: 100%;
}
.setagaya .flexbox.reverse .textbox {
  width: 50%;
  padding: 0 25px 0 0;
}
.setagaya .b01 .flexbox .textbox .textbox_inner .flore {
  font-size: 7.2rem;
  position: absolute;
  top: 20px;
  left: 30px;
  color: #8f5857;
}
.setagaya .flexbox.last {
  padding: 0 0 75px 0;
}
.setagaya .flexbox.last .textbox {
  width: 273px;
  padding: 0 0 0 25px;
}
.setagaya .flexbox.last .imgbox {
  width: calc(100% - 273px);
}
.setagaya .flexbox.last .textbox .textbox_inner .ttl {
  padding: 100px 18px 0 18px;
}
.setagaya .flexbox.last .textbox .textbox_inner .ttl:after {
  max-width: 235px;
}
.setagaya .flexbox.last .textbox .textbox_inner .text {
  padding: 0 10px 45px;
}

@media screen and (max-width: 768px) {
  .setagaya .flexbox .textbox {
    width: 100%;
    padding: 0 25px;
    z-index: 1;
  }
  .setagaya .flexbox .imgbox {
    width: 100%;
    z-index: 2;
  }
  .setagaya .flexbox.reverse .textbox {
    width: 100%;
    padding: 0 25px;
    z-index: 1;
  }
  .setagaya .flexbox.last .textbox {
    width: 100%;
    padding: 0 25px;
    z-index: 1;
  }
  .setagaya .flexbox.last .imgbox {
    width: 100%;
    z-index: 2;
  }
  .setagaya .flexbox .textbox .textbox_inner .ttl {
    font-size: 2.8rem;
    line-height: 4.9rem;
    text-align: center;
    padding: 45px 100px 0 100px;
  }
  .setagaya .flexbox.last .textbox .textbox_inner .ttl {
    padding: 45px 100px 0 100px;
  }
}

@media screen and (max-width: 640px) {
  .setagaya .flexbox .textbox .textbox_inner .ttl {
    font-size: 2.8rem;
    line-height: 4.9rem;
    text-align: left;
    padding: 100px 10px 0 10px;
  }
  .setagaya .flexbox.last .textbox .textbox_inner .ttl {
    padding: 100px 10px 0 10px;
  }
  .setagaya .flexbox .textbox .textbox_inner .text {
    text-align: left;
    padding: 0 10px 45px;
  }
  .setagaya .flexbox .textbox .textbox_inner .ttl:after {
    margin: 5px 0 0;
  }
  .setagaya .flexbox.last .textbox .textbox_inner .ttl:after {
    max-width: 275px;
    margin: 5px 0 0;
  }
}

@media screen and (max-width: 380px) {
  .setagaya .flexbox .textbox {
    width: 100%;
    padding: 0 15px;
    z-index: 1;
  }
  .setagaya .flexbox.reverse .textbox {
    width: 100%;
    padding: 0 15px;
    z-index: 1;
  }
  .setagaya .flexbox.last .textbox {
    width: 100%;
    padding: 0 15px;
    z-index: 1;
  }
  .setagaya .flexbox .textbox .textbox_inner .ttl {
    font-size: 2.4rem;
    line-height: 4.2rem;
  }
}
/*世田谷店の施工事例*/
.setagaya .gallery {
  margin-bottom: 100px;
}
.setagaya .gallery .ttl_block {
  padding: 22% 0 6% 0;
  position: relative;
  margin-bottom: 80px;
}
.setagaya .gallery .ttl_block img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  box-shadow: 7px 7px 20px 2px rgba(0, 0, 0, 0.3);
  height: 100%;
  max-width: 1000px;
  width: 100%;
}
.setagaya .gallery .ttl_block .ttl {
  font-size: 3.6rem;
  line-height: 5rem;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 47px 30px;
  background-color: #454f5b;
  display: block;
  box-shadow: 7px 7px 20px 2px rgba(0, 0, 0, 0.3);
  max-width: 567px;
  width: 100%;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 768px) {
  .setagaya .gallery .ttl_block {
    padding: 0;
  }
  .setagaya .gallery .ttl_block img {
    position: relative;
    height: auto;
    top: auto;
    right: auto;
    z-index: -1;
    display: block;
  }
  .setagaya .gallery .ttl_block .ttl {
    font-size: 3.2rem;
    line-height: 4.6rem;
    padding: 47px 30px;
    text-align: center;
    max-width: none;
  }
}

@media screen and (max-width: 480px) {
  .setagaya .gallery .ttl_block .ttl {
    font-size: 2.8rem;
    line-height: 4rem;
    padding: 20px 20px;
  }
}

@media screen and (max-width: 380px) {
  .setagaya .gallery .ttl_block .ttl {
    font-size: 2.4rem;
  }
}
/*PRODUCT*/
.showroom .setagaya .product {
  margin: 0 auto;
}
.showroom .product p.sub {
  font-size: 3.6rem;
  line-height: 6.3rem;
  text-align: center;
  margin: 0;
  font-weight: bold;
}
.showroom .setagaya .product p.ttl {
  line-height: 1;
  margin: 0 0 60px 0;
}
.showroom .setagaya .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 340px) {
  .showroom .setagaya .product .ttl {
    font-size: 2.5rem;
  }
}
/*==========================================
ページ個別 府中
===========================================*/
/*=== 全体 ===*/
.fuchu .w1140 .wrap {
  max-width: 1190px;
}
.fuchu .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.fuchu .flexbox.reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .fuchu .flexbox {
    display: block;
  }
}
/*コンテンツ部分*/
.fuchu .main {
  margin: 80px auto 0;
}
.fuchu .main .flexbox {
  align-items: stretch;
}
.fuchu .main .textbox {
  background-color: #cfe7ef;
  width: 38%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fuchu .main .textbox p {
  font-size: 3.6rem;
  line-height: 6.3rem;
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.fuchu .main .imgbox {
  width: 62%;
  padding: 808px 0 0 0;
  background: url(../../img/showroom/fuchu_img01.jpg) no-repeat;
  background-size: cover;
  background-position: left;
}
.fuchu .showroom_main_txt {
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

/*移転リニューアル*/
.renewal .img {
  position: relative;
}
.renewal .img h2 {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 30px;
}
.renewal_detail,
.renewal_event {
  background-color: #f8f8f8;
  padding: 20px 30px 0;
}
.renewal_detail h3 {
  font-weight: bold;
  font-size: 2rem;
  margin: 30px 0;
}
.renewal_detail p {
  line-height: 1.6;
}
.renewal_event {
  padding: 50px 30px;
}
.renewal_event h2 {
  font-weight: bold;
  text-align: center;
  color: #008080;
  font-size: 2.4rem;
  margin-bottom: 30px;
}
.renewal_event p {
  font-size: 18px;
  line-height: 1.6;
}
.renewal_event a {
  margin: 30px auto;
  text-align: center;
  color: #ff9933;
  border: 1px solid #ff9933;
  max-width: 450px;
  width: 90%;
  display: block;
  padding: 20px 0;
  font-weight: bold;
  font-size: 1.6rem;
}
.renewal_event a:hover {
  background-color: #ff9933;
  color: #fff;
}

/*移転リニューアルここまで*/
@media screen and (max-width: 768px) {
  .fuchu .main .textbox {
    width: 100%;
    display: block;
  }
  .fuchu .main .textbox p {
    writing-mode: horizontal-tb;
    padding: 20px;
  }
  .fuchu .main .imgbox {
    width: 100%;
    padding: 114.2% 0 0 0;
    background: url(../../img/showroom/fuchu_img01.jpg) no-repeat;
    background-size: cover;
    background-position: left;
  }
}
@media screen and (max-width: 480px) {
  .fuchu .main .textbox p {
    font-size: 2.4rem;
    line-height: 4rem;
  }
}
/*店長画像*/
.fuchu .main .img_flexbox {
  display: flex;
  margin-top: 60px;
  width: 100%;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.fuchu .main .img_flexbox .showroom_manager_img {
  max-width: 240px;
  width: 100%;
  margin: 0;
  text-align: center;
  position: relative;
}
.fuchu .main .img_flexbox .showroom_main_txt {
  font-size: 1.7rem;
  padding: 30px;
  background: #cfe7ef;
  margin: 0 0 0 auto;
  max-width: 800px;
  position: relative;
}
.fuchu .main .img_flexbox .showroom_main_txt::before {
  border-right: 40px solid #cfe7ef;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  content: "";
  margin-top: -20px;
  position: absolute;
  left: -40px;
  top: 50%;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .fuchu .main .img_flexbox {
    display: block;
    margin-top: 50px;
  }
  .fuchu .main .img_flexbox .showroom_manager_img {
    margin: 0 auto 50px;
    max-width: 140px;
  }
  .fuchu .main .img_flexbox .showroom_main_txt::before {
    border-bottom: 40px solid #cfe7ef;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: none;
    margin-top: 0;
    margin-left: -20px;
    top: -40px;
    left: 50%;
  }
}
.fuchu .content {
  margin: 80px auto 0;
}
.fuchu .content .ttl_flex {
  align-items: flex-start;
}
.fuchu .content .ttl_flex .textbox {
  width: 433px;
}
.fuchu .content .ttl_flex .textbox p {
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-weight: bold;
  text-align: center;
  padding: 40px 10px 76px;
}
.fuchu .content .ttl_flex .imgbox {
  width: calc(100% - 433px);
}

@media screen and (max-width: 768px) {
  .fuchu .content {
    margin: 60px auto 0;
  }
  .fuchu .content .ttl_flex {
    width: 100%;
  }
  .fuchu .content .ttl_flex .textbox {
    max-width: 433px;
    width: 100%;
    margin: 0 auto;
  }
  .fuchu .content .ttl_flex .imgbox {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .fuchu .content .ttl_flex .textbox p {
    font-size: 2rem;
    line-height: 3.6rem;
    font-weight: bold;
    text-align: center;
    padding: 20px 10px 56px;
  }
}
.fuchu .content .text_flex {
  align-items: flex-end;
}
.fuchu .content .text_flex .textbox {
  width: 50%;
}
.fuchu .content .text_flex .textbox p {
  font-size: 1.6rem;
  line-height: 3.2rem;
  padding: 32px 30px 22px;
}
.fuchu .content .text_flex .imgbox {
  width: 50%;
  margin: -20.5% 0 0 0;
}
.fuchu .content .ttl_flex .textbox .text_bg01 {
  background: url(../../img/showroom/fuchu_text_bg01.png) no-repeat;
  background-size: contain;
}
.fuchu .content .ttl_flex .textbox .text_bg02 {
  background: url(../../img/showroom/fuchu_text_bg02.png) no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .fuchu .content .text_flex .textbox {
    width: 100%;
  }
  .fuchu .content .text_flex .textbox p {
    font-size: 1.6rem;
    line-height: 3.2rem;
    padding: 32px 30px 22px;
  }
  .fuchu .content .text_flex .imgbox {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
.fuchu .content .double_img {
  margin: 110px 0;
}
.fuchu .content .double_img img {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .fuchu .content .double_img {
    margin: 110px 0;
    display: flex;
    justify-content: space-between;
  }
  .fuchu .content .double_img img {
    width: 50%;
  }
}
.fuchu .end {
  margin: 95px auto 0;
}
.fuchu .end .textbox {
  width: 297px;
  height: 562px;
  display: flex;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
  background: url(../../img/showroom/fuchu_text_bg03.png) no-repeat;
  background-size: contain;
  background-position: top;
}
.fuchu .end .textbox .wl_ttl {
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 35px 0 73px;
}
.fuchu .end .textbox .text {
  font-size: 1.6rem;

  line-height: 3.2rem;
  display: inline-block;
  padding: 10px 10px 42px;
}
.fuchu .end .imgbox {
  width: calc(100% - 297px);
  padding: 562px 0 0 0;
  background: url(../../img/showroom/fuchu_img08.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 768px) {
  .fuchu .end .textbox {
    width: 100%;
    height: auto;
    background: none;
  }
  .fuchu .end .textbox .wl_ttl {
    height: auto;
    background: url(../../img/showroom/fuchu_text_bg03.png) no-repeat;
    background-size: contain;
    background-position: top;
    padding: 35px 85px 110px;
  }
  .fuchu .end .imgbox {
    width: 100%;
    padding: 66.67% 0 0 0;
  }
}

@media screen and (max-width: 480px) {
  .fuchu .end .textbox .wl_ttl {
    font-size: 2.2rem;
    line-height: 3.8rem;
    padding: 35px 75px 110px;
  }
}
/*PRODUCT*/
.showroom .fuchu .product p.sub {
  font-size: 3.6rem;
  line-height: 6.3rem;
  text-align: center;
  margin: 0;
  font-weight: bold;
}
.showroom .fuchu .product .ttl_wrap {
  text-align: center;
}
.showroom .fuchu .product p.ttl {
  line-height: 1;
  margin: 0 0 60px 0; /*position: relative;
  display: inline-block;*/
}
/*.showroom .fuchu .product p.ttl:before{
  content: "";
  display: inline-block;
  width: 72px;
  height: 44px;
  background: url(../../img/showroom/fuchu_icon_01.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -15px;
  left: -70px;
}
.showroom .fuchu .product p.ttl:after{
  content: "";
  display: inline-block;
  width: 72px;
  height: 44px;
  background: url(../../img/showroom/fuchu_icon_02.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -15px;
  right: -70px;
}*/
.showroom .fuchu .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 480px) {
  .showroom .fuchu .product p.ttl:before {
    width: 72px;
    height: 44px;
    top: -40px;
    left: auto;
    right: -32px;
  }
  .showroom .fuchu .product p.ttl:after {
    width: 72px;
    height: 44px;
    bottom: -40px;
    right: auto;
    left: -32px;
  }
}

@media screen and (max-width: 380px) {
  .showroom .fuchu .product .ttl {
    font-size: 2.2rem;
  }
  .showroom .fuchu .product p.ttl:before {
    width: 36px;
    height: 22px;
    top: -20px;
    left: auto;
    right: -25px;
  }
  .showroom .fuchu .product p.ttl:after {
    width: 36px;
    height: 22px;
    bottom: -20px;
    right: auto;
    left: -25px;
  }
}
.fuchu .gallery {
  margin: 90px auto 0;
}
.fuchu .gallery .ttl {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 60px;
}
/*==========================================
ページ個別 杉並
===========================================*/
/*=== 全体 ===*/
.suginami .w1140 .wrap {
  max-width: 1190px;
}
.suginami .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.suginami .flexbox.reverse {
  flex-direction: row-reverse;
}
/*テキスト部分の調整*/
.suginami .text_block {
  margin: 0 0 45px;
}
.suginami .text_block .textbox {
  width: 298px;
}
.suginami .text_block .textbox .ttl {
  position: relative;
}
.suginami .text_block .textbox .ttl img.ttl_svg {
  height: 22px;
}
.suginami .text_block .textbox .ttl:after {
  content: "";
  display: block;
  width: 96px;
  height: 2px;
  background: url(../../img/showroom/suginami_border.png) no-repeat;
  background-size: contain;
  margin: 40px 0 42px 4px;
}
.suginami .text_block .textbox .text {
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.suginami .text_block .imgbox {
  width: calc(100% - 298px);
}

@media screen and (max-width: 768px) {
  .suginami .text_block {
    display: block;
    margin: 0 0 45px;
  }
  .suginami .text_block .textbox {
    width: 100%;
    margin: 0 0 45px 0;
  }
  .suginami .text_block .textbox .ttl {
    display: inline-block;
  }
  .suginami .text_block .imgbox {
    width: 100%;
    display: block;
  }
}
/*大小の画像の並び*/
.suginami .imgbox.large {
  width: 64.73%;
}
.suginami .imgbox.small {
  width: 30.96%;
}
/*=== メインビジュアル ===*/
.suginami .main {
  margin: 80px auto 0;
}
.suginami .main .main_flex.flexbox {
  align-items: stretch;
}
.suginami .main .visual {
  width: 55.78%;
  background-color: #fbf7e9;
}
.suginami .main .visual .main_text {
  width: 31.76%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.suginami .main .visual .main_text img {
  width: 36.63%;
}
.suginami .main .visual .main_img {
  width: 68.24%;
  height: 100%;
  background: url(../../img/showroom/suginami_img02.jpg) no-repeat;
  background-size: cover;
}
.suginami .main .imgbox {
  width: 44.22%;
  background: url(../../img/showroom/suginami_img01.jpg) no-repeat;
  background-size: cover;
  padding: 58% 0 0 0; /*←メインビジュアルの高さの基準になる*/
}
.suginami .showroom_main_txt {
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
@media screen and (max-width: 480px) {
  .suginami .main .main_flex.flexbox {
    display: block;
  }
  .suginami .main .visual {
    width: 100%;
    background-color: #fbf7e9;
  }
  .suginami .main .imgbox {
    width: 100%;
    margin: -5px 0 0 0;
    background: none;
    padding: 0;
  }
  .suginami .main .visual .main_img {
    width: 68.24%;
    height: auto;
    background: none;
  }
}

/*店長画像*/
.suginami .main .img_flexbox {
  display: flex;
  padding: 20px 0 0;
  text-align: center;
  width: 100%;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  margin: 20px 0 0;
  align-items: center;
}
.suginami .main .img_flexbox .showroom_manager_img {
  width: 100%;
  margin: 0 4% 0 0;
  text-align: center;
  position: relative;
  z-index: 2;
  flex-basis: 26%;
}
.suginami .main .img_flexbox .showroom_main_txt {
  margin: 0;
  padding: 0 2%;
  flex-basis: 70%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .suginami .main .img_flexbox {
    display: block;
    padding: 20px;
  }
  .suginami .main .img_flexbox .showroom_manager_img {
    margin: 0 auto 20px;
    max-width: 140px;
  }
  .suginami .show_manager_name {
    font-size: 1.4rem;
  }
  .suginami .main .img_flexbox .showroom_main_txt {
    padding: 0;
    text-align: center;
  }
}

/*=== カタログ ===*/
.suginami .catalog {
  margin: 90px auto 0;
}
.suginami .catalog .text_block {
  min-height: 390px;
}
.suginami .catalog .text_block .textbox {
  padding: 0 45px 0 35px;
}
.suginami .catalog .text_block .textbox .ttl:before {
  content: "";
  display: inline-block;
  width: 68px;
  height: 59px;
  background: url(../../img/showroom/suginami_icon01.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -85px;
  right: -3px;
}

@media screen and (max-width: 768px) {
  .suginami .catalog {
    margin: 50px auto 0;
  }
  .suginami .catalog .text_block .textbox {
    padding: 70px 30px 0;
  }
  .suginami .catalog .text_block .textbox .ttl:before {
    content: "";
    display: inline-block;
    width: 68px;
    height: 59px;
    background: url(../../img/showroom/suginami_icon01.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -70px;
    right: -45px;
  }
}

@media screen and (max-width: 480px) {
  .suginami .catalog .text_block .textbox {
    padding: 90px 15px 0;
  }
}
/*=== アイデア ===*/
.suginami .idea {
  margin: 90px auto 0;
}
.suginami .idea .text_block {
  min-height: 390px;
}
.suginami .idea .text_block .textbox {
  padding: 0 35px;
}
.suginami .idea .text_block .textbox .ttl:before {
  content: "";
  display: inline-block;
  width: 73px;
  height: 85px;
  background: url(../../img/showroom/suginami_icon02.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -107px;
  right: -2px;
}

@media screen and (max-width: 768px) {
  .suginami .idea {
    margin: 50px auto 0;
  }
  .suginami .idea .text_block .textbox {
    padding: 90px 30px 0;
  }
  .suginami .idea .text_block .textbox .ttl:before {
    content: "";
    display: inline-block;
    width: 73px;
    height: 85px;
    background: url(../../img/showroom/suginami_icon02.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -90px;
    right: -45px;
  }
}

@media screen and (max-width: 480px) {
  .suginami .idea .text_block .textbox {
    padding: 90px 15px 0;
  }
}
/*=== リファー ===*/
.suginami .refer {
  margin: 90px auto 0;
}
.suginami .refer .refer_head {
  display: flex;
  justify-content: center;
  margin: 0 0 40px 0;
}
.suginami .refer .refer_head .center_text {
  text-align: center;
}
.suginami .refer .refer_head .center_text .ttl .ttl_svg {
  height: 22px;
}
.suginami .refer .refer_head .center_text .ttl:after {
  content: "";
  display: block;
  width: 96px;
  height: 2px;
  background: url(../../img/showroom/suginami_border.png) no-repeat;
  background-size: contain;
  margin: 40px auto 50px;
}
.suginami .refer .refer_head .center_text .text {
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.suginami .refer .refer_head .icon01 {
  margin: 0 6.1% 0 0;
}
.suginami .refer .refer_head .icon02 {
  padding: 4.7% 0 0 0;
  margin: 0 0 0 5.6%;
}
.suginami .refer .flexbox.long {
  margin: 0 0 4.38% 0;
}
.suginami .refer .imgbox {
  width: 30.43%;
}

@media screen and (max-width: 480px) {
  .suginami .refer {
    margin: 230px auto 0;
  }
  .suginami .refer .refer_head {
    display: block;
    position: relative;
  }
  .suginami .refer .refer_head .center_text {
    width: 100%;
  }
  .suginami .refer .refer_head .icon01 {
    margin: 0;
    position: absolute;
    top: -180px;
    left: 0;
  }
  .suginami .refer .refer_head .icon02 {
    padding: 0;
    margin: 0;
    position: absolute;
    top: -100px;
    right: 0;
  }
}
/*PRODUCT*/
.showroom .suginami .product p.sub {
  font-size: 3.6rem;
  line-height: 6.3rem;
  text-align: center;
  margin: 0;
  font-weight: bold;
}
.showroom .suginami .product .ttl_wrap {
  text-align: center;
}
.showroom .suginami .product p.ttl {
  line-height: 1;
  margin: 0 0 60px 0; /*position: relative;
  display: inline-block;*/
}
/*.showroom .suginami .product p.ttl:before{
  content: "";
  display: inline-block;
  width: 23px;
  height: 49px;
  background: url(../../img/showroom/suginami_icon05.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: -33px;
}*/
.showroom .suginami .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 380px) {
  .showroom .suginami .product .ttl {
    font-size: 2.2rem;
  }
  .showroom .suginami .product p.ttl:before {
    width: 16px;
    height: 34px;
    bottom: 0;
    left: -20px;
  }
}
.suginami .gallery {
  margin: 100px auto 0;
}
.suginami .gallery .ttl_box .ttl {
  max-width: 206px;
  width: 100%;
  margin: 0 auto 60px;
}
/*==========================================
ページ個別 川口
===========================================*/
/*=== 全体 ===*/
.kawaguchi .w1140 .wrap {
  max-width: 1190px;
}
.kawaguchi .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.kawaguchi .flexbox.reverse {
  flex-direction: row-reverse;
}
.kawaguchi .text {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #5e83fe;
}
.kawaguchi .w1140 .ttl {
  font-size: 3.6rem;
  line-height: 6.3rem;
  font-weight: bold;
  color: #399bff;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  .kawaguchi .flexbox {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .kawaguchi .w1140 .ttl {
    font-size: 2.8rem;
    line-height: 5rem;
  }
}
/*=== メイン ===*/
.kawaguchi .main {
  margin: 80px auto 0;
}
.kawaguchi .main .flexbox {
  justify-content: flex-end;
}
.kawaguchi .main .textbox {
  width: 522px;
  padding: 0 45px 0;
}
.kawaguchi .main .textbox .text {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: #5e83fe;
  font-weight: bold;
  margin: 92px 0 0 0;
  padding: 0 45px 0 30px;
}
.kawaguchi .showroom_main_txt {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: #5e83fe;
  font-weight: bold;
  margin-top: 30px;
}
.kawaguchi .main .imgbox {
  max-width: 605px;
  width: calc(100% - 522px);
  text-align: center;
}
.kawaguchi .main .imgbox .youtube {
  width: 100%;
  max-height: 315px;
  height: 26vw;
}

@media screen and (max-width: 768px) {
  .kawaguchi .main .textbox {
    width: 100%;
    padding: 40px 0 0;
  }
  .kawaguchi .main .textbox .text {
    margin: 50px 0 0 0;
    padding: 0;
  }
  .kawaguchi .main .textbox img {
    display: block;
    margin: 0 auto;
  }
  .kawaguchi .main .imgbox {
    max-width: none;
    width: 100%;
    margin: 40px 0 0 0;
  }
  .kawaguchi .main .imgbox img {
    width: 100%;
  }
  .kawaguchi .main .imgbox .youtube {
    height: 52vw;
  }
}

/*店長画像*/
.kawaguchi .textbox.renew.img_flexbox {
  display: flex;
  padding: 20px 20px 20px 0;
  margin-top: 30px;
  align-items: center;
  text-align: left;
  width: 100%;
}
.kawaguchi .img_flexbox .showroom_manager_img {
  max-width: 180px;
  width: 100%;
  margin: 0 1% 0 0;
  text-align: center;
}
.kawaguchi .showroom_manager_img .show_manager_name {
  color: #5e83fe;
}
.kawaguchi .main .textbox.renew.img_flexbox .showroom_main_txt {
  margin-top: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .kawaguchi .textbox.renew.img_flexbox {
    display: block;
    padding: 20px;
  }
  .kawaguchi .img_flexbox .showroom_manager_img {
    margin: 0 auto 20px;
    max-width: 120px;
  }
}
/*=== キャッチコピー ===*/
.kawaguchi .catch {
  margin: 45px auto 0;
}
.kawaguchi .catch .flexbox {
  justify-content: flex-end;
}
.kawaguchi .catch .textbox {
  width: 250px;
  display: flex;
  justify-content: center;
}
.kawaguchi .catch .textbox .ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.kawaguchi .catch .imgbox {
  max-width: 845px;
  width: calc(100% - 250px);
}

@media screen and (max-width: 768px) {
  .kawaguchi .catch {
    margin: 70px auto 0;
  }
  .kawaguchi .catch .textbox {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 40px 0;
  }
  .kawaguchi .catch .textbox .ttl {
    -ms-writing-mode: lr-tb !important;
    writing-mode: inherit;
    text-align: center;
  }
  .kawaguchi .catch .imgbox {
    max-width: none;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .kawaguchi .catch .textbox .ttl {
    text-align: left;
    font-size: 2.2rem;
    line-height: 4.5rem;
  }
}
/*=== キッチン ===*/
.kawaguchi .kitchen {
  margin: 60px auto 0;
}
.kawaguchi .kitchen .textbox {
  width: 282px;
  display: flex;
  align-items: center;
  min-height: 280px;
  padding: 0 24px;
  position: relative;
}
.kawaguchi .kitchen .textbox:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 72px;
  height: 292px;
  background: url(../../img/showroom/kawaguchi_svg01.svg) no-repeat;
  background-size: contain;
  z-index: -1;
}
.kawaguchi .kitchen .textbox .text {
  display: inline-block;
}
.kawaguchi .kitchen .img_block {
  max-width: 844px;
  width: calc(100% - 282px);
  display: flex;
  justify-content: space-between;
}
.kawaguchi .kitchen .img_block .imgbox {
  width: 49%;
}

@media screen and (max-width: 768px) {
  .kawaguchi .kitchen {
    margin: 90px auto 0;
  }
  .kawaguchi .kitchen .textbox {
    width: 100%;
    min-height: auto;
    padding: 0;
    margin: 0 0 40px 0;
  }
  .kawaguchi .kitchen .textbox:before {
    top: -110px;
    left: 90px;
    width: 57px;
    height: 233px;
    transform: rotate(-90deg);
  }
  .kawaguchi .kitchen .img_block {
    max-width: none;
    width: 100%;
  }
}
/*=== トイレ ===*/
.kawaguchi .toilet {
  margin: 80px auto 0;
}
.kawaguchi .toilet .textbox {
  width: 434px;
  padding: 40px 40px 0 26px;
  position: relative;
}
.kawaguchi .toilet .textbox:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -1px;
  right: 0;
  width: 72px;
  height: 195px;
  background: url(../../img/showroom/kawaguchi_svg02.svg) no-repeat;
  background-size: contain;
  z-index: -1;
}
.kawaguchi .toilet .textbox .text {
  margin: 70px 0 0 0;
}
.kawaguchi .toilet .imgbox {
  width: calc(100% - 434px);
}

@media screen and (max-width: 768px) {
  .kawaguchi .toilet {
    margin: 90px auto 0;
  }
  .kawaguchi .toilet .textbox {
    width: 100%;
    padding: 0;
    margin: 0 0 40px 0;
  }
  .kawaguchi .toilet .textbox:before {
    top: 95px;
    left: 50px;
    width: 57px;
    height: 156px;
    transform: rotate(90deg);
  }
  .kawaguchi .toilet .textbox .text {
    margin: 40px 0 0 0;
  }
  .kawaguchi .toilet .imgbox {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .kawaguchi .toilet .textbox:before {
    top: 65px;
  }
}
/*=== バス ===*/
.kawaguchi .bath {
  margin: 80px auto 120px;
}
.kawaguchi .bath .textbox {
  width: 435px;
  padding: 40px 48px 0 26px;
  position: relative;
}
.kawaguchi .bath .textbox:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 26px;
  left: 0;
  width: 72px;
  height: 180px;
  background: url(../../img/showroom/kawaguchi_svg03.svg) no-repeat;
  background-size: contain;
  z-index: -1;
}
.kawaguchi .bath .textbox .text {
  margin: 65px 0 0 0;
}
.kawaguchi .bath .imgbox {
  width: calc(100% - 435px);
}

@media screen and (max-width: 768px) {
  .kawaguchi .bath {
    margin: 90px auto 0;
  }
  .kawaguchi .bath .textbox {
    width: 100%;
    padding: 0;
    margin: 0 0 40px 0;
  }
  .kawaguchi .bath .textbox:before {
    top: 95px;
    left: 50px;
    width: 57px;
    height: 156px;
    transform: rotate(-90deg);
  }
  .kawaguchi .bath .textbox .text {
    margin: 40px 0 0 0;
  }
  .kawaguchi .bath .imgbox {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .kawaguchi .bath .textbox:before {
    top: 65px;
  }
}
/*PRODUCT*/
/*.showroom .kawaguchi .product p.sub{
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  margin: 0;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.showroom .kawaguchi .product p.sub:before{
  content: "";
  height: 2px;
  width: 110px;
  background-color: #7b7b7b;
  margin: 0 18px 0 0;
}
.showroom .kawaguchi .product p.sub:after{
  content: "";
  height: 2px;
  width: 110px;
  background-color: #7b7b7b;
   margin: 0 0 0 18px;
}*/
.showroom .kawaguchi .product p.ttl {
  line-height: 1;
  margin: 13px 0 60px 0;
}
.showroom .kawaguchi .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 340px) {
  .showroom .kawaguchi .product .ttl {
    font-size: 2.5rem;
  }
  .showroom .kawaguchi .product p.sub:before {
    width: 95px;
    background-color: #7b7b7b;
    margin: 0 15px 0 0;
  }
  .showroom .kawaguchi .product p.sub:after {
    width: 95px;
    margin: 0 0 0 15px;
  }
}
/*==========================================
ページ個別 多摩
===========================================*/
.showroom .tama {
  overflow: hidden;
}
.showroom .w1140 .wrap {
  max-width: 1190px;
}
/*=== 全体 ===*/
.showroom .tama .section_wrap {
  width: 100%;
  background: #f5f3e0;
  padding: 0 0 130px 0;
}
.showroom .tama .read_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.showroom .tama .read {
  border: 10px solid #fff;
  padding: 45px 20px;
  position: relative;
}
.showroom .tama .read_area .read .title {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 4.2rem;
  text-align: center;
}
.showroom .tama .read_area .read .text {
  margin: 30px 0 0;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.showroom .tama .img_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px 0 0;
}
.showroom .tama .item {
  position: relative;
}
/*=== メイン ===*/
.showroom .tama .main {
  margin: 80px auto 0;
  position: relative;
}
/*=== 展示スペース ===*/
.showroom .tama .space {
  margin: 60px auto 0;
}
.showroom .tama .space .read_area {
  align-items: center;
}
.showroom .tama .space .read {
  width: 310px;
  margin: 0 calc((100% - (100% - 435px) - 310px) / 2) 0;
}
.showroom .tama .space .read_img {
  width: calc(100% - 435px);
}
.showroom .tama .space .img_flex .item {
  width: 48.42%;
}
.showroom .tama .space .img_flex .img img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .showroom .tama .space .read {
    width: 100%;
    margin: 0 0 30px;
  }
  .showroom .tama .space .read_img {
    width: 100%;
  }
}
/*=== キッチン ===*/
.showroom .tama .kitchen {
  margin: 80px auto 0;
}
.showroom .tama .kitchen .read_area {
  align-items: flex-start;
  flex-direction: row-reverse;
}
.showroom .tama .kitchen .read {
  width: 302px;
  margin: 0 calc((100% - (100% - 435px) - 302px) / 2) 0;
}
.showroom .tama .kitchen .read_img {
  width: calc(100% - 435px);
}
.showroom .tama .kitchen .img_flex img {
  height: 38.5vw;
  width: auto;
  max-height: 471px;
}

@media screen and (max-width: 768px) {
  .showroom .tama .kitchen .read {
    width: 100%;
    margin: 0 0 30px;
  }
  .showroom .tama .kitchen .read_img {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .showroom .tama .kitchen .img_flex img {
    height: 36.5vw;
  }
}
/*=== サニタリー ===*/
.showroom .tama .sanitary {
  margin: 80px auto 0;
}
.showroom .tama .sanitary .read_area {
  align-items: flex-start;
}
.showroom .tama .sanitary .read {
  width: 540px;
  margin: 0 calc((100% - (100% - 596px) - 540px) / 2) 0;
}
.showroom .tama .sanitary .item {
  width: calc(100% - 596px);
}
.showroom .tama .sanitary .read_img {
  width: 100%;
}
.showroom .tama .sanitary .img_flex {
  margin: 0;
}
.showroom .tama .sanitary .img_flex .item {
  width: 31.14%;
  margin: 30px 0 0;
}
.showroom .tama .sanitary .img_flex .item img {
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .showroom .tama .sanitary .read {
    width: 480px;
    margin: 0 calc((100% - (100% - 500px) - 480px) / 2) 0;
  }
  .showroom .tama .sanitary .item {
    width: calc(100% - 500px);
  }
}

@media screen and (max-width: 900px) {
  .showroom .tama .sanitary .read {
    width: 100%;
    margin: 0 0 30px;
  }
  .showroom .tama .sanitary .item {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .showroom .tama .sanitary .img_flex .item {
    width: 47%;
  }
  .showroom .tama .sanitary .read_area .read .title .break {
    display: inline;
  }
}
/*=== シャボン玉 ===*/
.showroom .tama .bubble {
  position: absolute;
  z-index: 5;
}
.showroom .tama .bubble.bubble_1 {
  width: 40%;
  right: 2.5%;
  bottom: -11%;
}
.showroom .tama .bubble.bubble_1 .main_ttl {
  width: 36.9vw;
  max-width: 440px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.showroom .tama .bubble.bubble_1 .bubble_img {
  width: 100%;
}
.showroom .tama .bubble.bubble_2 {
  width: 14vw;
  max-width: 166px;
  left: 98%;
  bottom: 0;
}
.showroom .tama .bubble.bubble_3 {
  width: 16.5vw;
  max-width: 197px;
  left: -24%;
  bottom: -10%;
}
.showroom .tama .bubble.bubble_4 {
  width: 8.4vw;
  max-width: 100px;
  left: 95%;
  top: 12%;
}
.showroom .tama .bubble.bubble_5 {
  width: 30.25vw;
  max-width: 360px;
  left: 75%;
  top: 60%;
}
.showroom .tama .bubble.bubble_6 {
  width: 19.66vw;
  max-width: 234px;
  left: -55%;
  top: 85%;
}
.showroom .tama .bubble.bubble_7 {
  width: 16.55vw !important;
  height: auto !important;
  max-width: 197px;
  left: -10%;
  top: 85%;
}
.showroom .tama .bubble.bubble_8 {
  width: 8.23vw !important;
  height: auto !important;
  max-width: 98px;
  left: -28%;
  top: 62%;
}
.showroom .tama .bubble.bubble_9 {
  width: 20.42vw;
  max-width: 243px;
  left: 55%;
  top: 55%;
}
.showroom .tama .bubble.bubble_10 {
  width: 10.82vw;
  max-width: 118px;
  left: 67%;
  top: 70%;
}
.showroom .tama .bubble.bubble_11 {
  width: 15.46vw;
  max-width: 184px;
  left: -28%;
  top: 40%;
}
.showroom .tama .space .showroom_main_area {
  width: auto;
}
.tama .showroom_main_txt {
  line-height: 2;
  letter-spacing: 0.05em;
}
.tama .item_img_size {
  max-width: 551.938px;
  width: 100%;
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .showroom .tama .bubble.bubble_9 {
    width: 45vw;
    max-width: none;
  }
}
/*店長画像*/
.tama .img_flexbox {
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: center;
}
.tama .img_flexbox .showroom_manager_img {
  max-width: 220px;
  width: 100%;
  margin: 0 2%;
  text-align: center;
  position: relative;
  z-index: 2;
  flex-basis: 28%;
}
.tama .img_flexbox .showroom_main_txt {
  margin-top: 0;
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .tama .img_flexbox {
    display: block;
  }
  .tama .img_flexbox .showroom_manager_img {
    margin: 0 auto 20px;
    max-width: 140px;
  }
}

/*=== 多摩店で見られる商品 ===*/
/*.showroom .tama .product .ttl .ttl_inner{
  display: inline-block;
  text-align: right;
}
.showroom .tama .product .ttl .ttl_inner .item_icon{
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  top: 2rem;
}
.showroom .tama .product .ttl .ttl_inner .item_icon:before{
  content: "";
  width: 70px;
  height: 1px;
  background: #000;
  display: inline-block;
  margin-right: 7px;
  position: relative;
  top: -0.7rem;
}*/
.showroom .tama .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}
.showroom .tama .gallery {
  margin-top: 100px;
}
.showroom .tama .gallery .ttl,
.showroom .iruma .gallery .ttl,
.showroom .kawaguchi .gallery .ttl {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 60px;
}
.showroom .iruma .gallery .ttl {
  color: #ff8800;
}

/*==========================================
ページ個別 入間店
===========================================*/
/*=== 全体 ===*/
.iruma {
  overflow: hidden;
}
.iruma .w1140 .wrap {
  max-width: 1190px;
}
.iruma .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.iruma .flexbox.reverse {
  flex-direction: row-reverse;
}
.iruma .text {
  font-size: 1.6rem;
  line-height: 3.2rem;
  text-align: left; /**上下8px*/
}
.iruma .w1140 .ttl {
  font-size: 2.8rem;
  line-height: 4.9rem;
  font-weight: bold;
  color: #ff8800;
  letter-spacing: 0.1em; /*上下10px*/
}
.iruma .yellow {
  position: relative;
  background-color: #fff3db;
  background-image: url(../../img/showroom/iruma_bg_head.png);
  background-size: auto;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 160px 0 100px 0;
  margin: -30px 0 0;
}

@media screen and (max-width: 480px) {
  .iruma .yellow {
    padding: 90px 0 70px 0;
    margin: 10px 0 0 0;
    background-image: url(../../img/showroom/iruma_bg_head.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
  }
}
.iruma .textbox {
  width: 408px;
  background-color: #fff;
  position: absolute;
  padding: 50px 25px 37px;
}
.iruma .textbox .ttl {
  text-align: center;
  margin: 0 0 20px 0;
}
.iruma .textbox .sub_ttl {
  font-size: 2.1rem;
  line-height: 2.6rem;
  font-weight: bold;
  border-bottom: solid 1px #bdbdbd;
  margin: 0 0 25px 0;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .iruma .textbox {
    width: 90%;
    position: relative;
    padding: 50px 25px 37px;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 0 40px;
    display: inline-block;
  }
  .iruma .textbox .ttl {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .iruma .text {
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: left;
  }
  .iruma .w1140 .ttl {
    font-size: 2.2rem;
    line-height: 4rem;
  }
  .iruma .textbox {
    width: 100%;
    position: relative;
    padding: 50px 15px 37px;
  }
  .iruma .textbox .sub_ttl {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: bold;
    margin: 0 0 15px 0;
  }
}
/*=== メイン ===*/
.iruma .main {
  margin: 80px auto 0;
}
.iruma .main .main_img {
  padding: 49.13% 20px 0;
  background: url(../../img/showroom/iruma_img01.jpg) no-repeat;
  background-size: contain;
  position: relative;
}
.iruma .main .main_img .ttl {
  position: absolute;
  font-size: 2.4rem;
  line-height: 4.2rem;
  text-align: center;
  top: 24.15%;
  left: 0;
  width: 100%;
  padding: 0 20px;
}
.iruma .main .catch {
  text-align: center;
  position: relative;
  z-index: 2;
}
.iruma .main .catch .ttl {
  margin: 0 0 32px 0;
}
.iruma .main .catch .text {
  text-align: center;
}
.iruma .showroom_main_txt {
  text-align: center;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
@media screen and (max-width: 480px) {
  .iruma .main .main_img .ttl {
    position: relative;
    font-size: 2rem;
    line-height: 3.8rem;
    text-align: center;
    top: 0;
    left: 0;
    padding: 0;
    margin: 10px 0 0 0;
  }
  .iruma .main .catch .ttl {
    margin: 0 0 20px 0;
  }
  .iruma .main .catch .text {
    text-align: left;
  }
}

/*店長画像*/
.iruma .main .img_flexbox {
  display: flex;
  padding: 20px 0 0;
  text-align: center;
  width: 100%;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  margin: 20px 0 0;
  justify-content: center;
}
.iruma .main .img_flexbox .showroom_manager_img {
  max-width: 220px;
  width: 100%;
  margin: 0 2%;
  text-align: center;
  position: relative;
  z-index: 2;
  flex-basis: 28%;
}
.iruma .main .img_flexbox .showroom_main_txt {
  margin-top: 0;
  padding: 0 2%;
}
@media screen and (max-width: 768px) {
  /*店長画像*/
  .iruma .main .img_flexbox {
    display: block;
    padding: 20px;
  }
  .iruma .main .img_flexbox .showroom_manager_img {
    margin: 0 auto 20px;
    max-width: 140px;
  }
}

/*=== キッチン ===*/
.iruma .kitchen {
  position: relative;
}
.iruma .kitchen .img_wrap {
  text-align: right;
  margin: 0 0 45px 0;
}
.iruma .kitchen .img_wrap img {
  width: 73.9%;
}
.iruma .kitchen .imgbox {
  width: 48.15%;
}
.iruma .kitchen .textbox {
  top: 24.74%;
  left: 50px;
}

@media screen and (max-width: 768px) {
  .iruma .kitchen {
    text-align: left;
  }
  .iruma .kitchen .img_wrap img {
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  .iruma .kitchen .img_wrap {
    margin: 0 0 30px 0;
  }
  .iruma .kitchen .imgbox {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
/*=== 水回り ===*/
.iruma .water {
  position: relative;
  margin: 90px auto 0;
}
.iruma .water .img_wrap {
  width: 50%;
}
.iruma .water .img_block {
  width: 45.8%;
  padding: 328px 0 0 0;
}
.iruma .water .img_block img {
  margin: 0 0 25px 0;
}
.iruma .water .textbox {
  top: 0;
  right: 50px;
}

@media screen and (max-width: 768px) {
  .iruma .water {
    text-align: right;
  }
  .iruma .water .img_wrap {
    width: 48.15%;
  }
  .iruma .water .img_block {
    width: 48.15%;
    padding: 0;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
  }
  .iruma .water .img_block .imgbox {
    display: inline-block;
  }
  .iruma .water .img_block img {
    margin: 0;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .iruma .water {
    margin: 60px auto 0;
  }
  .iruma .water .img_wrap {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .iruma .water .img_block {
    width: 100%;
    display: block;
  }
  .iruma .water .img_block img {
    margin: 0 0 30px 0;
  }
}
/*事例フォト*/
.showroom .iruma .example_photo .title {
  color: #ff8800;
}
/*PRODUCT*/
/*.showroom .iruma .product p.sub{
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  margin: 0;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.showroom .iruma .product p.sub:before{
  content: "";
  height: 2px;
  width: 110px;
  background-color: #7b7b7b;
  margin: 0 18px 0 0;
}
.showroom .iruma .product p.sub:after{
  content: "";
  height: 2px;
  width: 110px;
  background-color: #7b7b7b;
   margin: 0 0 0 18px;
}*/
.showroom .iruma .product p.ttl {
  line-height: 1;
  margin: 0 0 60px 0;
}
.showroom .iruma .detail .map {
  width: 100%;
  height: 450px;
  margin: 35px 0 0 0;
}

@media screen and (max-width: 340px) {
  .showroom .iruma .product .ttl {
    font-size: 2.5rem;
  }
  .showroom .iruma .product p.sub:before {
    width: 95px;
    background-color: #7b7b7b;
    margin: 0 15px 0 0;
  }
  .showroom .iruma .product p.sub:after {
    width: 95px;
    margin: 0 0 0 15px;
  }
}

.showroom_select_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto 10px;
}
.showroom_select_wrap .select_box {
  width: 150px;
  margin: 10px 20px;
  border: solid 1px #000;
  text-align: center;
}
.showroom_select_wrap .select_box a {
  position: relative;
  display: block;
  width: 150px;
  padding: 10px 20px;
}
.showroom_select_wrap .select_box a span:after {
  position: absolute;
  top: 28%;
  right: 8px;
  content: "\f13a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-left: 5px;
}
.showroom_select_wrap .select_box a:hover {
  background-color: #000;
  color: #fff;
}
.showroom_select_wrap .select_box a.select {
  background-color: #000;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .showroom_select_wrap .select_box {
    margin: 10px 10px;
  }
}

/*==========================================
 共通 イベント一覧
===========================================*/
.event {
  margin-top: 100px;
}
.event_h2_wrap {
  margin-bottom: 30px;
}
.event_h2 {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
.event_h2_wrap.shinyurigaoka .event_h2 {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
.event_h2_wrap.hachioji .event_h2 {
  font-size: 2.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: 500;
  text-align: center;
}
.event_h2_wrap.suginami .event_h2 {
  font-size: 2.4rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: 400;
  text-align: center;
}
.event_h2_wrap.yokohama_aoba .event_h2 {
  font-size: 1.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
  text-align: center;
  line-height: 2.4rem;
  letter-spacing: 10px;
  display: block;
}
.event_h2_wrap.yokohama_aoba .event_h2 .event_h2s {
  font-size: 4.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 8.4rem;
  letter-spacing: 4px;
  display: block;
}
.event_h2_wrap.iruma .event_h2 {
  color: #ff8800;
}
.event_h2_wrap.ageo {
  padding: 0 24px 0 0;
  margin: 0 2.5%;
}
.event_h2_wrap.ageo .event_h2 {
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #fd8164;
  box-shadow: 24px 21px 0 0 #fdc364;
  max-width: 504px;
  width: 100%;
  margin: 0 auto 80px;
  padding: 30px 10px;
}
.event_h2_wrap.kawaguchi .event_h2 {
  font-size: 3.6rem;
  line-height: 6.3rem;
  font-weight: bold;
  color: #399bff;
  letter-spacing: 0.1em;
}
.event_inner {
  width: 100%;
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 2%;
}
.event_flex {
  display: flex;
  flex-wrap: wrap;
}
.event_item {
  flex-basis: 23%;
  width: 100%;
  margin: 0 1% 25px;
}
.event_item a {
  display: block;
  border: 1px solid #eee;
}
.event_item a:hover {
  box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.2);
}
.event_img {
  margin-bottom: 12px;
}
.event_img_inner {
  display: inline-block;
  line-height: 0;
  padding-top: 65%;
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.event_img_inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  width: 100%;
  transition: 0.3s;
}
.event_txt {
  padding: 0 2% 12px;
}
.event_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
    "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  margin-bottom: 8px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.8em;
}
.event_date {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  margin-bottom: 4px;
}
.event_date .far {
  margin-right: 1rem;
  width: 1em;
  text-align: center;
}
.event_time {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  margin-bottom: 4px;
}
.event_time .far {
  margin-right: 1rem;
  width: 1em;
  text-align: center;
}
.event_place {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  margin-bottom: 4px;
}
.event_place .fas {
  margin-right: 1rem;
  width: 1em;
  text-align: center;
}
.clamp {
  position: relative;
  overflow: hidden;
  height: 2rem;
}
.clamp:before {
  content: "...";
  bottom: 0;
  right: 0;
  padding: 0 3px;
  position: absolute;
  background: #fff;
}
.clamp:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
}
.event_ttl.ellipsis {
  background: #fff;
  overflow: hidden;
  width: 100%;
}
.event_ttl .ellipsis_inner {
  height: 50px;
  line-height: 1.4;
  position: relative;
  display: block;
}
.event_ttl .ellipsis_inner::before {
  content: "...";
  top: 22px;
  right: 0;
  background: #fff;
  position: absolute;
}
.event_ttl .ellipsis_inner::after {
  content: "";
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .event_inner {
    padding: 0 0%;
  }
  .event_item {
    flex-basis: 46%;
    margin: 0 2% 40px;
  }
}

@media screen and (max-width: 480px) {
  .event_h2 {
    font-size: 2.4rem;
  }
  .event_ttl {
    font-size: 1.4rem;
  }
  .event_date {
    font-size: 1.2rem;
  }
  .event_time {
    font-size: 1.2rem;
  }
  .event_place {
    font-size: 1.2rem;
  }
  .event_h2_wrap.ageo {
    margin: 0 4%;
  }
  .event_flex {
    margin: 0 2%;
  }
}

/*ブログエリア*/
.footer .item_blog_inner {
  overflow: auto;
  text-align: center;
  width: 100%;
  max-height: 450px;
  border: 1px solid #bfbbbb;
  padding: 5% 2% 0;
}
.item_blog_li {
}
.item_blog_li_a {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e9e9eb;
}
.item_blog_li_a:hover {
  opacity: 0.7;
}
.blog_img_blc {
  flex-basis: 30%;
  margin-right: 5%;
}
.blog_img {
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 86%;
  position: relative;
}
.blog_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blog_txt_blc {
  flex-basis: 68%;
  text-align: left;
  line-height: 1.6;
}
.item_blog_btn {
  padding-bottom: 50px;
}
.item_blog_btn a {
  display: inline-block;
  width: 100%;
  max-width: 200px;
}
.blog_title {
  font-weight: bold;
}
.blog_date {
  font-size: 1.4rem;
}

/*===================================
 1016 一覧リンク
====================================*/
.showroom-rel-link {
  display: flex;
  justify-content: space-between;
}
.showroom-rel-link li {
  width: 48%;
  text-align: center;
}
.showroom-rel-link li a {
  display: block;
  color: #fff;
  padding: 17px 0;
  font-weight: bold;
  font-size: 1.8rem;
  border: solid 6px;
  letter-spacing: 0.05em;
}
.showroom-rel-link li.rel-merit a {
  border-color: #508d78;
  background: #005c3f;
}
.showroom-rel-link li.rel-gimon a {
  border-color: #ffc478;
  background: #ff9933;
}
@media screen and (min-width: 768px) {
  .showroom-rel-link li a:hover {
    opacity: 0.7;
  }
}

/* このショールームへ行ってみる */
.go-reserved {
  display: block;
  width: 80%;
  max-width: 540px;
  margin: 80px auto;
  background: #ff7033;
  text-align: center;
  color: #fff;
  font-size: 1.9rem;
  line-height: 6.4rem;
  font-weight: bold;
  border-radius: 30px;
}
.go-reserved:hover {
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 480px) {
  .go-reserved {
    font-size: 1.4rem;
    line-height: 5rem;
  }
}