@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);

.main .main-inner .top-img{font-size:0;}
.main .main-inner .content-area .description{display:none;}
.main .main-inner .content-area .content-img dt span{color:rgba(0,0,0,0);}


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

  #header {margin: 0; height: 114px; background: url(../img/top.gif) repeat-x top; background-color: white; }
  #header_inner{ overflow: hidden; }
  #logo a img{ float: left; margin-right: 138px; margin-top: 22px; }

  .main{background-color: #468a0a}
  .main .main-inner .top-img{height:488px; background: url('../img/pc/top.jpg') center center no-repeat;}
  .main .main-inner .content-area{width: 950px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; box-sizing:border-box;}
  .main .main-inner .content-area .content-img{width: 451px; height: 565px; margin: 0 9px 30px 9px;}
  .main .main-inner .content-area .content-img dl{width: 381px; margin:0 auto; display: flex; flex-flow: row wrap;text-align: left;font-size: 16px; color: #009e96; font-weight: bold;}
  .main .main-inner .content-area .content-img dt{width: 100px; height: 20px; margin-bottom: 10px; font-size: 100%;}
  .main .main-inner .content-area .content-img dd{width: 281px; height: 20px; margin-bottom: 10px; line-height: 1.4;}
  .main .main-inner .content-area .content-img dd a{display:block;text-decoration: none; font-size: 16px; color: #009e96; font-weight: bold; height: 20px;}
  .main .main-inner .content-area .rec-1{background: url('../img/pc/rec-1.jpg') center center no-repeat; height: 595px;}
  .main .main-inner .content-area .rec-1 dl{margin-top:432px;}
  .main .main-inner .content-area .rec-2{background: url('../img/pc/rec-2.jpg') center center no-repeat; height: 595px;}
  .main .main-inner .content-area .rec-2 dl{margin-top:442px;}
  .main .main-inner .content-area .rec-3{background: url('../img/pc/rec-3.jpg') center center no-repeat;}
  .main .main-inner .content-area .rec-3 dl{margin-top:430px;}
  .main .main-inner .content-area .rec-4{background: url('../img/pc/rec-4.jpg') center center no-repeat;}
  .main .main-inner .content-area .rec-4 dl{margin-top:405px;}
  .main .main-inner .content-area .rec-5{background: url('../img/pc/rec-5.jpg') center center no-repeat;}
  .main .main-inner .content-area .rec-5 dl{margin-top:405px;}
  .main .main-inner .content-area .rec-6{background: url('../img/pc/rec-6.jpg') center center no-repeat;}
  .main .main-inner .content-area .rec-6 dl{margin-top:442px;}
  .main .main-inner .content-area .rally{width: 910px; margin: 24px auto 66px auto; background-color: #fdd34e;}
  .main .main-inner .content-area .rally .top-img{background: url('../img/pc/rally-title.jpg') center center no-repeat; height: 295px;}
  .main .main-inner .content-area .rally .rally-content{width: 836px; margin: 25px auto 35px auto; background-color: #fee9a7; padding: 30px 28px 17px 28px; box-sizing: border-box; display: flex; flex-flow: row wrap; justify-content: space-between;}
  .main .main-inner .content-area .rally .rally-content h3{width:836px; font-size: 24px; font-weight: bold; color: black; margin-bottom: 8px;}
  .main .main-inner .content-area .rally .rally-content .content-box{width: 367px;}
  .main .main-inner .content-area .rally .rally-content .content-box .title{line-height: 31px; background-color: #f39f54; text-align: center; font-size: 18px; font-weight:bold; color: white; margin-top: 12px;}
  .main .main-inner .content-area .rally .rally-content .content-box dl{display: flex; flex-flow: row wrap;}
  .main .main-inner .content-area .rally .rally-content .content-box dl dt{text-align: right; font-size: 16px; line-height: 1; margin-bottom: 16px;}
  .main .main-inner .content-area .rally .rally-content .content-box dl dd{margin:0 0 16px 28px; font-size: 16px; line-height: 1;}

  .main .main-inner .content-area .rally .rally-content .content-box dl dd a{display: block; height: 16px;}
  .main .main-inner .content-area .rally .rally-content .left-box dl dt{width: 114px;}
  .main .main-inner .content-area .rally .rally-content .right-box dl dt{width: 97px;}

  #footer { background-image: url(../img/footer_bg.gif); margin-top: -36px;}
}




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

  #header { background-color: white; height: auto; }
  #header #header_sp h1 { box-sizing: border-box; padding-top: 2.8vw; height: 14.6875vw; float: none; }
  #header #header_sp h1 a img { width: 46vw; }
.main{background-color: #468a0a}
.main .main-inner .top-img{width:100%; height:49.6875vw; background: url('../img/sp/top.jpg') center center no-repeat; background-size: cover;}
.main .main-inner .content-area{width: 100%; margin: 0 auto;}
.main .main-inner .content-area .content-img{width: 85.7812vw; height: 107.5vw; margin: 0 auto 3.125vw auto;}
.main .main-inner .content-area .content-img dl{width: 71.4062vw; margin:0 auto; display: flex; flex-flow: row wrap;text-align: left;font-size: 3.125vw; color: #009e96; font-weight: bold;}
.main .main-inner .content-area .content-img dt{width: 18.2812vw; height: 2.8985vw; margin-bottom: 3.0769vw; font-size: 100%;}
.main .main-inner .content-area .content-img dd{width: 53.1vw; height: 2.8985vw; margin-bottom: 3.0769vw; line-height: 1.4;}
.main .main-inner .content-area .rec-1{background: url('../img/sp/rec-1.jpg') center center no-repeat; background-size: cover; height: 113.125vw;
}
.main .main-inner .content-area .rec-1 dl{padding-top:82.1875vw;}
.main .main-inner .content-area .rec-2{background: url('../img/sp/rec-2.jpg') center center no-repeat; background-size: cover;}
.main .main-inner .content-area .rec-2 dl{padding-top:85vw;}
.main .main-inner .content-area .rec-3{background: url('../img/sp/rec-3.jpg') center center no-repeat; background-size: cover;}
.main .main-inner .content-area .rec-3 dl{padding-top:81.875vw;}
.main .main-inner .content-area .rec-4{background: url('../img/sp/rec-4.jpg') center center no-repeat; background-size: cover;}
.main .main-inner .content-area .rec-4 dl{padding-top:77.1875vw;}
.main .main-inner .content-area .rec-5{background: url('../img/sp/rec-5.jpg') center center no-repeat; background-size: cover;}
.main .main-inner .content-area .rec-5 dl{padding-top:77.1875vw;}
.main .main-inner .content-area .rec-6{background: url('../img/sp/rec-6.jpg') center center no-repeat; background-size: cover; margin-bottom: 6.25vw;}
.main .main-inner .content-area .rec-6 dl{padding-top:85vw;}

  .main .main-inner .content-area .rally{width: 100%; background-color: #fdd34e; padding-bottom: 6.25vw;}
  .main .main-inner .content-area .rally .top-img{background: url('../img/sp/rally-title.jpg') center center no-repeat; background-size: cover; height: 46.25vw;}
  .main .main-inner .content-area .rally .rally-content{width: 90.625vw; margin: 3.2812vw auto 0 auto; background-color: #fee9a7; padding: 3.125vw 3.75vw 0 3.75vw; box-sizing: border-box; display: flex; flex-flow: row wrap; justify-content: space-between;}
  .main .main-inner .content-area .rally .rally-content h3{width: 90.625vw; font-size:3.75vw; font-weight: bold; color: black; margin-bottom: 2.1875vw; text-align: center;}
  .main .main-inner .content-area .rally .rally-content .content-box{width: 83.125vw;}
  .main .main-inner .content-area .rally .rally-content .content-box .title{line-height: 6.875vw; background-color: #f39f54; text-align: center; font-size: 3.75vw; font-weight:bold; color: white;}
  .main .main-inner .content-area .rally .rally-content .content-box dl{width:80vw;display: flex; flex-flow: row wrap; margin: 3.9062vw auto 2.6563vw auto;}
  .main .main-inner .content-area .rally .rally-content .content-box dl dt{text-align: right; font-size: 3.4375vw; line-height: 1; margin-bottom: 3.5937vw;}
  .main .main-inner .content-area .rally .rally-content .content-box dl dd{margin:0 0 3.5937vw 6.25vw; font-size: 3.4375vw; line-height: 1;}

  .main .main-inner .content-area .rally .rally-content .content-box dl dd a{display: block; height: 3.4375vw;}
  .main .main-inner .content-area .rally .rally-content .left-box dl dt{width:24.2187vw;}
  .main .main-inner .content-area .rally .rally-content .right-box dl dt{width: 21.4687vw;}

  #footer > div { background-color: white; }
}