@charset "utf-8";
  .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; }
.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 { 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.data-family {
width: 100%;
}
.showroom .gallery .gallery_list .box .gallery-data li span { 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 { 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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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_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 { flex-basis: calc(33.333% - 20px); 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; 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 {
flex-basis: calc(50% - 10px); }
.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 {
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%;
}
} .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;
}
} .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;
} .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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/showroom/img_link_sr.png);
position: absolute;
left: 20px;
bottom: 0;
}
.form_link a:after {
content: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/showroom/arw_bnr_formlink.png);
position: absolute;
margin: 5px 0 0 10px;
}
.form_link a:hover:after {
content: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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%;
} .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;
}
} .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;
}
} .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;
}
} .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 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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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;
}
} .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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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 .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;
}  .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%;
}
} .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 .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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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%;
}
}  .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;
}
} .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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/showroom/fuchu_text_bg01.png) no-repeat;
background-size: contain;
}
.fuchu .content .ttl_flex .textbox .text_bg02 {
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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;
}
} .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; } .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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/showroom/suginami_img02.jpg) no-repeat;
background-size: cover;
}
.suginami .main .imgbox {
width: 44.22%;
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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;
}
} .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; } .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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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;
}
}  .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 .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; }
.iruma .w1140 .ttl {
font-size: 2.8rem;
line-height: 4.9rem;
font-weight: bold;
color: #ff8800;
letter-spacing: 0.1em; }
.iruma .yellow {
position: relative;
background-color: #fff3db;
background-image: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/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;
}  .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;
} .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;
}
}