@charset "UTF-8";
/*
Theme Name: 沼田土建 パナソニック
Version: 1.0
*/

/** ベース
---------------------------------------------**/
html{
  font-size: 62.5%;
}

body{
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #E2E2E2;
  color: #333;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  flex-direction: column;
  height: auto !important;
}

h1,
h2,
h3{
  margin: 0;
}

a{
  text-decoration: none;
  color: #333;
}

p{
  line-height: 1.6;
}

ul{
  padding-left: 0;
}

ul li{
  list-style: none;
}

ul li a{
  display: block;
}

img{
  max-width: 100%;
  vertical-align: middle;
}

input[type="text"],
input[type="email"]{
  width: 98%;
  padding: 0.5em;
  font-size: 1.4rem;
}

select{
  width: auto;
  min-width: 260px;
  padding: 0.5em;
  font-size: 1.4rem;
}

textarea{
  width: 98%;
  padding: 0.5em;
  font-size: 1.4rem;
}

.wrapper{
  min-width: 1200px;
  min-height: 100vh;
  width: 1200px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 0px 4px 2px rgba(196,196,196,0.9);
  overflow: hidden;
}

.center-area{
  text-align: center;
}

.bord-text{
  font-weight: bold;
}

.underline{
  display: inline;
  text-decoration: underline;
  color: #333;
}


/** slick.js
---------------------------------------------**/
.slick-dots{
  bottom: 0px !important;
  margin-bottom: 10px;
}

.slick-dots li button{
  width: 17px;
  height: 17px;
  border: 3px solid #fff;
  border-radius: 20px;
}

.slick-dots li button::before{
  width: 18px;
  height: 18px;
  top: 1px;
  right: 1px;
  font-size: 15px !important;
  opacity: 1;
  color: #cacaca;
}

.slick-dots li.slick-active button::before{
  opacity: 1;
  color: #16286F;
}

.slick-dots li:hover button::before{
  opacity: 1;
  color: #16286F;
}

.slick-dotted.slick-slider{
  margin-bottom: 0 !important;
}


/** rightbox
---------------------------------------------**/
.lb-data .lb-number{
  display: none !important;
}


/** table
---------------------------------------------**/
table{
  width: 100%;
  border-collapse: collapse;
}

th{
  width: 20%;
  padding: 0.2em;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  font-weight: normal;
}

td{
  width: 80%;
  padding: 0.2em;
  border: 1px solid #ccc;
}


/** ヘッダー
---------------------------------------------**/
header{
  padding: 10px 100px 20px;
}

header a{
  color: #333;
}

.site-header{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #ccc;
}

.header-left h1 > a{
  display: inline-block;
  width: 285px;
  height: 0;
  padding-top: 63px;
  background: url(./images/logo.png) no-repeat;
  background-size: auto;
  background-size: 100%;
  overflow: hidden;
}

.sp-nav-btn{
  display: none;
}

.header-right .contact-area{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header-right dl{
  display: flex;
  margin: 0;
  font-size: 1.7rem;
}

.header-right dd{
  margin-left: 5px;
  color: #BE9100;
  font-weight: bold;
}

.header-right .sl-more{
  margin: 0 0 0 15px;
  padding: 8px 0;
}

.header-right .sl-more::before{
  top: 17px;
}

header nav ul{
  display: flex;
  margin: 20px 0 0;
}

header nav ul li{
  margin-left: 30px;
}

header nav ul li a{
  position: relative;
  padding: 0 5px 5px;
}

header nav ul li a::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #333;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

header nav ul li a:hover::after {
  -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);
}


/** メイン
---------------------------------------------**/
main{
  display: block;
}

.main-image{
  width: 1200px;
  height: 560px;
}

article section{
  width: 980px;
  margin: 0 auto 50px;
}

article .italic{
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
}

article h3{
  margin-bottom: 20px;
  padding: 0.3em;
  border: 1px solid #16286F;
  color: #16286F;
  font-weight: normal;
  box-sizing: border-box;
}

article h3.no-border{
  border: none;
}

article h3 > span {
  height: 100%;
  display: flex;
  padding: 0.2em;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 2.5rem;
}

article h4{
  font-size: 2.2rem;
}

article h4.line-bottom{
  width: 300px;
  margin: 0 auto;
  border-bottom: 1px solid #16286F;
  color: #16286F;
  text-align: center;
  box-sizing: border-box;
}

article h4.line-bottom .small{
  font-size: 1.6rem;
}

.inner-content{
  padding-top: 30px;
}

.content-area{
  margin-bottom: 60px;
  position: relative;
}

.content-area .inner-wrap{
  padding: 20px 0 60px;
}

.consept-content .inner-wrap{
  padding-bottom: 0;
}

.content-title{
  margin: 30px 0;
  font-size: 2.6rem;
  font-weight: normal;
  text-align: center;
}

.consept{
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.6;
}

.proposal-list{
  width: 980px;
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.proposal-list li{
  max-width: 315px;
  width: 315px;
  margin: 30px 15px 0 0;
}

.proposal-list li:nth-of-type(3n){
  margin-right: 0;
}

.proposal-list li a{
  position: relative;
}

.proposal-list li .proposal-text{
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  line-height: 1.8;
  text-shadow: 1px 1px #333;
}

.proposal-list li h3{
  width: 100%;
  font-size: 2.3rem;
  text-align: center;
}

.banner-content .big-banner-list{
  max-width: 980px;
  margin: 0 auto;
}

.big-banner-list{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.big-banner-list li{
  margin: 0 45px 45px 0;
}

.big-banner-list li:nth-of-type(2n){
  margin-right: 0;
}

.big-banner-list li:nth-of-type(3n),
.big-banner-list li:nth-of-type(4n){
  margin-bottom: 0;
}

.recruit-content{
  margin-bottom: 50px;
  text-align: center;
}

.recruit-content .catchcopy{
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 3.3rem;
  text-align: center;
  color: #fff;
}

.recruit-content .catchcopy span{
  display: block;
  font-size: 3.0rem;
}

.news-content{
  background-color: #e6e9f0;
}

.news-content .more{
  background-color: #fff;
  color: #172a6f;
}

.news-content .more::before{
  border-top: solid 1px #172a6f;
  border-right: solid 1px #172a6f;
}

.news-list{
  display: flex;
  /*justify-content: space-between;*/
  margin-bottom: 30px;
}

.news-list li{
  width: 298px;
  margin-right: 2px;
  background-color: #fff;
  box-sizing: border-box;
}

.news-list li:first-child{
  margin-right: 3px;
}

.news-list li:last-child{
  margin-right: 0;
  margin-left: 1px;
}

.news-list li a{
  position: relative;
  color: #333;
}

.news-list-thumbnail{
  width: 298px;
  padding-top: 65%;
  position: relative;
  overflow: hidden;
}

.news-list-thumbnail > img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.news-list-text{
  padding: 15px;
}

.news-list-text .category{
  width: 70px;
  margin-right: 5px;
  display: inline-block;
  padding: 0.3em;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
}

.news-list-text .news{
  background-color: #21366f;
}

.news-list-text .event{
  background-color: #db5b02;
}

.news-list-text .other{
  background-color: #999;
}

.news-list-text time{
  font-size: 1.2rem;
}

.news-list-text p{
  margin: 10px 0 0;
}

.new-icon{
  width: 40px;
  padding: 12px 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #adcd24;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  box-sizing: border-box;
}

.no-news-message{
  padding-top: 40px;
  font-size: 2.0rem;
  text-align: center;
}

.banner-content .content-title{
  margin-bottom: 35px;
}

.banner-content .banner-list{
  max-width: 980px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-bottom: 40px;
}

.banner-content .banner-list li{
  width: 230px;
  margin-right: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.banner-content .banner-list li:nth-of-type(4n),
.banner-content .banner-list li:last-child{
  margin-right: 0;
}


/** フッター
---------------------------------------------**/
footer{
  margin-top: auto;
}

footer a{
  color: #333;
}

.footer-nav-menu{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background-color: #fff;
  border-top: 1px solid #ccc;
}

.footer-nav-menu ul{
  display: flex;
}

.footer-nav-menu ul li{
  margin-right: 30px;
}

.footer-content{
  padding: 55px 55px 100px;
  background-color: #e6e9f0;
  text-align: center;
}

.footer-content > p{
  margin: 0 0 10px;
}

.footer-sub-nav-menu ul{
  display: flex;
  justify-content: center;
  margin: 0;
}

.footer-sub-nav-menu ul li{
  margin-right: 30px;
}

.footer-sub-nav-menu ul li:last-child{
  margin-right: 0;
}

.footer-nav-menu ul li a,
.footer-sub-nav-menu ul li a{
  position: relative;
  padding: 5px;
}

.footer-nav-menu ul li a::after,
.footer-sub-nav-menu ul li a::after{
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #333;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.footer-nav-menu ul li a:hover::after,
.footer-sub-nav-menu ul li a:hover::after{
  -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);
}

.footer-info{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

.footer-info-nav-menu{
  width: 1200px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  background-color: #fff;
}

.footer-info-nav-menu ul{
  display: flex;
  margin: 10px 0;
  position: relative;
  z-index: 9999;
}

.footer-info-nav-menu ul li{
  width: 200px;
  max-width: 200px;
  margin-right: 10px;
}

.footer-info-nav-menu ul li:last-child{
  margin-right: 0;
}

.footer-info-nav-menu ul li a{
  padding: 12px 0;
  background-color: #172a6f;
  color: #fff;
  border-radius: 6px;
  text-align: center;
  position: relative;
}

.footer-info-nav-menu ul li a::before{
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  left: 12px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.footer-info-nav-menu ul li:first-child a{
  background-color: #fff;
  border: 1px solid #BE9100;
  color: #BE9100;
}

.footer-info-nav-menu ul li:first-child a::before{
  border-top: solid 1px #BE9100;
  border-right: solid 1px #BE9100;
}

.page-top{
  width: 90px;
  display: none;
  margin-left: calc(1200px - 100px);
  position: fixed;
  bottom: 10px;
  z-index: 1;
}

.page-top > a{
  display: block;
}


/** ぱんくず
---------------------------------------------**/
.path-list{
  height: 45px;
  margin-bottom: 30px;
  background-color: #f4f4f4;
}

.path-list .breadcrumbs{
  width: 980px;
  height: 45px;
  margin: 0 auto;
  padding: 15px 0;
  font-size: 1.2rem;
  box-sizing: border-box;
}

.path-list .breadcrumbs .separator{
  margin: 0 10px;
}


/** お知らせ一覧
---------------------------------------------**/
.news-old-list li{
  display: table;
  margin-bottom: 20px;
}

.news-old-list .category-date{
  width: 240px;
  display: table-cell;
}

.news-old-list .news-title{
  display: table-cell;
}

.news-old-list .news-title a{
  display: inline;
}

.news-old-list .category{
  width: 70px;
  margin-right: 25px;
  display: inline-block;
  padding: 0.3em;
  color: #fff;
  text-align: center;
}

.news-old-list .news {
  background-color: #21366e;
}

.news-old-list .event {
  background-color: #db5b02;;
}

.news-old-list .other {
  background-color: #999;
}

.news-old-list time{
  margin-right: 25px;
}

.news-old-list + .navigation{
  margin-top: 30px;
  padding: 15px 0;
  border-top: 2px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
}

.news-details-container time{
  display: block;
  margin: 15px 0;
  text-align: right;
}

.news-details-container .image-area{
  display: flex;
  justify-content: center;
}

.news-details-container .image-list{
  max-width: 50%;
  width: 50%;
}

.news-details-container .image-list:first-child{
  margin-right: 20px;
}

.news-details-container .text-area{
  margin: 35px 0;
}

.attachment-file{
  padding: 15px 0;
  border-top: 2px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
}

.attachment-file li ~ li{
  margin-top: 5px;
}

.attachment-file a{
  display: inline-block;
  text-decoration: underline;
}

.wp-pagenavi{
  margin-top: 30px;
  padding: 10px 0;
  border-top: 2px solid #ccc;
}

.wp-pagenavi a{
  display: inline-block;
  border: none !important;
}

.wp-pagenavi .previouspostslink{
  float: left;
}

.wp-pagenavi .nextpostslink{
  float: right;
}


/** 共通ページ
---------------------------------------------**/
.page-title{
  padding: 30px 20px;
  background-color: #16286F;
  color: #fff;
  font-size: 3.2rem;
  text-align: center;
}

.contact-area .contact-info{
  margin-top: 35px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #16286F;
}

.contact-area .contact-info span{
  display: inline-block;
  margin-left: 20px;
}

.contact-area .turn-back{
  margin-left: 0 !important;
}

.contact-area .realtor-info{
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.contact-area ul{
  width: 450px;
  margin: 0 auto;
}

.contact-area ul li{
  margin-bottom: 5px;
  font-size: 1.6rem;
}

.contact-area ul li span{
  display: inline-block;
}

.contact-area ul li .name{
  width: 60%;
}

.contact-area ul li .tel{
  width: 40%;
}


/** 新築をお考えの方へ
---------------------------------------------**/
.construction article h3.no-border{
  height: auto;
  text-align: center;
  margin-bottom: 40px;
}

.technology-list{
  margin-bottom: 35px;
}

.technology-list li{
  margin-bottom: 40px;
}

.technology-list li:last-child{
  margin-bottom: 30px;
}


/** リフォームをお考えの方へ
---------------------------------------------**/
.reform article h3.no-border{
  height: auto;
  margin-bottom: 30px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.reform h4.line-bottom .italic{
  margin-right: 20px;
}

.reform h4.line-bottom .small{
  margin-right: 5px;
}

.promise-area{
  margin-top: 40px;
}

.reform .catchcopy{
  margin: 60px 0 25px;
  font-size: 2.0rem;
  color: #16286F;
  text-align: center;
}

.reform-concept{
  margin: 40px 0 15px;
  font-size: 1.6rem;
}

.reform-flow{
  display:flex;
  flex-wrap: wrap;
  border-top: none;
}

.reform-flow dt{
  background-color: #16286F;
  color: #fff;
  width: 12%;
  margin: 10px 0 0;
  padding: 10px;
  border: 1px solid #16286F;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
}

.reform-flow dt span{
  display: block;
  font-size: 1.7rem;
}

.reform-flow dd{
  padding: 10px 10px 10px 20px;
  margin: 10px 0 0;
  width: 88%;
  box-sizing: border-box;
  border: 1px solid #16286F;
  line-height: 1.4;
}


/** アパートをお探しの方へ
---------------------------------------------**/
.apart-list{
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 45px;
}

.apart-list li{
  max-width: 230px;
  width: 230px;
  margin: 0 20px 25px 0;
}

.apart-list li:nth-of-type(4n){
  margin-right: 0;
}

.apart-image{
  min-width: 230px;
  max-height: 130px;
  padding-top: 130px;
  position: relative;
  overflow: hidden;
}

.apart-image > img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.vacancy-area{
  margin: 10px 0;
}

.vacancy-area span{
  min-width: 70px;
  display: inline-block;
  padding: 0.3em 0.5em;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}

.vacancy{
  background-color: #0099ff;
}

.no_vacancy{
  background-color: #ff0000;
}

.apart-info{
  margin-top: 10px;
}

.apart-info .apart-name{
  font-weight: bold;
}

.apart-info .option{
  font-weight: bold;
  color: #ff0000;
}

.apart-info li{
  margin-bottom: 5px;
}

.apart-info li:last-child{
  margin-bottom: 0;
}

.apartment .content-box {
  display: flex;
  margin: 30px 0;
  line-height: 1.6;
}

.apartment .image-list-box {
  width: 470px;
  min-width: 470px;
  margin-right: 40px;
}

.apartment .image-list-box + .right-box {
  width: 100%;
}

.apartment .right-box th,
.apartment .right-box td{
  padding: 15px;
}

.apartment .right-box td.vacancy{
  background-color: #fff;
  color: #0099ff;
}

.apartment .right-box td.google-map{
  padding: 10px 0;
  border: 0;
  line-height: 0;
}

.apartment .right-box td.google-map iframe{
  border: 0;
  width: 100%;
  height: 300px;
}

.apartment .right-box td.no_vacancy{
  background-color: #fff;
  color: #ff0000;
}

.apartment .image-list-box .slick-dots li{
  width: 150px;
  height: auto;
  margin: 0 10px 10px 0;
}

.apartment .image-list-box .slick-dots li:nth-of-type(3n) {
  margin-right: 0;
}

.apartment .image-list-box .slick-dots {
  position: static;
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px !important;
}


/** 施工事例
---------------------------------------------**/
.works-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.works-list li{
  max-width: 310px;
  width: 310px;
  margin: 0 25px 35px 0;
}

.works-list li:nth-of-type(3n){
  margin-right: 0;
}

.works-list .eye-catching{
  max-width: 320px;
  max-height: 180px;
  padding-top: 180px;
  position: relative;
  overflow: hidden;
}

.works-list .eye-catching > img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.works-list .concept{
  margin: 15px 0 10px;
}

.works-list .category span{
  min-width: 70px;
  display: inline-block;
  padding: 0.3em 0.5em;
  color: #fff;
  text-align: center;
}

.works-list .category .new{
  background-color: #3399cc;
}

.works-list .category .reform{
  background-color: #339900;
}

.works-content{
  margin-bottom: 0;
}

.works-content .explanatory-text{
  margin-bottom: 30px;
  line-height: 1.6;
}

.works-content .image-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
}

.works-content .image-list li{
  max-width: 470px;
  margin: 0 40px 40px 0;
}

.works-content .image-list li:nth-of-type(2n){
  margin-right: 0;
}

.works-content .image-list li a{
  max-width: 470px;
  max-height: 300px;
  display: block;
  overflow: hidden;
}

.works-content p{
  margin: 10px 0 0;
}


/** 資料請求
---------------------------------------------**/
.document-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.document-list li{
  margin-bottom: 40px;
}

.document-list li:last-child{
  margin-bottom: 10px;
}

.document-list a{
  position: relative;
  display: block;
  width: 470px;
  height: 240px;
}

.document-list h3{
  width: 100%;
  height: auto;
  padding: 22px 0;
  position: absolute;
  bottom: 0;
  background-color:rgba(22,40,111,0.7); 
  color: #fff;
  font-size: 2.0rem;
  text-align: center;
}

.document p.medium{
  font-size: 1.8rem;
  margin-bottom: 40px;
}


/** プライバシーポリシー
---------------------------------------------**/
.privacy-policy-list{
  line-height: 1.6;
}

.privacy-policy-list .child-list{
  margin-left: 1em;
}


/** サイトマップ
---------------------------------------------**/
.site-map-list li{
  margin-bottom: 5px;
}

.site-map-list li:last-child{
  margin-bottom: 0;
}


/** もっと見る・こちらボタン
---------------------------------------------**/
.more{
  width: 300px;
  max-width: 300px;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #172a6f;
  border: 1px solid #172a6f;
  border-radius: 6px;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.more::before {
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  left: 12px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sl-more{
  width: 200px;
  max-width: 200px;
}

.md-more{
  width: 400px;
  max-width: 400px;
  padding: 12px 0;
  font-size: 1.7rem;
}

.md-more::before{
  top: 22px;
}

.wd-more {
  width: 620px;
  max-width: 620px;
  margin-top: 45px;
  padding: 15px 0;
}

.button-wrap{
  width: 620px;
  max-width: 620px;
  margin: 0 auto;
  position: relative;
}

.button-wrap::before{
  display: block;
  content: '';
  position: absolute;
  top: 27px;
  left: 12px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}


/** お問い合わせ / 等身大モデルハウス見学会 予約フォーム
---------------------------------------------**/
.beginning-message{
  margin: 30px 0 40px;
  line-height: 1.6;
}

.beginning-message > ul li{
  text-indent: -1em;
  padding-left: 1em;
}

.contactus .warning-message, 
.modelhouse_form .warning-message{

  margin-top: 30px;
  padding: 20px;
  border: 1px solid #059057;
}

.contactus .warning-message li, 
.modelhouse_form .warning-message li{
  margin-bottom: 10px;
}

.contactus .warning-message li:last-child, 
.modelhouse_form .warning-message li:last-child{
  margin: 0;
}

.mw_wp_form{
  margin-top: -90px;
  padding-top: 90px;
}

.contact-table th{
  width: 220px;
  background-color: #cce9dc;
  text-align: left;
}

.contact-table td{
  width: 75%;
}

.contact-table th,
.contact-table td{
  padding: 1.0em;
  border: 1px solid #9a9a9a;
}

.contactus .scroll-area{
  max-height: 120px;
  overflow-y: auto;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #9a9a9a;
  line-height: 1.6;
}

.contactus .scroll-area p{
  margin: 0;
}

.contactus .scroll-area ul{
  margin-top: 0;
}

.completion-title{
  font-size: 2.0rem;
  text-align: center;
}

.completion-message{
  text-align: center;
}

.contact-table + .btn-area{
  display: flex;
  justify-content: center;
}

.contact-table + .btn-area{
  margin-top: 45px;
}

.contact-table + .btn-area .back{
  width: 30%;
  max-width: 30%;
  margin: 0 20px 0 0;
}

.contact-table + .btn-area .back::before{
  top: 50% !important;
}

.contact-table + .btn-area .confirmation{
  margin-top: 0;
}

.contact-table + .btn-area .back + .next-area .confirmation{
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}

.contact-table + .btn-area .back + .button-wrap{
  width: 30%;
  max-width: 30%;
  margin: 0;
}

.required{
  color: #f41317;
}

/* フォーム内カレンダー */
select.ui-datepicker-year, 
select.ui-datepicker-month { min-width: auto; }

.ui-datepicker-calendar th, 
.ui-datepicker-calendar td { width: 14%; }





/** 投稿記事が1件もない場合
---------------------------------------------**/
.no-message{
  padding: 40px 0;
  font-size: 2.0rem;
  text-align: center;
}


/** 404エラー
---------------------------------------------**/
.error-message-404{
  margin: 50px 0;
  text-align: center;
}

.error-message-title{
  font-size: 2.8rem;
}

.error-sub-message{
  margin-bottom: 30px;
  line-height: 2.0;
}