@charset "utf-8";
 @media screen and (min-width: 481px){
.sec-ttl {
margin-bottom: 60px;
}
} .sec-concept .line-green{
background: linear-gradient(transparent 60%, #e8f1ec 60%);
}
.consept-ttl{
font-size: 4.6rem;
font-weight: 400;
text-align: center;
}
.consept-ttl::after{
content: "";
display: block;
width: 70px;
height: 3px;
background: #1f7648;
margin: 10px auto 30px;
}
.sec-concept .lead-block {
text-align: center;
line-height: 2;
margin-bottom: 80px;
}
.sec-concept .lead-block .lead-text01{
font-size: 2.4rem;
margin-bottom: 20px;
}
.sec-concept .lead-block .lead-text02{
font-size: 1.8rem;
}
.concept-roof{
text-align: center;
max-width: 1000px;
}
.concept-steps{
max-width:430px;
width:100%;
margin:0 auto;
}
.concept-roof svg,
.concept-steps svg{
width: 100%;
height: auto;
} @media screen and (max-width: 1140px){
.consept-ttl{
font-size: 3.6rem;
}
.sec-concept .lead-block .lead-text01{
font-size: 2.1rem;
}
}
@media screen and (max-width: 480px){
.consept-ttl{
font-size: 2.8rem;
}
.sec-concept .lead-block .lead-text01{
font-size: 1.8rem;
}
.sec-concept .lead-block .lead-text02{
font-size: 1.6rem;
}
.concept-steps{
max-width:280px;
}
}
@media screen and (max-width: 370px){
.consept-ttl{
font-size: 2.4rem;
}
.sec-concept .lead-block .lead-text02{
letter-spacing: 0;
}
.concept-steps{
max-width:250px;
}
} .sec-safety{
margin: 40px auto 60px;
}
.sec-safety-box .safety-text-block{
padding: 60px 0 0;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/concept/safety-text.png) no-repeat top left;
}
.sec-safety .safety-text-block-p{
line-height: 2;
}
.sec-safety-box .safety-img-block{
font-size: 0;
}
.sec-safety .safety-bottom-text{
text-align: center;
margin: 80px auto 0;
line-height: 2;
font-size: 1.8rem;
}
.sec-safety .safety-bottom-text .large-text{
font-size: 2.8rem;
}
.sec-safety .safety-text-block-p p:not(:last-child){
margin-bottom: 2em;
}
@media screen and (min-width: 768px){
.sec-safety .consept-ttl{
text-align: left;
}
.sec-safety .consept-ttl::after{
margin: 0 auto 30px 0;
}
.sec-safety-box{
display: flex;
justify-content: space-between;
}
.sec-safety-box .safety-text-block,
.sec-safety-box .safety-img-block{
width: 48%;
}
}
@media screen and (max-width: 1140px){
.sec-safety .safety-text-block-p br{
display: none;
}
.sec-safety .safety-bottom-text .large-text {
font-size: 2.1rem;
}
}
@media screen and (max-width: 767px){
.sec-safety-box .safety-text-block{
background-position: center top;
}
.sec-safety-box .safety-img-block{
text-align: center;
margin-top: 25px;
}
.sec-safety .safety-bottom-text .large-text {
margin-top: 1em;
display: inline-block;
}
}
@media screen and (max-width: 550px){
}
@media screen and (max-width: 480px){
.sec-safety .safety-bottom-text{
font-size: 1.6rem;
}
.sec-safety .safety-bottom-text .large-text{
font-size: 1.8rem;
}
}
@media screen and (max-width: 370px){
} .sec-attract{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/concept/attract-text.png) no-repeat top center;
padding: 40px 0 0;
margin: 60px auto 0;
}
.sec-attract-box .safety-text-block{
padding: 60px 0 160px;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/concept/attract-illust.png) no-repeat bottom right 25px;
line-height: 2;
}
.sec-attract-box .safety-text-block p:not(:last-child){
margin-bottom: 2em;
}
.sec-attract-box .safety-img-block{
font-size: 0;
}
.sec-attract-floorplan{
background: linear-gradient(transparent 50%, rgba(0,0,0,0.04) 50%);
padding: 0 0 40px;
text-align: center;
margin: 80px auto 80px;
}
.sec-attract-floorplan .floorplan-lead{
font-size: 1.8rem;
margin-bottom: 40px;
position: relative;
display: inline-block;
padding: 0 135px;
}
.sec-attract-floorplan .floorplan-lead::before,
.sec-attract-floorplan .floorplan-lead::after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 105px;
height: 7px;
}
.sec-attract-floorplan .floorplan-lead::before{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/concept/attract-planttl-left.png) no-repeat;
left: 0;
}
.sec-attract-floorplan .floorplan-lead::after{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/concept/attract-planttl-left.png) no-repeat;
right: 0;
}
.sec-attract-floorplan .floorplan-lead .large-text{
font-size: 2.8rem;
}
.sec-attract-floorplan .floorplan-list{
display: flex;
justify-content: space-between;
}
.sec-attract-floorplan .floorplan-list li{
width: 24%;
font-size: 0;
} .sec-attract-floorplan .floorplan-list li:nth-of-type(2){
animation-delay:.3s;
}
.sec-attract-floorplan .floorplan-list li:nth-of-type(3){
animation-delay:.8s;
}
.sec-attract-floorplan .floorplan-list li:nth-of-type(4){
animation-delay:1.3s;
}
.sec-attract-bottom-text{
text-align: center;
line-height: 2;
}
.sec-attract-bottom-text .line-green{
font-size: 1.8rem;
font-weight: bold;
}
.sec-attract-bottom-text p:not(:last-child){
margin-bottom: 2em;
}
.sec-concept-last-lead{
padding-top: 60px;
padding-bottom: 20px;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/concept/bellhaus-text.png) no-repeat center center;
text-align: center;
font-size: 3rem;
font-weight: 400;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
margin-top: 40px;
margin-bottom: 80px;
}
@media screen and (min-width: 768px){
.sec-attract-box{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sec-attract-box .safety-text-block,
.sec-attract-box .safety-img-block{
width: 48%;	
}
}
@media screen and (max-width: 960px){
.sec-attract-box .safety-text-block{
padding: 0 0 160px;
background-size: 200px;
}
.sec-attract-floorplan .floorplan-lead .large-text{
font-size: 2.6rem;
}
.sec-concept-last-lead{
font-size: 2.6rem;
}
}
@media screen and (max-width: 767px){
.sec-attract-box .safety-text-block {
padding: 0 0 130px;
}
.sec-attract-box .safety-text-block br{
display: none;
}
.sec-attract-box .safety-img-block{
text-align: center;
margin-top: 25px;
}
.sec-attract-floorplan .floorplan-lead{
padding: 0 70px;		
}
.sec-attract-floorplan .floorplan-lead::before,
.sec-attract-floorplan .floorplan-lead::after{
width: 60px;
background-size: contain;
}
.sec-attract-floorplan .floorplan-lead .large-text{
font-size: 2.4rem;
}
.sec-attract-bottom-text{
text-align: left;
}
.sec-attract-bottom-text br{
display: none;
}
.sec-concept-last-lead{
padding-top: 20px;
padding-bottom: 20px;
background-size: 420px;	
}
}
@media screen and (max-width: 480px){
.sec-attract-floorplan .floorplan-lead{
padding: 0;		
}
.sec-attract-floorplan .floorplan-lead::before,
.sec-attract-floorplan .floorplan-lead::after{
display: none;
}
.sec-attract-floorplan .floorplan-list{
flex-wrap: wrap;
}
.sec-attract-floorplan .floorplan-list li {
width: 48%;
}
.sec-attract-floorplan .floorplan-list li:first-child{
margin-bottom: 10px;
}
.sec-concept-last-lead{
padding-top: 30px;
padding-bottom: 10px;
font-size: 5.5vw;
background-size: 300px;
margin-bottom: 60px;
}
} .concept-bottom-bnr-link-list{
max-width: 950px;
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 768px){
.concept-bottom-bnr-link-list{
display: flex;
justify-content: space-between;
}
.concept-bottom-bnr-link-list a{
width: 48%;
}
}
@media screen and (max-width: 767px){
.concept-bottom-bnr-link-list{
max-width: 450px;
}
.concept-bottom-bnr-link-list a:first-child{
margin-bottom: 15px;
}
}