@charset "UTF-8";
@media screen and (min-width: 768px),print {

main{ width: 100%!important;}

#contentsmain {margin: 0 auto 94px;position: relative;background: url('../images/house/contentsmain-back01.png')no-repeat top 130px center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;padding-bottom: 37px;}
#contentsmain .inner-Box h2 {text-align: center;position: relative;top: 12px;left: -19px;margin-bottom: 134px;}
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box figure.photo { max-width: 1920px; width: 100%; min-width: 1280px;  position: relative;top: 0;left: 0;margin: 0 auto 46px;}
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;text-align: center;}

#contents01 {margin: 0 auto;position: relative;background: #ECECEC;padding: 100px 0 59px;}
#contents01 .inner-Box1 {margin: 0 auto 40px;position: relative;width: 1100px;height: 560px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 86px 50px 0 550px;}
#contents01 .inner-Box1 h2{font-size: 40px;line-height: 1.6;font-weight: 700;letter-spacing: 2px;margin-bottom: 17px;}
#contents01 .inner-Box1 h2 span{ font-size:16px; line-height:30px; letter-spacing:0.8px; display:inline-block; border:1px solid #000; padding:0px 16px; margin-left:20px; font-weight:400; position:relative; top:-4px; }
#contents01 .inner-Box1 figure.photo {position: absolute;top: 90px;left: 50px;}
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents01 .inner-Box1 p.btn{margin-left: auto;width: 300px;margin-top: 92px;}
#contents01 .inner-Box1 p.btn img{  }

#contents01 .inner-Box2 {margin: 0 auto 40px;position: relative;width: 1100px;height: 560px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 86px 50px 0 550px;}
#contents01 .inner-Box2 h2{font-size: 40px;line-height: 1.6;font-weight: 700;letter-spacing: 2px;margin-bottom: 17px;}
#contents01 .inner-Box2 h2 span{ font-size:16px; line-height:30px; letter-spacing:0.8px; display:inline-block; border:1px solid #000; padding:0px 16px; margin-left:20px; font-weight:400; position:relative; top:-4px; }
#contents01 .inner-Box2 figure.photo {position: absolute;top: 90px;left: 50px;}
#contents01 .inner-Box2 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents01 .inner-Box2 p.btn{margin-left: auto;width: 300px;margin-top: 28px;}
#contents01 .inner-Box2 p.btn img{  }

#contents01 .inner-Box3 {margin: 0 auto 40px;position: relative;width: 1100px;height: 560px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 86px 50px 0 550px;}
#contents01 .inner-Box3 h2{font-size: 40px;line-height: 1.6;font-weight: 700;letter-spacing: 2px;margin-bottom: 17px;}
#contents01 .inner-Box3 h2 span{ font-size:16px; line-height:30px; letter-spacing:0.8px; display:inline-block; border:1px solid #000; padding:0px 16px; margin-left:20px; font-weight:400; position:relative; top:-4px;}
#contents01 .inner-Box3 figure.photo {position: absolute;top: 90px;left: 50px;}
#contents01 .inner-Box3 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents01 .inner-Box3 p.btn{margin-left: auto;width: 300px;margin-top: 60px;}
#contents01 .inner-Box3 p.btn img{  }

#contentsbottom {margin: 0 auto;position: relative;background: url('../images/house/contentsbottom-back01.png')no-repeat top center;text-align: center;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;padding: 110px 0 80px 0;}
#contentsbottom .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 680px;margin: 0 auto;}
#contentsbottom .inner-Box ul li {  }
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure{  }


    #contntsbtb {background: #ECECEC;margin: 0 auto 129px;position: relative;padding: 38px 0 32px;}
    #contntsbtb .inner-Box {margin: 0 auto 30px;position: relative;width: 1200px;}
    #contntsbtb .inner-Box h2{font-size: 30px;line-height: 1.6;font-weight: 500;letter-spacing: 3px;margin-bottom: 37px;text-align: center;}
    #contntsbtb .inner-Box h2 span{  }
    #contntsbtb .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contntsbtb .inner-Box ul li {margin-right: 20px;margin-bottom: 21px;}
    #contntsbtb .inner-Box ul li:nth-child(5n) { margin-right: 0px; }
    #contntsbtb .inner-Box ul li figure{  }
    #contntsbtb .inner-Box2 {margin: 0 auto;position: relative;width: 1200px;text-align: center;}
    #contntsbtb .inner-Box2 p{font-size: 16px;line-height: 25px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;color: #808080;}
    
    
}

@media screen and (max-width: 767px) {

    #contentsmain {margin: 0 auto 2.5vw;position: relative;background: url('../images/house/sp-contentsmain-back01.png') no-repeat top 48.3vw center;background-size: 100% auto;}
    #contentsmain .inner-Box {position: relative;padding: 0.2vw 0vw 8.9vw;}
    #contentsmain .inner-Box h2 {text-align: center;position: relative;margin: 0 7.5vw 8.2vw;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin: 0 3.7vw 9.1vw 5.2vw;}
    #contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin: 0 6.6vw 7.2vw;}
    
    #contents01 {position: relative;background: #ECECEC;padding: 13.4vw 0 0.2vw;}
    #contents01 .inner-Box1 {margin: 0 auto 5vw;position: relative;background: #fff;box-shadow: 0.0vw 0.7vw 1.4vw #00000029;padding: 9vw 7.7vw 3vw;}
    #contents01 .inner-Box1 h2{font-size: 9.66vw;line-height: 1.2;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 7vw;text-align: center;}
    #contents01 .inner-Box1 h2 span{ font-size:3.6vw; line-height:1.6; letter-spacing:0.242vw; display:inline-block; border:1px solid #000; padding:0px 4vw;font-weight:400; }
    #contents01 .inner-Box1 figure.photo {position: relative;margin-bottom: 8.86vw;}
    #contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.7vw;}
    #contents01 .inner-Box1 p.btn{margin-left: auto;margin: 8.8vw 6vw;}
    #contents01 .inner-Box1 p.btn img{  }
    
    #contents01 .inner-Box2 {margin: 0 auto 5vw;position: relative;background: #fff;box-shadow: 0.0vw 0.7vw 1.4vw #00000029;padding: 9vw 7.7vw 3vw;}
    #contents01 .inner-Box2 h2{font-size: 9.66vw;line-height: 1.2;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 7vw;text-align: center;}
    #contents01 .inner-Box2 h2 span{ font-size:3.6vw; line-height:1.6; letter-spacing:0.242vw; display:inline-block; border:1px solid #000; padding:0px 4vw;font-weight:400; }
    #contents01 .inner-Box2 figure.photo {position: relative;margin-bottom: 8.86vw;}
    #contents01 .inner-Box2 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.7vw;}
    #contents01 .inner-Box2 p.btn{margin-left: auto;margin: 8.8vw 6vw;}
    #contents01 .inner-Box2 p.btn img{  }
    
    #contents01 .inner-Box3 {margin: 0 auto 5vw;position: relative;background: #fff;box-shadow: 0.0vw 0.7vw 1.4vw #00000029;padding: 9vw 7.7vw 3vw;}
    #contents01 .inner-Box3 h2{font-size: 9.66vw;line-height: 1.2;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 7vw;text-align: center;}
    #contents01 .inner-Box3 h2 span{ font-size:3.6vw; line-height:1.6; letter-spacing:0.242vw; display:inline-block; border:1px solid #000; padding:0px 4vw; font-weight:400; }
    #contents01 .inner-Box3 figure.photo {position: relative;margin-bottom: 8.86vw;}
    #contents01 .inner-Box3 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.7vw;}
    #contents01 .inner-Box3 p.btn{margin-left: auto;margin: 8.8vw 6vw;}
    #contents01 .inner-Box3 p.btn img{  }
    
    #contentsbottom {position: relative;background: url('../images/house/sp-contentsbottom-back01.png') no-repeat top center;background-size: 100% auto;text-align: center;}
    #contentsbottom .inner-Box {margin: 0 2.4vw;position: relative;padding: 9.3vw 0 3.2vw 0;}
    #contentsbottom .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 4vw;}
    #contentsbottom .inner-Box ul li {  }
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure{ margin-bottom: 4vw; }
    



    #contntsbtb {background: #ECECEC;position: relative;padding: 13.6vw 0 5.5vw;}
    #contntsbtb .inner-Box {margin: 0 auto -0.3vw;position: relative;}
    #contntsbtb .inner-Box h2{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 11.3vw;text-align: center;}
    #contntsbtb .inner-Box h2 span{  }
    #contntsbtb .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 7.1vw 9.8vw;}
    #contntsbtb .inner-Box ul li {margin-right: 4.4vw;margin-bottom: -0.4vw;width: 40.7vw;}
    #contntsbtb .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contntsbtb .inner-Box ul li figure{ margin-bottom: 4vw; }
    #contntsbtb .inner-Box2 {position: relative;padding: 0 7vw;}
    #contntsbtb .inner-Box2 p{font-size: 3.38vw;line-height: 6.03vw;font-weight: 400;letter-spacing: 0.16vw;margin-bottom: 7.2vw;color: #808080;}
    
    
  

}