@charset "utf-8";
  body{
overflow-x: hidden;
}
.breadcrumb{
margin-bottom: 40px;
}
.text-green{
color: #1f7648;
font-weight: bold;
} .toughsolid-main-image{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/toughsolid/img-main.jpg) no-repeat center top;
background-size: cover;
min-height: 450px;
padding: 70px 2.5% 0;
margin: 0 auto 25px;
}
.toughsolid-main-image-inner{
border: 1px solid rgba(255,255,255,0.9);
max-width: 800px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 50px 2.5%;
}
.toughsolid-main-image-inner::before{
position: absolute;
background: rgba(255,255,255,0.9);
width: 98%;
height: 95%;
left: 1%;
top: 2.5%;
content: "";
display: block;
}
.toughsolid-main-image-inner .sec-ttl{
margin-bottom: 40px;
}
.toughsolid-main-lead,
.toughsolid-main-lead-large{
z-index: 1;
position: relative;
text-align: center;
}
.toughsolid-main-lead{
font-size: 1.8rem;
margin-bottom: 0.5em;
}
.toughsolid-main-lead-large{
font-size: 2.4rem;
font-weight: bold;
}
@media screen and (max-width: 767px){
.toughsolid-main-image{
min-height: 370px;
padding: 40px 2.5% 0;
}
.toughsolid-main-image-inner {
padding: 30px 2.5%;
}
.toughsolid-main-image-inner .sec-ttl {
margin-bottom: 20px;
}
.toughsolid-main-lead{
font-size: 1.6rem;
}
.toughsolid-main-lead-large {
font-size: 2.1rem;
}
}
@media screen and (max-width: 480px){
.toughsolid-main-image{
min-height: inherit;
padding: 20px 1.5%;
}
.toughsolid-main-image-inner::before {
width: 98%;
height: 97%;
left: 1%;
top: 1.5%;
}
.toughsolid-main-lead{
font-size: 1.4rem;
}
.toughsolid-main-lead-large {
font-size: 1.8rem;
}
} .toughsolid-nav{
display: flex;
justify-content: space-between;
max-width: 940px;
width: 100%;
margin: 0 auto;
}
.toughsolid-nav li{
width: 30%;
}
.toughsolid-nav li a{
display: block;
border: 2px solid #dbdbdf;
text-align: center;
line-height: 1;
padding: 10px 0;
font-weight: bold;
}
.toughsolid-nav li a span{
font-family: 'Tangerine', cursive;
font-size: 3.6rem;
display: block;
margin-bottom: 0.2em;
}
.toughsolid-nav li a.current{
background: #51af7c;
color: #fff;	
}
.toughsolid-bottom-nav{
margin-top: 110px;
}
@media screen and (min-width: 961px){
}
@media screen and (min-width: 768px){
.toughsolid-nav li a:hover{
background: #51af7c;
color: #fff;
}
}
@media screen and (max-width: 767px){
.toughsolid-bottom-nav{
margin-top: 80px;
}
}
@media screen and (max-width: 480px){
.toughsolid-nav li {
width: 32%;
}
.toughsolid-nav li a{
font-size: 1.4rem;
}
.toughsolid-nav li a span{
font-size: 2.3rem;
}
.toughsolid-bottom-nav{
margin-top: 60px;
}
} .toughsolid-page-ttl{
font-size: 2.1rem;
font-weight: bold;
text-align: center;
margin: 60px 0 80px;
}
.toughsolid-page-ttl::after{
content: "";
width: 50px;
height: 3px;
display: block;
margin: 10px auto 0;
background: #1f7648;
} .toughsolid-contents-lead{
position: relative;
text-align: center;
padding: 0 0 50px;
margin: 0 auto 60px;
}
.toughsolid-contents-lead::before{
content: "";
z-index: -2;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.toughsolid-contents-lead-ttl{
margin-bottom: 30px;
font-size: 2.4rem;
color: #363436;
}
.toughsolid-contents-lead-text{
font-size: 1.8rem;
line-height: 2;
}
@media screen and (max-width: 960px){
.toughsolid-contents-lead-text{
font-size: 1.6rem;
}
}
@media screen and (max-width: 480px){
.toughsolid-contents-lead-text{
text-align: left;
}
} .sec-toughsolid .slick-slider .slider-dots{
display: flex;
font-size: 0;
margin-top: 15px;
}
.sec-toughsolid .slick-slider .slider-dots li button{
font-size: 0;
background: #dbdbdf;
width: 50px;
height: 6px;
border:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sec-toughsolid .slick-slider .slider-dots li button:hover{
cursor: pointer;
}
.sec-toughsolid .slick-slider .slider-dots li.slick-active button{
background: #1f7648;
}
.sec-toughsolid .slick-slider .slider-dots li:not(:last-child){
margin-right: 5px;
}
@media screen and (max-width: 480px){
.sec-toughsolid .slick-slider .slider-dots li button{
width: 35px;
}
} .features-lead.toughsolid-contents-lead::before{
background: linear-gradient(transparent 60px, rgba(0,0,0,0.04) 60px);
}
.features-lead .toughsolid-contents-lead-ttl{
font-size: 2.4rem;
}
.features-lead .toughsolid-contents-lead-ttl span{
font-size: 3.6rem;
}
@media screen and (max-width: 960px){
.features-lead .toughsolid-contents-lead-ttl {
font-size: 2.1rem;
line-height: 1.6;
}
.features-lead .toughsolid-contents-lead-ttl span {
font-size: 2.8rem;
}
}
@media screen and (max-width: 767px){
.features-lead .toughsolid-contents-lead-text br{
display: none;
}
}
@media screen and (max-width: 480px){
.features-lead .toughsolid-contents-lead-ttl span {
font-size: 2.4rem;
}
.sec-features .features-contents-text p:not(:last-child) {
margin-bottom: 1.5em;
}
.sec-features .features-contents-01 {
margin-bottom: 60px;
}
}
@media screen and (max-width: 370px){
.features-lead .toughsolid-contents-lead-ttl {
font-size: 1.9rem;
}
.features-lead .toughsolid-contents-lead-ttl span {
font-size: 2.1rem;
}
} .sec-features .features-contents-ttl{
font-size: 2.4rem;
font-weight: bold;
position: relative;
margin-bottom: 40px;
}
.sec-features .features-contents-ttl::before{
position: absolute;
content: "";
background: #f0f8f4;
width: 100%;
height: 20px;
z-index: -1;
bottom: 0;
left: 0;
}
.sec-features .features-contents-text{
line-height: 2;
}
.sec-features .features-contents-text p:not(:last-child){
margin-bottom: 2em;
}
.sec-features .features-contents-image{
font-size: 0;
}
.sec-features .features-contents-01{
margin-bottom: 100px;
}
@media screen and (min-width: 961px){
.sec-features .features-contents-01 .features-contents-text{
margin-top: 40px;
}
.sec-features .features-contents-02 .features-contents-image{
margin-top: 70px;
}
}
@media screen and (min-width: 768px){
.sec-features .features-contents-01,
.sec-features .features-contents-02{
display: flex;
justify-content: space-between;
}
.sec-features .features-contents-02{
flex-direction: row-reverse;
}
.sec-features .features-contents-text{
width: 60%;
}
.sec-features .features-contents-image{
width: 35%;
animation-delay: .7s;
}
}
@media screen and (max-width: 960px){
.sec-features .features-contents-ttl {
font-size: 2rem;
}
}
@media screen and (max-width: 767px){
.sec-features .features-contents-image{
margin-top: 40px;
}
.sec-features .features-contents-image img{
width: 100%;
height: 35vw;
transition: .4s ease-in-out;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.sec-features .features-contents-01 .features-contents-image img{
object-position: 0% 80%;
}
}
@media screen and (max-width: 480px){
.sec-features .features-contents-text p:not(:last-child) {
margin-bottom: 1.5em;
}
.sec-features .features-contents-01 {
margin-bottom: 60px;
}
} .sec-features .features-reason-ttl{
font-size: 2.4rem;
text-align: center;
position: relative;
margin-bottom: 100px;
}
.sec-features .features-reason-ttl::before{
position: absolute;
content: "";
left: 0;
top: 50%;
display: block;
border-bottom: 1px solid #dbdbdf;
width: 100%;
}
.sec-features .features-reason-ttl-large{
font-size: 3.6rem;
}
.sec-features .features-reason-ttl-inner{
position: relative;
z-index: 1;
background: #fff;
display: block;
max-width: 430px;
width: 80%;
margin: 0 auto;
padding: 0 2.5%;
} .sec-features .features-reason-item{
margin-bottom: 40px;
}
.sec-features .reason-tag{
max-width: 250px;
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 2.1rem;
color: #fff;
margin-bottom: -15px;
position: relative;
z-index: 1;
}
.sec-features .reason-tag.tag01{
background: #5f4a36;
}
.sec-features .reason-tag.tag02{
background: #963c3c;
}
.sec-features .reason-tag.tag03{
background: #557d3b;
}
.sec-features .reason-tag.tag04{
background: #4e9aa3;
}
.sec-features .reason-tag.tag05{
background: #a9a233;
}
.sec-features .reason-tag.tag06{
background: #303f6a;
}
.sec-features .features-reason-item-image{
font-size: 0;
}
.sec-features .features-reason-item-ttl{
font-size: 2.4rem;
text-align: center;
margin: 30px 0 25px;
}
.sec-features .features-reason-item-text{
padding: 0 15px 40px;
}
.sec-features .features-reason-item-text p{
line-height: 2;
}
@media screen and (min-width: 768px){
.sec-features .features-reason-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-features .features-reason-item{
width: 48%;
}
.sec-features .features-reason-list .features-reason-item:nth-of-type(5),
.sec-features .features-reason-list .features-reason-item:nth-of-type(6){
margin-bottom: 0;
}
.sec-features .reason-tag.tag02,
.sec-features .reason-tag.tag04,
.sec-features .reason-tag.tag06{
animation-delay: .7s;
}
}
@media screen and (max-width: 960px){
.sec-features .features-reason-item-text{
padding: 0 1.5% 20px;
}
}
@media screen and (max-width: 767px){
.sec-features .features-reason-ttl {
font-size: 2.2rem;
margin-bottom: 60px;
}
.sec-features .features-reason-ttl-large {
font-size: 3rem;
}
}
@media screen and (max-width: 480px){
.sec-features .features-reason-ttl {
margin-bottom: 40px;
}
.sec-features .features-reason-ttl-large {
font-size: 2.6rem;
}
.sec-features .reason-tag{
font-size: 1.8rem;
}
.sec-features .features-reason-item-ttl {
font-size: 2.1rem;
margin: 20px 0 15px;
}
} .design-lead.toughsolid-contents-lead::before{
background: linear-gradient(transparent 30px, rgba(0,0,0,0.04) 30px);
}
.design-lead .toughsolid-contents-lead-ttl{
font-size: 3.6rem;
letter-spacing: 0.2em;
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 960px){
.design-lead .toughsolid-contents-lead-ttl {
font-size: 3.2rem;
}
.design-lead .toughsolid-contents-lead-text{
letter-spacing: normal;
}
}
@media screen and (max-width: 767px){
.design-lead .toughsolid-contents-lead-ttl {
font-size: 2.8rem;
}
}
@media screen and (max-width: 480px){
.design-lead .toughsolid-contents-lead-ttl {
font-size: 2.4rem;
}
} .sec-design .design-list{
max-width: 1410px;
width: 100%;
margin: 0 auto;
}
.sec-design .design-list .design-item:not(:last-child){
margin-bottom: 100px;
}
.sec-design .design-item .slick-slider{
max-width: 800px;
width: 100%;
margin: 0 auto;
}
.sec-design .design-item .slick-slider-item img{
width: 100%;
height: 450px;
transition: .4s ease-in-out;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.sec-design .design-item .slick-slider .slider-dots{
padding: 0 2.5%;
}
.sec-design .design-list .design-item:nth-child(even) .slick-slider .slider-dots{
justify-content: flex-end;
}
.sec-design .design-item-ttl-en{
font-family: 'Tangerine', cursive;
color: #8ac4a5;
font-size: 6rem;
font-weight: bold;
line-height: 1;
}
.sec-design .design-item-ttl-ja{
color: #363436;
font-size: 2.1rem;
margin-bottom: 40px;
}
.sec-design .design-item-text{
line-height: 2;
}
.sec-design .design-item-text p:not(:last-child){
margin-bottom: 2em;
}
.sec-design .design-item-sub{
margin-top: 80px;
} .sec-design .design-item-sub .btn{
font-size: 1.6rem;
} .sec-design .item-kitchen .design-item-sub .btn i{
margin-left: 2em;
} .sec-design .item-sanitary .design-item-sub .btn:first-child{
margin-bottom: 20px;
}
.sec-design .item-sanitary .design-item-sub .btn:first-child i{
margin-left: 2em;
}
.sec-design .item-sanitary .design-item-sub .btn:last-child i{
margin-left: 1em;
}
@media screen and (min-width: 768px){
.sec-design .design-item{
display: flex;
justify-content: space-between;
}
.sec-design .design-list .design-item:nth-child(even){
flex-direction: row-reverse;
}
.sec-design .design-item-slider{
width: 55%;
}
.sec-design .design-item-text-block{
width: 41%;
padding: 0 2.5% 0 0;
animation-delay: .7s;
}
.sec-design .design-list .design-item:nth-child(even) .design-item-text-block{
padding: 0 0 0 2.5%;	
}
.sec-design .design-item-text-block-inner{
max-width: 425px;
width: 100%;
margin: 0 auto 0 0;
}
.sec-design .design-list .design-item:nth-child(even) .design-item-text-block-inner{
margin: 0 0 0 auto;	
}
.sec-design .design-item-sub{
text-align: right;
}
.sec-design .design-list .design-item:nth-child(even) .design-item-sub{
text-align: left;
} .sec-design .item-exterior .design-item-text-block{
padding-top: 80px;
} .sec-design .item-porch .design-item-slider{
padding-top: 80px;
} .sec-design .item-hall .design-item-text-block{
padding-top: 80px;
} .sec-design .item-living .design-item-slider{
padding-top: 30px;
} .sec-design .item-sanitary .design-item-slider{
padding-top: 60px;
} .sec-design .item-interior .design-item-slider{
padding-top: 60px;
}
}
@media screen and (max-width: 960px){
.sec-design .design-item-text br{
display: none;
}
}
@media screen and (max-width: 767px){
.sec-design .design-item .slick-slider-item img {
height: 60vw;
}
.sec-design  .design-item-text-block{
margin-top: 40px;
padding: 0 2.5%;
}
.sec-design .design-item-ttl-en,
.sec-design .design-item-ttl-ja{
text-align: center;
}
.sec-design .design-item-sub {
margin-top: 60px;
text-align: center;
}
.sec-design .design-item-sub .btn{
max-width: 370px;
margin: 0 auto;
}
}
@media screen and (max-width: 480px){
.sec-design  .design-item-text-block{
padding: 0 4%;
}
.sec-design .design-item-text p:not(:last-child) {
margin-bottom: 1em;
}
.sec-design .design-item-sub {
margin-top: 40px;
}
}  .equipment-nav{
max-width: 815px;
width: 100%;
margin: 0 auto;
display: flex;
}
.equipment-nav li{
width: 33%;
text-align: center;
}
.equipment-nav li a{
display: block;
padding: 2px 1%;
}
.equipment-nav li a.current{
background: #e1f3e9;	
}
.toughsolid-top-nav .equipment-nav{
margin-top: 40px;
}
.toughsolid-bottom-nav .equipment-nav{
margin-bottom: 40px;
}
.equipment-nav li:not(:last-child){
border-right: 1px solid #dbdbdf;
}
@media screen and (min-width: 768px){
.equipment-nav li a:hover{
background: #e1f3e9;
}
}
@media screen and (max-width: 480px){
.toughsolid-top-nav .equipment-nav {
margin-top: 30px;
}
.equipment-nav li a{
font-size: 1.4rem;
padding: 10px 1%;
}
.toughsolid-top-nav .equipment-nav {
margin-top: 30px;
}
.toughsolid-bottom-nav .equipment-nav {
margin-bottom: 30px;
}
} .equipment-point-box-item-img{
font-size: 0;
margin-bottom: 20px;
text-align: center;
}
.equipment-point-box-ttl{
font-family: 'Poiret One', cursive;
font-size: 3.6rem;
line-height: 1;
text-align: center;
margin-bottom: -15px;
}
.equipment-point-box-inner{
background: #f0f8f4;
padding: 60px 2.5%;
}
.equipment-point-box-item-ttl{
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 15px;
}
.equipment-point-box-item-ttl::before{
content: "\f058";
font-family: FontAwesome;
color: #1f7648;
margin-right: 0.5em;
}
.equipment-point-box-item-text{
line-height: 2;
}
@media screen and (min-width: 1141px){
.equipment-point-box-inner{
padding: 60px 25px;
}
}
@media screen and (min-width: 768px){
}
@media screen and (min-width: 768px) and (max-width: 960px){
.equipment-point-box-item-ttl{
font-size: 1.6rem;
}
}
@media screen and (max-width: 1140px){
.equipment-point-box-inner{
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 767px){
.equipment-point-box-inner{
width: 97%;
}	
}
@media screen and (max-width: 480px){
} .sec-equipment .equipment-note{
margin-top: 100px;
font-size: 1.4rem;
}
@media screen and (min-width: 768px){
.sec-equipment .equipment-note{
text-align: right;
}
}
@media screen and (max-width: 480px){
.sec-equipment .equipment-note{
margin-top: 60px;
}
} .kitchen-lead.toughsolid-contents-lead::before{
background: linear-gradient(transparent 55px, rgba(0,0,0,0.04) 55px);
}
.kitchen-lead .toughsolid-contents-lead-ttl {
font-size: 2.8rem;
letter-spacing: 0.2em;
line-height: 1.2;
}
.kitchen-lead .toughsolid-contents-lead-ttl span{
font-size: 4.8rem;
letter-spacing: 0.3em;
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
.kitchen-lead .toughsolid-contents-lead-ttl {
font-size: 2.4rem;
}
.kitchen-lead .toughsolid-contents-lead-ttl span{
font-size: 3.6rem;
letter-spacing: 0.2em;
}
.kitchen-lead .toughsolid-contents-lead-text br{
display: none;
}
}
@media screen and (max-width: 480px){
.kitchen-lead.toughsolid-contents-lead::before{
background: linear-gradient(transparent 40px, rgba(0,0,0,0.04) 40px);
}
.kitchen-lead .toughsolid-contents-lead-ttl {
font-size: 2.1rem;
}
.kitchen-lead .toughsolid-contents-lead-ttl span{
font-size: 3rem;
}
}
@media screen and (max-width: 370px){
.kitchen-lead .toughsolid-contents-lead-ttl span{
letter-spacing: normal;
}
} .sec-kitchen .content-kitchen-hood-body,
.sec-kitchen .content-kitchen-cabinet-body,
.sec-kitchen .content-kitchen-cabinet-box02-img,
.sec-kitchen .content-kitchen-cabinet-box03-body,
.sec-kitchen .content-kitchen-waterfilter-body,
.sec-kitchen .content-kitchen-stove-body,
.sec-kitchen .content-kitchen-ih-body{
font-size: 0;
}
.sec-kitchen .content-kitchen-depth,
.sec-kitchen .content-kitchen-hood,
.sec-kitchen .content-kitchen-cabinet,
.sec-kitchen .content-kitchen-waterfilter,
.sec-kitchen .content-kitchen-other{
margin-top: 100px;
}
.content-kitchen .content-kitchen-box-ttl{
font-size: 2.4rem;
margin-bottom: 10px;
}
.content-kitchen-box-ttl-child{
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 10px;
}
.content-kitchen .content-kitchen-box-text{
line-height: 2;
}
.content-kitchen .content-kitchen-box-text p:not(:last-child){
margin-bottom: 2em;
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 1140px){
.content-kitchen .content-kitchen-box-text br{
display: none;
}
}
@media screen and (max-width: 767px){
.sec-kitchen .content-bath-floor-head .content-bath-box-ttl,
.sec-kitchen .content-bath-ventilating-head .content-bath-box-ttl,
.sec-kitchen .content-bath-bathtub-head .content-bath-box-ttl,
.sec-kitchen .content-bath-tv-head .content-bath-box-ttl{
text-align: center;
}
.sec-kitchen .content-kitchen-hood-body,
.sec-kitchen .content-kitchen-cabinet-body,
.sec-kitchen .content-kitchen-cabinet-box02-img,
.sec-kitchen .content-kitchen-cabinet-box03-body,
.sec-kitchen .content-kitchen-waterfilter-body,
.sec-kitchen .content-kitchen-stove-body,
.sec-kitchen .content-kitchen-ih-body{
margin-top: 25px;
}
.content-kitchen .content-kitchen-box-ttl{
text-align: center;
}
}
@media screen and (max-width: 480px){
.sec-kitchen .content-kitchen-depth,
.sec-kitchen .content-kitchen-hood,
.sec-kitchen .content-kitchen-cabinet,
.sec-kitchen .content-kitchen-waterfilter,
.sec-kitchen .content-kitchen-other{
margin-top: 60px;
}
.content-bath-box-text p:not(:last-child){
margin-bottom: 1em;
}
} .sec-kitchen .content-kitchen-view-head{
max-width: 950px;
width: 100%;
margin: 0 auto 0;
}
@media screen and (min-width: 768px){
.sec-kitchen .content-kitchen-view-head{
margin: 0 auto -100px 0;
}
.sec-kitchen .content-kitchen-view-body{
background: #fff;
max-width: 770px;
width: 75%;
margin: 0 0 0 auto;
padding: 25px 30px 0;
z-index: 1;
position: relative;
}
}
@media screen and (max-width: 767px){
.sec-kitchen .content-kitchen-view{
display: flex;
flex-direction: column-reverse;
}
.sec-kitchen .content-kitchen-view-body{
margin-bottom: 25px;
}
}
@media screen and (max-width: 480px){
} .sec-kitchen .content-kitchen-depth-head{
max-width: 795px;
width: 100%;
margin: 0 0 0 auto;
}
.sec-kitchen .content-kitchen-depth .slick-slider .slider-dots{
justify-content: flex-end;
}
@media screen and (min-width: 768px){
.sec-kitchen .content-kitchen-depth{
position: relative;
}
.sec-kitchen .content-kitchen-depth-body{
position: absolute;
top: 30px;
left: 0;
background: #fff;
max-width: 365px;
width: 100%;
padding: 25px 30px 25px 0;
animation-delay: .7s;
}
}
@media screen and (min-width: 768px) and (max-width: 960px){
.sec-kitchen .content-kitchen-depth-head{
width: 60%;
}
}
@media screen and (max-width: 767px){
.sec-kitchen .content-kitchen-depth{
display: flex;
flex-direction: column-reverse;
}
.sec-kitchen .content-kitchen-depth-body{
margin-bottom: 25px;
}
}
@media screen and (max-width: 480px){
} .sec-kitchen .content-kitchen-hood-body{
position: relative;
}
.sec-kitchen .content-kitchen-hood-body::after{
content: "";
display: block;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/toughsolid/equipment/illust-wave01.png) no-repeat top center;
background-size: contain;
max-width: 349px;
width: 100%;
height: 95px;
position: absolute;
bottom: -40px;
right: -50%;
}
.sec-kitchen .content-kitchen-hood-img01{
max-width: 570px;
width: 90%;
}
.sec-kitchen .content-kitchen-hood-img02{
max-width: 230px;
width: 40%;
margin: -50px 0 0 auto;
}
@media screen and (min-width: 1141px){
.sec-kitchen .point-kitchen-cabinet .equipment-point-box-inner{
padding-top: 23%;
padding-bottom: 23%;
}
}
@media screen and (min-width: 768px){
.sec-kitchen .content-kitchen-hood{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
}
.sec-kitchen .content-kitchen-hood-head{
width: 35%;
animation-delay: .7s;
}
.sec-kitchen .content-kitchen-hood-body{
width: 60%;
}
}
@media screen and (max-width: 1140px){
.sec-kitchen .content-kitchen-hood-body::after{
bottom: -90px;
}
}
@media screen and (max-width: 767px){
.sec-kitchen .content-kitchen-hood-body::after{
max-width: 240px;
bottom: 7%;
right:auto;
left: 20%;
height: auto;
padding-top: 12%;
}
}
@media screen and (max-width: 480px){
.sec-kitchen .content-kitchen-hood-body::after{
bottom: 5%;
left: 2%;
padding-top: 17%;
}
} .sec-kitchen .content-kitchen-cabinet .content-kitchen-box-ttl{
text-align: center;
margin-bottom: 60px;
}
.sec-kitchen .content-kitchen-cabinet-box01{
border-bottom: 1px solid #dbdbdf;
padding: 0 0 35px;
position: relative;
}
.sec-kitchen .content-kitchen-cabinet-box01::before,
.sec-kitchen .content-kitchen-cabinet-box01::after {
content: '';
border-style: solid;
border-color: transparent; 
border-width: 30px 15px 0 15px;
position: absolute;
left: 50%;
margin-left: -14px;
}
.sec-kitchen .content-kitchen-cabinet-box01::before {
border-top-color: #dbdbdf;
bottom: -30px;
}
.sec-kitchen .content-kitchen-cabinet-box01::after {
border-top-color: #fff;
bottom: -28px;
}
.sec-kitchen .content-kitchen-cabinet-box02,
.sec-kitchen .content-kitchen-cabinet-box03{
margin-top: 50px;
}
@media screen and (min-width: 768px){
.sec-kitchen .content-kitchen-cabinet-box01{
display: flex;
justify-content: space-between;
}
.sec-kitchen .content-kitchen-cabinet-item{
width: 33.33333%;
}
.sec-kitchen .content-kitchen-cabinet-box01 .content-kitchen-cabinet-item:not(:last-child){
border-right: 1px dotted #dbdbdf;
}
.sec-kitchen .content-kitchen-cabinet-box01 .content-kitchen-cabinet-item:first-child{
padding: 0 2.5% 0 0;
animation-delay: .5s;
}
.sec-kitchen .content-kitchen-cabinet-box01 .content-kitchen-cabinet-item:nth-of-type(2){
padding: 0 2.5%;
animation-delay: 0.9s;
}
.sec-kitchen .content-kitchen-cabinet-box01 .content-kitchen-cabinet-item:last-child{
padding: 0 0 0 2.5%;
animation-delay: 1.4s;
}
.sec-kitchen .content-kitchen-cabinet-box01::before,
.sec-kitchen .content-kitchen-cabinet-box01::after {
left: 70%;
}
.sec-kitchen .content-kitchen-cabinet-box02{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sec-kitchen .point-kitchen-cabinet .equipment-point-box-ttl{
text-align: left;
padding-left: 25px;
}
.sec-kitchen .content-kitchen-cabinet-box02-img{
width: 57%;
}
.sec-kitchen .point-kitchen-cabinet{
width: 38%;
animation-delay: .7s;
}
.sec-kitchen .content-kitchen-cabinet-box03{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sec-kitchen .content-kitchen-cabinet-box03-head{
width: 35%;
padding-top: 80px;
animation-delay: .7s;
}
.sec-kitchen .content-kitchen-cabinet-box03-body{
width: 60%;
}
}
@media screen and (min-width: 768px) and (max-width: 1140px){
.sec-kitchen .content-kitchen-cabinet-box02{
padding: 0 2.5%;
}
}
@media screen and (max-width: 1140px){
.sec-kitchen .content-kitchen-cabinet-box01{
padding: 0 2.5% 35px;
}
.sec-kitchen .content-kitchen-cabinet-box03{
padding: 0 2.5%;
}
}
@media screen and (max-width: 767px){
.sec-kitchen .content-kitchen-cabinet-box01 .content-kitchen-cabinet-item:not(:last-child){
border-bottom: 1px dotted #dbdbdf;
padding-bottom: 30px;
margin-bottom: 30px;
}
.sec-kitchen .point-kitchen-cabinet{
margin-top: 40px;
}
}
@media screen and (max-width: 480px){
.sec-kitchen .content-kitchen-cabinet .content-kitchen-box-ttl{
margin-bottom: 20px;
}
} .sec-kitchen .content-kitchen-waterfilter-body{
max-width: 900px;
width: 100%;
margin: 25px auto 0;
}
.sec-kitchen .point-waterfilter{
margin-top: 60px;
}
@media screen and (min-width: 1141px){
.sec-kitchen .content-kitchen-waterfilter-head{
padding: 25px 30px 25px 25px;
}
}
@media screen and (min-width: 961px){
.content-kitchen-waterfilter-inner{
position: relative;
}
.sec-kitchen .content-kitchen-waterfilter-head{
position: absolute;
z-index:1;
top: 80px;
left: 0;
background: #fff;
max-width: 490px;
width: 100%;
padding: 25px 30px 25px 2.5%;
animation-delay: .7s;
}
.sec-kitchen .content-kitchen-waterfilter-body{
margin: 0 0 0 auto;
}
}
@media screen and (min-width: 768px){
.sec-kitchen .point-waterfilter .equipment-point-box-inner{
display: flex;
justify-content: space-between;
}
.sec-kitchen .point-waterfilter .equipment-point-box-item{
width: 30%;
}
}
@media screen and (min-width: 768px) and (max-width: 960px){
.content-kitchen-waterfilter-inner{
text-align: center;
}
}
@media screen and (max-width: 960px){
.content-kitchen-waterfilter-inner{
padding: 0 2.5%;
}
}
@media screen and (max-width: 767px){
.sec-kitchen .point-waterfilter .equipment-point-box-item{
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.sec-kitchen .point-waterfilter .equipment-point-box-item:not(:last-child){
margin-bottom: 40px;
}
}
@media screen and (max-width: 480px){
} @media screen and (min-width: 768px){
.sec-kitchen .content-kitchen-other{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.sec-kitchen .content-kitchen-stove,
.sec-kitchen .content-kitchen-ih{
width: 48%;
display: flex;
flex-direction: column-reverse;
}
.sec-kitchen .content-kitchen-ih{
animation-delay: .7s;
}
.sec-kitchen .content-kitchen-other .content-kitchen-box-ttl{
margin-top: 20px;
}
}
@media screen and (max-width: 767px){
.sec-kitchen .content-kitchen-ih{
margin-top: 100px;
}
}
@media screen and (max-width: 480px){
.sec-kitchen .content-kitchen-ih{
margin-top: 60px;
}
} .bath-lead.toughsolid-contents-lead::before{
background: linear-gradient(transparent 35px, rgba(0,0,0,0.04) 35px);
}
.bath-lead .toughsolid-contents-lead-ttl{
font-size: 4.8rem;
letter-spacing: 0.3em;
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 960px){
.bath-lead .toughsolid-contents-lead-ttl{
font-size: 4.2rem;
}
}
@media screen and (max-width: 767px){
.bath-lead.toughsolid-contents-lead::before {
background: linear-gradient(transparent 25px, rgba(0,0,0,0.04) 25px);
}
.bath-lead .toughsolid-contents-lead-ttl{
font-size: 3rem;
letter-spacing: 0.2em;
}
}
@media screen and (max-width: 480px){
.bath-lead .toughsolid-contents-lead-text br{
display: none;
}
} .sec-bath .content-bath-floor-body,
.sec-bath .content-bath-ventilating-body,
.sec-bath .content-bath-bathtub-body,
.sec-bath .content-bath-tv-body{
font-size: 0;
}
.sec-bath .content-bath-floor,
.sec-bath .content-bath-ventilating,
.sec-bath .content-bath-bathtub,
.sec-bath .point-bath{
margin-top: 100px;
}
.content-bath-box-ttl{
font-size: 2.4rem;
margin-bottom: 10px;
}
.content-bath-box-text{
line-height: 2;
}
.content-bath-box-text p:not(:last-child){
margin-bottom: 2em;
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
.sec-bath .content-bath-floor-head .content-bath-box-ttl,
.sec-bath .content-bath-ventilating-head .content-bath-box-ttl,
.sec-bath .content-bath-bathtub-head .content-bath-box-ttl,
.sec-bath .content-bath-tv-head .content-bath-box-ttl{
text-align: center;
}
.sec-bath .content-bath-floor-body,
.sec-bath .content-bath-ventilating-body,
.sec-bath .content-bath-bathtub-body,
.sec-bath .content-bath-tv-body{
margin-top: 25px;
}
}
@media screen and (max-width: 480px){
.sec-bath .content-bath-floor,
.sec-bath .content-bath-ventilating,
.sec-bath .content-bath-bathtub,
.sec-bath .point-bath{
margin-top: 60px;
}
.content-bath-box-text p:not(:last-child){
margin-bottom: 1em;
}
} .sec-bath .content-bath-unitbath-head{
max-width: 950px;
width: 100%;
margin: 0 0 -100px auto;
}
.sec-bath .content-bath-unitbath .slick-slider .slider-dots{
justify-content: flex-end;
}
.sec-bath .content-bath-unitbath-body{
background: #fff;
max-width: 810px;
width: 75%;
margin: 0 auto 0 0;
padding: 25px 30px 0;
z-index: 1;
position: relative;
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
.sec-bath .content-bath-unitbath-body{
padding: 25px 3% 0;
}
}
@media screen and (max-width: 480px){
.sec-bath .content-bath-unitbath-head{
margin: 0 0 -70px auto;
}
.sec-bath .content-bath-unitbath-body{
padding: 20px 3% 0;
}
}
@media screen and (max-width: 370px){
.sec-bath .content-bath-unitbath-head{
margin: 0 0 0 auto;
}
.sec-bath .content-bath-unitbath-body{
width: 100%;
padding: 0;
}
.sec-bath .content-bath-unitbath-body .content-bath-box-ttl{
text-align: center;
}
} @media screen and (min-width: 768px){
.sec-bath .content-bath-floor{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sec-bath .content-bath-floor-head{
width: 30%;
padding-top: 80px;
animation-delay: .7s;
}
.sec-bath .content-bath-floor-body{
width: 65%;
}
}
@media screen and (max-width: 960px){
.sec-bath .content-bath-floor-head{
padding-top: 20px;
}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 480px){
} .sec-bath .content-bath-ventilating .content-bath-box-text p:last-child{
font-size: 0;
margin-top: 80px;
}
@media screen and (min-width: 768px){
.sec-bath .content-bath-ventilating{
display: flex;
justify-content: space-between;
position: relative;
}
.sec-bath .content-bath-ventilating::after{
content: "";
display: block;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/toughsolid/equipment/illust-wave01.png) no-repeat top center;
background-size: contain;
max-width: 349px;
width: 100%;
height: 95px;
position: absolute;
bottom: -40px;
left: calc(50% - 190px);
}
.sec-bath .content-bath-ventilating-head{
width: 52%;
padding-top: 60px;
animation-delay: .7s;
}
.sec-bath .content-bath-ventilating-body{
width: 45%;
}
}
@media screen and (max-width: 960px){
.sec-bath .content-bath-ventilating::after{
bottom: 70px;
left: calc(50% - 20px);
}
}
@media screen and (max-width: 767px){
.sec-bath .content-bath-ventilating-body{
width: 55%;
margin: 0 0 0 auto;
position: relative;
}
.sec-bath .content-bath-ventilating-body::after{
content: "";
display: block;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/toughsolid/equipment/illust-wave01.png) no-repeat top center;
background-size: contain;
max-width: 349px;
width: 100%;
padding: 10%;
position: absolute;
top: 35%;
left: -90%;
}
.sec-bath .content-bath-ventilating .content-bath-box-text p:last-child{
margin:25px 0 -23%;
width: 40%;
}
}
@media screen and (max-width: 480px){
} .sec-bath .content-bath-bathtub-head{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/toughsolid/equipment/illust-bath02.png) no-repeat bottom 70px right 35px;
}
@media screen and (min-width: 768px){
.sec-bath .content-bath-bathtub{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sec-bath .content-bath-bathtub-head{
width: 48%;
padding-top: 60px;
padding: 80px 0 220px;
animation-delay: .7s;
}
.sec-bath .content-bath-bathtub-body{
width: 48%;
}
}
@media screen and (min-width: 768px) and (max-width: 960px){
.sec-bath .content-bath-bathtub-head{
padding: 0 0 220px
}
}
@media screen and (max-width: 767px){
.sec-bath .content-bath-bathtub-head{
background-position: bottom 10px right 15px;
background-size: 100px;
padding: 0 0 120px;
}
.sec-bath .content-bath-bathtub-body{
width: 70%;
margin: -60px 0 0;
}
}
@media screen and (max-width: 480px){
.sec-bath .content-bath-bathtub-head{
background-position: bottom 10px right 1%;
background-size: 70px;
padding: 0 0 90px;
}
.sec-bath .content-bath-bathtub-body{
margin: -70px 0 0;
}
} @media screen and (min-width: 768px){
.sec-bath .content-bath-tv{
display: flex;
justify-content: space-between;
margin-top: -40px;
}
.sec-bath .content-bath-tv-head{
width: 55%;
padding-top: 160px;
animation-delay: .7s;
}
.sec-bath .content-bath-tv-body{
width: 40%;
}
}
@media screen and (min-width: 768px) and (max-width: 960px){
.sec-bath .content-bath-tv-head{
padding-top: 60px;
}
}
@media screen and (max-width: 767px){
.sec-bath .content-bath-tv{
margin-top: 80px;
}
.sec-bath .content-bath-tv-body{
text-align: right;
}
}
@media screen and (max-width: 480px){
.sec-bath .content-bath-tv{
margin-top: 60px;
}
} .point-bath .equipment-point-box-inner{
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 768px){
.point-bath .equipment-point-box-item{
width: 30%;
}
}
@media screen and (max-width: 767px){
.point-bath .equipment-point-box-inner{
flex-wrap: wrap;
}
.point-bath .equipment-point-box-item{
width: 48%;
}
.point-bath .equipment-point-box-inner .equipment-point-box-item:not(:last-child){
margin-bottom: 40px;
}
}
@media screen and (max-width: 550px){
.point-bath .equipment-point-box-item{
width: 100%;
}
}   .sec-restroom .contents-ttl{
position: relative;
line-height:0.9;
margin-bottom: 40px;
padding: 0 25px;
}
.sec-restroom .contents-ttl::before{
position: absolute;
content: "";
background: #f0f8f4;
width: 100%;
height: 9px;
z-index: -1;
bottom: 0;
left: 0;
}
.sec-restroom .contents-ttl-en{
font-family: 'Tangerine', cursive;
font-size: 6rem;
color: #92c8ab;
display: inline-block;
}
.sec-restroom .contents-ttl-ja{
font-size: 3rem;
display: inline-block;
margin-left: 1em;
}
.sec-restroom .contents-main-text{
line-height: 2;
}
.sec-restroom .contents-main-text p:not(:last-child){
margin-bottom: 2em;
}
@media screen and (max-width: 960px){
.sec-restroom .contents-ttl-en{
font-size: 5rem;
}
.sec-restroom .contents-ttl-ja{
font-size: 2.6rem;
}
}
@media screen and (max-width: 767px){
.sec-restroom .contents-ttl{
text-align: center;
padding: 0;
}
.sec-restroom .contents-main-text{
padding: 0 2.5%;
}
}
@media screen and (max-width: 480px){
.sec-restroom .contents-ttl-ja{
margin-left: 0.5em;
}
.sec-restroom .contents-main-text{
padding: 0 4%;
}
} .sec-restroom .contents-child-tll{
font-size: 2.4rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
.sec-restroom .contents-child-text{
line-height: 2;
} .restroom-lead.toughsolid-contents-lead::before{
background: linear-gradient(transparent 35px, rgba(0,0,0,0.04) 35px);
}
.restroom-lead .toughsolid-contents-lead-ttl{
font-size: 3.6rem;
letter-spacing: 0.2em;
}
.restroom-lead .toughsolid-contents-lead-ttl span{
font-size: 4.8rem;
}
@media screen and (min-width: 768px){
}
@media screen and (min-width: 768px) and (max-width: 960px){
.restroom-lead .toughsolid-contents-lead-text{
letter-spacing: -0.01em;
}
}
@media screen and (max-width: 960px){
.restroom-lead .toughsolid-contents-lead-ttl{
font-size: 3.3rem;
}
.restroom-lead .toughsolid-contents-lead-ttl span{
font-size: 4.5rem;
}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 480px){
.restroom-lead .toughsolid-contents-lead-ttl{
font-size: 2.8rem;
}
.restroom-lead .toughsolid-contents-lead-ttl span{
font-size: 3.6rem;
}
}
@media screen and (max-width: 370px){
.restroom-lead .toughsolid-contents-lead-ttl{
font-size: 2.6rem;
}
.restroom-lead .toughsolid-contents-lead-ttl span{
font-size: 3.3rem;
}
} .sec-restroom .contents-restroom .point-restroom,
.sec-restroom .contents-restroom-wash{
margin-top: 80px;
}
.point-restroom .equipment-point-box-inner{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (min-width: 1141px){
.sec-restroom .contents-restroom-main-head{
padding-right: 25px;
}
.sec-restroom .contents-restroom-main-body{
padding-left: 25px;
}
}
@media screen and (min-width: 961px){
.sec-restroom .contents-restroom-main-head{
padding-top: 40px;
}
}
@media screen and (min-width: 768px){
.sec-restroom .contents-restroom-main{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sec-restroom .contents-restroom-main-head{
width: 48%;
padding-right: 2.5%;
animation-delay: .7s;
}
.sec-restroom .contents-restroom-main-body{
width: 48%;
padding-left: 2.5%;
}
.point-restroom .equipment-point-box-inner::after{
content: "";
display: block;
width: 30%;
}
.point-restroom .equipment-point-box-item{
width: 30%;
}
.point-restroom .equipment-point-box-inner .equipment-point-box-item:first-child,
.point-restroom .equipment-point-box-inner .equipment-point-box-item:nth-of-type(2),
.point-restroom .equipment-point-box-inner .equipment-point-box-item:nth-of-type(3){
margin-bottom: 40px;
}
.sec-restroom .contents-restroom-wash{
display: flex;
justify-content: space-between;
align-items: center;
}
.sec-restroom .contents-restroom-wash-head{
width: 32%;
animation-delay: .7s;
}
.sec-restroom .contents-restroom-wash-body{
width: 65%;
}
}
@media screen and (max-width: 767px){
.sec-restroom .contents-restroom-main-body{
max-width: 400px;
width: 100%;
margin: 25px auto 0;
}
.point-restroom .equipment-point-box-item{
width: 48%;
}
.point-restroom .equipment-point-box-inner .equipment-point-box-item:not(:last-child){
margin-bottom: 40px;
}
.sec-restroom .contents-restroom-wash-body{
margin-top: 30px;
}
}
@media screen and (max-width: 480px){
.sec-restroom .contents-restroom-main-body{
max-width: 260px;
}
.equipment-point-box-inner {
padding: 60px 4%;
}
.point-restroom .equipment-point-box-item{
width: 100%;
}
.point-restroom .equipment-point-box-inner .equipment-point-box-item:not(:last-child){
margin-bottom: 35px;
}
} .powderroom-lead.toughsolid-contents-lead{
margin-top: 130px;
}
.powderroom-lead.toughsolid-contents-lead::before{
background: linear-gradient(transparent 35px, rgba(0,0,0,0.04) 35px);
}
.powderroom-lead .toughsolid-contents-lead-ttl{
font-size: 3.6rem;
letter-spacing: 0.2em;
}
.powderroom-lead .toughsolid-contents-lead-ttl span{
font-size: 4.8rem;
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 960px){
.powderroom-lead .toughsolid-contents-lead-ttl{
font-size: 3.3rem;
}
.powderroom-lead .toughsolid-contents-lead-ttl span{
font-size: 4.5rem;
}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 480px){
.powderroom-lead .toughsolid-contents-lead-ttl{
font-size: 2.8rem;
}
.powderroom-lead .toughsolid-contents-lead-ttl span{
font-size: 3.6rem;
}
}
@media screen and (max-width: 480px){
.powderroom-lead .toughsolid-contents-lead-ttl{
font-size: 2.6rem;
}
.powderroom-lead .toughsolid-contents-lead-ttl span{
font-size: 3.1rem;
}
} .sec-restroom .contents-powderroom-main-head{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/toughsolid/equipment/illust-powderroom.png) no-repeat left 55px bottom;
padding-bottom: 210px;
}
.sec-restroom .point-powderroom{
margin-top: 80px;
}
@media screen and (min-width: 961px){
.sec-restroom .contents-powderroom-main-head{
padding-top: 40px;
}
}
@media screen and (min-width: 768px){
.sec-restroom .contents-powderroom-main{
display: flex;
justify-content: space-between;
}
.sec-restroom .contents-powderroom-main-head{
width: 48%;
padding-left: 2.5%;
animation-delay: .7s;
}
.sec-restroom .contents-powderroom-main-body{
width: 48%;
padding-right: 2.5%;
}
.point-powderroom .equipment-point-box-inner{
display: flex;
justify-content: space-between;
}
.point-powderroom .equipment-point-box-item{
width: 30%;
}
}
@media screen and (max-width: 960px){
.sec-restroom .contents-powderroom-main-head{
background-size: 180px;
padding-bottom: 180px;
}
}
@media screen and (max-width: 767px){
.sec-restroom .contents-powderroom-main-head{
background-position: right 50px bottom;
}
.sec-restroom .contents-powderroom-main-body{
max-width: 400px;
width: 100%;
margin: 25px auto 0;
}
.point-powderroom .equipment-point-box-inner .equipment-point-box-item{
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.point-powderroom .equipment-point-box-inner .equipment-point-box-item:not(:last-child){
margin-bottom: 40px;
}
}
@media screen and (max-width: 480px){
.sec-restroom .contents-powderroom-main-body{
max-width: 260px;
}
}