@charset "UTF-8";

/*
@import url(https://www.housingstage.jp/wp-content/themes/smartphone/css/styles.css) screen and (max-width: 949px);
@import url(https://www.housingstage.jp/wp-content/themes/pc/css/styles.css) screen and (min-width: 950px);
*/

/* -------------------------------------------------------------------------------------------------
  SP / PC
------------------------------------------------------------------------------------------------- */
/* 404エラー対策 */
#wrapper {background:none;}


body{color:black;}

.main .main-inner .title-3servise{font-size:0;}

.main .main-inner .btn-3servise .btn-catalog{background: url(../img/btn-catalog-pc.png) center center no-repeat;background-size:contain;}
.main .main-inner .btn-3servise .btn-tochisagashi{background: url(../img/btn-tochisagashi-pc.png) center center no-repeat;background-size:contain;}
.main .main-inner .btn-3servise .btn-kengaku{background: url(../img/btn-kengaku-pc.png) center center no-repeat;background-size:contain;}

.main .main-inner .content-box .title-catalog{background: url(../img/title-katalog.png) center center no-repeat; background-color: #d56941;background-size:contain;}
.main .main-inner .content-box .icon-catalog{background: url(../img/icon-catalog.jpg)center center no-repeat;background-size:contain;}
.main .main-inner .content-box .title-tochimachi{background: url(../img/title-tochimachi.png) center center no-repeat; background-color: #4ea147;background-size:contain;}
.main .main-inner .content-box .icon-tochimachi{background: url(../img/icon-tochimachi.jpg)center center no-repeat;background-size:contain;}
.main .main-inner .content-box .title-modelhouse{background: url(../img/title-modelhouse.png) center center no-repeat; background-color: #3090bc;background-size:contain;}
.main .main-inner .content-box .icon-modelhouse{background: url(../img/icon-modelhouse.jpg)center center no-repeat;background-size:contain;}

.main .main-inner .content-box .button-box .detail-btn{background: url(../img/btn-details2.png) center center no-repeat; background-color: white;background-size:contain;border: 1px solid black;}
.main .main-inner .content-box .button-box .detail-btn:hover{background-image: url(../img/btn-details1.png);background-color:black;}
.main .main-inner .content-box .button-box .form-btn{background: url(../img/btn-form1.png) center center no-repeat; border: 1px solid black;background-size:contain;}
.main .main-inner .content-box .button-box .form-btn:hover{background-image: url(../img/btn-form2.png);background-color:black;}

.main .main-inner .housemaker-block h3{display:flex;flex-flow:row wrap;justify-content:center;font-weight: bold;line-height:1;}
.main .main-inner .housemaker-block h3 .underline{border-bottom: 1px solid black;}
.main .main-inner .housemaker-block .housemaker-list{display:flex;flex-flow:row wrap;font-size:0;}
.main .main-inner .housemaker-block .housemaker-list li{display:flex;align-items:center;justify-content:center;}
.main .main-inner .housemaker-block .housemaker-list li img{width:100%;object-fit:contain;}

footer{background:url(../img/copyright2.gif) no-repeat center center;font-size:0;background-size:contain;}

/* -------------------------------------------------------------------------------------------------
  PC
------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 950px) {
  .mobile {display: none;}

  #wrapper{min-width:950px;}

  .main{margin-top:134px;}
  .main .main-visual{margin: 0 auto; background: url(../img/main-visual-pc.png) center center no-repeat; background-size: cover; min-height: 640px; height: 33.333vw; font-size: 0;}

  .main .main-inner{width: 950px; margin: 0 auto;}

  .main .main-inner .title-3servise{background: url(../img/3servise-pc.png) center center no-repeat; height: 174px; margin-top: 52px;}

  .main .main-inner .btn-3servise{margin-top: 50px; display: flex; justify-content: space-between;}
  .main .main-inner .btn-3servise .button{display: block; width: 290px; height: 360px; font-size: 0;}

  .main .main-inner .tokuten{background: url(../img/tokuten-pc.png) center center no-repeat; margin-top: 100px; height:353px;font-size:0;}
  .main .main-inner .tokuten a{display:block;height:100%;font-size:0;}

  .main .main-inner .content-box{margin-top: 150px;}
  .main .main-inner .content-box .title{height: 100px; border-radius: 50px; box-sizing: border-box; font-size:0;}
  .main .main-inner .content-box .icon{height: 200px; margin-top: 30px;}
  .main .main-inner .content-box .text-box{margin: 23px auto 0 auto; width: 770px;}
  .main .main-inner .content-box .text-box .lead{font-size: 19px; font-weight: bold; line-height: 1.7;text-align:center;}
  .main .main-inner .content-box .text-box .lead .marker{background: linear-gradient(transparent 55%, #ffdc00 55%);}
  .main .main-inner .content-box .text-box .notice{margin-top: 40px; font-size: 19px; font-weight: bold; line-height: 1.7;text-align: center;}
  .main .main-inner .content-box .text-box .notice-corona{border: 1px solid black; margin: 45px auto 0 auto; font-size: 12px; padding: 11px 0; text-align: center; width: 661px;line-height:1.6;}
  .main .main-inner .content-box .button-box{margin: 53px auto 0 auto; width: 661px; display: flex; justify-content: space-between;}
  .main .main-inner .content-box .button-box .button{display:block;width: 320px; height: 65px; font-size: 0;border-radius:20px;box-sizing: border-box;}
  
  .main .main-inner .housemaker-block{margin-top: 148px; border: 1px solid black;}
  .main .main-inner .housemaker-block h3{font-size: 38px; margin-top: 55px; width:900px; margin:65px auto 0 auto;}
  .main .main-inner .housemaker-block h3 .underline{margin-top:19px;}
  .main .main-inner .housemaker-block h3 .underline:first-of-type{margin:0 100px;}
  .main .main-inner .housemaker-block .housemaker-list{margin-top:40px;margin-bottom:40px}
  .main .main-inner .housemaker-block .housemaker-list li{width:117px;padding:20px;}
  .main .main-inner .housemaker-block .housemaker-list li img{max-height:70px;}

  footer{height:24px;margin-top:10px;}
}



/* -------------------------------------------------------------------------------------------------
  SP
------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 949px) {
  .desktop { display: none; }

  .main{margin-top:80px;}
  .main .main-visual{margin: 0 auto; background: url(../img/main-visual-sp.png) center center no-repeat; background-size: cover; height:167.2vw ; font-size: 0;}

  .main .main-inner .tokuten{width:100%;height:60vw;font-size:0;position:absolute;top:calc(81px + 107vw);left:0;}
  .main .main-inner .tokuten a{display:block;height:100%;font-size:0;}

  .main .main-inner .title-3servise{background: url(../img/3servise-sp.png) center center no-repeat; background-size: contain; height: 26.6666vw; margin-top: 7.2vw;}
  .main .main-inner .btn-3servise{margin-top: 7vw;}
  .main .main-inner .btn-3servise .button{display: block; height: 21.3333vw; font-size: 0; margin-top: 2.6666vw;}
  .main .main-inner .btn-3servise .btn-catalog{background-image: url(../img/btn-catalog-sp.png);}
  .main .main-inner .btn-3servise .btn-tochisagashi{background-image: url(../img/btn-tochisagashi-sp.png);}
  .main .main-inner .btn-3servise .btn-kengaku{background-image: url(../img/btn-kengaku-sp.png);}
  .main .main-inner .content-box{margin: 13.3333vw auto 0 auto; width: 89.3333vw;}
  .main .main-inner .content-box .title{height: 13.3333vw; border-radius: 6.6666vw; box-sizing: border-box; font-size:0;}
  .main .main-inner .content-box .icon{height: 26.6666vw; margin-top: 4vw;}
  .main .main-inner .content-box .text-box{margin: 3.0666vw auto 0 auto; text-align: center;}
  .main .main-inner .content-box .text-box .lead{font-size: 2.5333vw; font-weight: bold; line-height: 1.7;}
  .main .main-inner .content-box .text-box .lead .marker{background: linear-gradient(transparent 55%, #ffdc00 55%);}
  .main .main-inner .content-box .text-box .notice{margin-top: 5.3333vw; font-size: 2.5333vw; font-weight: bold; line-height: 1.7;}
  .main .main-inner .content-box .text-box .notice-corona{border: 1px solid black; margin: 6vw auto 0 auto; font-size: 2.3853vw; padding: 4vw 0; text-align: center; width: 60vw;line-height:1.6;}
  .main .main-inner .content-box .button-box{margin-top: 7vw;}
  .main .main-inner .content-box .button-box .button{margin-top: 2.6666vw; display: block; height: 8.6666vw; font-size: 0;border-radius: 2.6666vw; box-sizing: border-box;}

  .main .main-inner .housemaker-block{width:89.3333vw; margin: 15vw auto 0 auto; border: 1px solid black;}
  .main .main-inner .housemaker-block h3{font-size: 5.0666vw; width:60vw; margin:8vw auto;}
  .main .main-inner .housemaker-block h3 .underline{margin-top:2.5333vw;}
  .main .main-inner .housemaker-block .housemaker-list{margin-top:5.3333vw;margin-bottom:5.3333vw;}
  .main .main-inner .housemaker-block .housemaker-list li{width:17vw;padding:2.6666vw;}
  .main .main-inner .housemaker-block .housemaker-list li img{max-height:6.6666vw;}

  footer{height:3.2vw;margin-top:1.3333vw;}
  }