@charset "utf-8";
  .bg-bellhaus {
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/common/bg_bellhaus.png) no-repeat bottom 7% left 7%;
opacity: 0.6;
}
@media screen and (max-width: 767px) {
.bg-bellhaus {
background-size: 50%;
background-position: bottom 17% left 7%;
}
}
@media all and (-ms-high-contrast: none) {
.bg-bellhaus {
display: none;
}
body {
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/common/bg_bellhaus_oc.png) no-repeat bottom 7% left
7% fixed;
}
}
@media all and (max-width: 767px) and (-ms-high-contrast: none) {
body {
background-size: 50%;
background-position: bottom 17% left 7%;
}
} .sp-slide a {
display: block;
}
.slider-pro {
padding-top: 0;
}
.sp-buttons {
font-size: 0;
margin: 0 auto;
max-width: 1140px;
padding: 10px 2.5% 0;
text-align: left;
}
.sp-button {
border: none;
background: #dbdbdf;
width: 50px;
height: 6px;
border-radius: 0;
margin: 0 2px;
}
.sp-selected-button {
background-color: #1f7648;
}
@media screen and (min-width: 1060px) {
.sp-buttons {
padding: 10px 25px 0;
}
}
@media screen and (max-width: 480px) {
.sp-buttons {
padding: 10px 4% 0;
}
.sp-button {
width: 30px;
}
} .index-section_quality .quality-lead {
text-align: center;
line-height: 2;
}
.index-section_quality .quality-catchcopy {
font-size: 4.6rem;
font-weight: 400;
letter-spacing: 0.05em;
margin: 80px auto 30px; }
.index-section_quality .quality-cts {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
margin-top: 50px; }
.quality-cts-head {
width: 65%;
text-align: center;
}
.quality-cts-body {
width: 30%;
padding: 40px 0 0;
}
.quality-cts-body p {
letter-spacing: 0.1em;
line-height: 2;
}
.quality-cts-body .quality-mark { margin: 30px auto 0;
}
@media screen and (min-width: 1141px) {
.index-section_quality .quality-catchcopy {
margin: 80px auto -100px;
}
.index-section_quality .quality-cts {
align-items: flex-end;
}
}
@media screen and (max-width: 960px) {
.quality-cts-head {
width: 55%;
}
.quality-cts-body {
width: 40%;
}
}
@media screen and (max-width: 767px) {
.index-section_quality .quality-lead br {
display: none;
}
.index-section_quality .quality-catchcopy {
margin: 60px auto 40px;
font-size: 6.6vw;
text-align: center;
}
.index-section_quality .quality-cts {
display: block;
margin-top: 20px; }
.quality-cts-head {
width: 100%;
}
.quality-cts-body {
width: 100%;
}
.quality-cts-body .quality-mark {
text-align: center;
}
}
@media screen and (max-width: 480px) {
.quality-cts-body .quality-mark {
margin: 40px auto 0;
}
} .index-section_concept .wrap {
position: relative;
min-height: 880px;
}
.index-section_concept .concept-img {
position: absolute;
top: 0;
right: 0;
z-index: -1;
font-size: 0;
}
.index-section_concept .sec-ttl {
display: flex;
align-items: baseline;
margin-bottom: 25px;
}
.index-section_concept .sec-ttl-en {
font-size: 3.6rem;
}
.index-section_concept .sec-ttl-ja {
margin-left: 1em;
}
.concept-catchcopy {
font-size: 4.6rem;
font-weight: 400;
letter-spacing: 0.2em;
}
.concept-text {
margin: 60px 0;
line-height: 2;
}
.concept-text p:not(:last-child) {
margin-bottom: 2em;
}
@media screen and (max-width: 1024px) {
.index-section_concept .wrap {
min-height: 830px;
}
.index-section_concept .concept-img {
max-width: 450px;
top: auto;
bottom: 0;
}
}
@media screen and (max-width: 767px) {
.concept-catchcopy {
font-size: 6.6vw;
}
.index-section_concept .concept-img {
position: static;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/index/img_concept.jpg) no-repeat top 15% center;
background-size: cover;
max-width: 745px;
width: 100%;
overflow: hidden;
padding-top: 65%;
margin: 15px auto 0;
}
.index-section_concept .concept-img img {
display: none;
}
.index-section_concept .btn {
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.index-section_concept .sec-ttl-en {
font-size: 2.8rem;
}
.index-section_concept .sec-ttl-ja {
font-size: 1.6rem;
}
.concept-text {
margin: 35px 0;
line-height: 1.8;
}
.concept-text p:not(:last-child) {
margin-bottom: 1em;
}
} .tough-solid-lead {
max-width: 710px;
width: 100%;
margin: 0 0 0 auto;
}
.tough-solid-lead .lead-text {
text-align: center;
line-height: 2;
}
.tough-solid-lead span {
font-size: 2.4rem;
}
.tough-solid_item {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6",
"HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 2.4rem;
text-align: center;
border-radius: 50%;
max-width: 260px;
width: 100%;
height: 260px;
position: relative;
overflow: hidden;
}
.tough-solid_item::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #757575;
opacity: 0.5;
transition: 0.2s ease-in-out;
}
.tough-solid_item:hover::before {
background: #1f7648;
opacity: 0.7;
}
.tough-solid_item a {
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
color: #fff;
line-height: 1.1;
padding-top: 80px;
}
.tough-solid_item .item-ttl-en {
font-family: "Tangerine", cursive;
font-size: 4.8rem;
letter-spacing: 0.05em;
font-weight: bold;
}
.tough-solid_item .arw {
width: 50px;
display: block;
margin: 45px auto 0;
}
.tough-solid_item.item_features {
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/index/img_tough-solid01.jpg) no-repeat;
background-size: cover;
margin: -200px 0 0 45px;
}
.tough-solid_item.item_design {
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/index/img_tough-solid02.jpg) no-repeat;
background-size: cover;
margin: 0 0 0 220px;
}
.tough-solid_item.item_equipment {
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/index/img_tough-solid03.jpg) no-repeat;
background-size: cover;
margin: -180px 0 0 530px;
}
.index-section_tough-solid .line-wave {
display: block;
margin: -110px 0 0 auto;
position: relative;
z-index: -1;
}
@media screen and (max-width: 1139px) {
.tough-solid_item {
font-size: 2.1rem;
text-align: center;
max-width: 210px;
height: 210px;
}
.tough-solid_item a {
padding-top: 50px;
}
.tough-solid_item .arw {
margin: 25px auto 0;
}
.tough-solid_item.item_features {
margin: -200px 0 0 0px;
}
.tough-solid_item.item_design {
margin: 0 0 0 160px;
}
.tough-solid_item.item_equipment {
margin: -130px 0 0 410px;
}
}
@media screen and (max-width: 960px) {
.tough-solid-lead {
max-width: none;
margin-bottom: 60px;
}
.tough-solid_list {
display: flex;
justify-content: space-between;
}
.tough-solid_item.item_features,
.tough-solid_item.item_design,
.tough-solid_item.item_equipment {
margin: 0;
}
.index-section_tough-solid .line-wave {
margin: -90px auto 0;
}
}
@media screen and (max-width: 767px) {
.tough-solid_list {
justify-content: center;
flex-wrap: wrap;
}
.tough-solid_item.item_features,
.tough-solid_item.item_design,
.tough-solid_item.item_equipment {
margin: 10px;
}
}
@media screen and (max-width: 480px) {
.tough-solid-lead {
margin-bottom: 40px;
}
}
@media screen and (max-width: 370px) {
.tough-solid-lead span {
font-size: 2.1rem;
}
} .index-section_estate {
margin-top: 90px;
background: rgba(0, 0, 0, 0.04);
padding: 80px 0 90px;
}
.estate-list {
max-width: 1050px;
width: 100%;
margin: 0 auto;
}
.estate-list .slick-prev,
.estate-list .slick-next {
width: 19px;
height: 36px;
z-index: 1;
}
.slick-prev:before,
.slick-next:before {
display: none;
}
.estate-list .slick-prev {
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/common/slide-arw_left.png) no-repeat top center;
background-size: contain;
}
.estate-list .slick-next {
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/common/slide-arw_right.png) no-repeat top center;
background-size: contain;
}
.estate-item {
border: 1px solid #dbdbdf;
background: #fff;
max-width: 330px;
width: 100%;
margin: 0 10px;
transition: 0.2s ease-in-out;
}
.estate-item a {
display: block;
padding: 20px 25px;
} .estate-tag-area {
text-align: right;
}
.estate-tag {
font-weight: 500px;
font-size: 1.4rem;
color: #fff;
display: inline-block;
padding: 2px;
} .estate-item-img {
max-width: 280px;
width: 100%;
margin: 10px auto 15px;
position: relative;
}
.estate-item-img .new {
display: inline-block;
position: absolute;
top: 0;
left: 5px;
margin: 0;
padding: 13px 0 7px;
z-index: 2;
width: 46px;
text-align: center;
font-size: 1.2rem;
color: #fff;
background: #c6112f;
font-weight: bold;
}
.estate-item-img .new:after {
content: "";
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 23px solid #c6112f;
border-right: 23px solid #c6112f;
border-bottom: 7px solid transparent;
}
.estate-item-img_inner {
position: relative;
height: 0;
overflow: hidden;
width: 100%;
padding-top: 66.78%;
}
.estate-item-img_inner img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: auto;
width: 100%;
z-index: 1;
}
.estate-item-ttl {
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 10px;
position: relative;
overflow: hidden;
height: 5.5rem;
}
.estate-item-ttl::before,
.estate-item-ttl::after {
position: absolute;
background: #fff;
}
.estate-item-ttl::before {
content: "...";
bottom: 0;
right: 0;
padding: 0 0 0.08em;
height: 1.6em;
}
.estate-item-ttl::after {
content: "";
width: 100%;
height: 100%;
}
.estate-item-address {
color: #a0a0a4;
margin-bottom: 15px;
overflow: hidden;
position: relative;
height: 1.5em;
line-height: 1.5;
background-color: #fff;
padding-right: 1em;
}
.estate-item-address::before {
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 1em;
}
.estate-item-address::after {
content: "";
position: relative;
right: -1em;
float: right;
width: 1em;
height: 100%;
background-color: inherit;
}
.estate-item-data li {
display: flex;
align-items: center;
}
.estate-item-data li:first-child {
margin-bottom: 10px;
}
.estate-item-data .data-ttl {
background: #dbdbdf;
width: 60px;
min-width: 60px;
text-align: center;
padding: 2px 0;
margin-right: 1em;
}
.estate-item-data .data-text {
letter-spacing: 0;
width: 100%;
overflow: hidden;
position: relative;
height: 1.5em;
line-height: 1.5;
background-color: #fff;
padding-right: 1em;
}
.estate-item-data .data-text::before {
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 1em;
}
.estate-item-data .data-text::after {
content: "";
position: relative;
right: -1em;
float: right;
width: 1em;
height: 100%;
background-color: inherit;
}
.index-section_estate .btn {
margin: 60px auto 0;
}
@media screen and (min-width: 768px) {
.estate-item:hover {
border-color: #000;
}
}
@media screen and (max-width: 1139px) {
.estate-list {
width: 92%;
}
.estate-item a {
padding: 10px 4%;
}
.estate-item-ttl {
font-size: 1.6rem;
height: 4.6rem;
}
.estate-item-address {
font-size: 1.4rem;
}
.estate-item-data {
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.index-section_estate {
margin-top: 50px;
}
} .news-list .news-article:not(:last-child) {
margin-bottom: 3px;
}
.news-article a {
display: flex;
padding: 12px 0;
background: #fff;
}
.news-data {
width: 100%;
overflow: hidden;
position: relative;
height: 1.5em;
line-height: 1.5;
background-color: #fff;
padding-right: 1em;
}
.news-data::before {
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 1em;
}
.news-data::after {
content: "";
position: relative;
right: -1em;
float: right;
width: 1em;
height: 100%;
background-color: inherit;
}
.news-data .news-day {
margin: 0 52px;
}
.news-data .new {
color: #c6112f;
font-weight: bold;
margin-right: 0.3em;
}
.index-section_news .btn {
margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
.news-data .news-day {
margin: 0 35px;
}
}
@media screen and (max-width: 767px) {
.news-article a {
display: block;
}
.news-data {
margin-top: 15px;
}
.news-data .news-day {
margin: 0 1em 0 0;
letter-spacing: -0.5px;
}
}
@media screen and (max-width: 480px) {
.news-data {
font-size: 1.4rem;
}
}