@charset 'UTF-8';

　
/* 改行
--------------------------- */


/* 404
--------------------------- */
.p404_txt{
	margin-bottom: 0;
	margin-top: 1rem;
}

/* 背景色
--------------------------- */
.bk_mg{
	background-color: #32362b;
	color: #fff;
}
.bk_g{
	background-color: #f6faee;
}
.bk_w{
	background-color: #fff;
}
.bk_inner{
	padding: 4.91rem 0 5rem;
	margin-bottom: -5rem;
}
@media screen and (min-width: 768px){
	.bk_inner{
		padding: 6.41rem 0 7.5rem;
		margin-bottom: -7.5rem;
	}
}
@media screen and (min-width: 992px){
	.bk_inner{
		padding: 8.41rem 0 8.5rem;
		margin-bottom: -8.5rem;
	}
}
@media screen and (min-width: 1400px){
	.bk_inner{
		padding: 9.41rem 0 10.58rem;
		margin-bottom: -10.58rem;
	}
}


/* 各メディアごとのマージン設定
--------------------------- */
/* 768px以上用の記述 */
@media screen and (min-width: 768px) {
  .col-md-m20-bottom {
    margin-bottom: 20px;
  }
  .col-md-none {
    display: none;
  }
}
/* 991px以下用の記述 */
@media screen and (max-width: 991px) {
  .col-md-m40-bottom {
    margin-bottom: 40px;
  }
}
/* 991px以下用の記述 */
@media screen and (max-width: 991px) {
  .col-md-m40-bottom {
    margin-bottom: 40px;
  }
}
/* 767px以下用の記述 */
@media screen and (max-width: 767px) {
  .col-sm-m20-bottom {
    margin-bottom: 20px;
  }
  .col-sm-none {
    display: none;
  }
}
/* 576px以下用の記述 */
@media screen and (max-width: 576px) {
  .col-xs-m40-bottom {
    margin-bottom: 40px;
  }
  .col-xs-m20-bottom {
    margin-bottom: 20px;
  }
  .col-xs-none {
    display: none;
  }
}
/*******************************
PC/SP切り替え
*******************************/
.pc-none{
    display: block;
}
.sp-none{
    display: none;
}
@media screen and (min-width: 768px){
    .pc-none{
        display: none;
    }
    .sp-none{
        display: block;
    }
}
/*******************************
container
*******************************/
.container_1000{
	width: 86%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.container_1200{
	width: 86%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.container_1300{
	width: 86%;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
}
.container_1540{
	width: 86%;
	max-width: 1540px;
	margin-right: auto;
	margin-left: auto;
}


/*******************************
見出し
*******************************/
/* c-title1 */
.c-title1{
	font-size: 1.94rem;
	line-height: 1.2;
	letter-spacing: 0.03em;
	font-weight: 400;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 1.147rem;
}
@media screen and (min-width: 768px){
	.c-title1{
		font-size: 2.44rem;
		margin-bottom: 1.447rem;
	}
}
@media screen and (min-width: 1400px){
	.c-title1{
		font-size: 2.94rem;
		margin-bottom: 1.647rem;
	}
}

/*******************************
TOP BUTTON
*******************************/
.vm{
	background-color: #282d27;
	color: #f6faee;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.94rem;
	border: 1px solid rgba(40, 45, 39, 0.75);
	width: 100%;
	max-width: 360px;
	height: 60px;
	border-radius: 40px;
    transition: .3s;
	position: relative;
}
.vm::after{
	position: absolute;
	content: "";
	background-image: url("../images/arrow_w.svg");
	width: 16px;
	height: 11px;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
    transition: .3s;
}
.vm:hover{
	color: #282d27;
    background-color: transparent;
    text-decoration: none;
    transition: .3s;
}
.vm:hover::after{
	background-image: url("../images/arrow.svg");
    transition: .3s;
}


/*******************************
パンクズ
*******************************/
#pls {
	width: 100%;
	margin: 0;
}
#pan {
    font-size: 0.76rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	font-family: "Jost", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #000;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 0.04em;
}
#pan a{
    color: #989898;
    text-decoration: none;
}
.pan-punctuation {
  display: inline-block;
  position: relative;
}
.pan-punctuation::before {
  content: " ";
  height: 1px;
  position: absolute;
  display: block;
  background-color: rgba(0,0,0,0.25);
  top: 50%;
}
@media screen and (min-width: 768px){
    #pan{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
    }
}
@media screen and (max-width: 1399px){
	#pls{
        padding-top: 4.58rem;
		display: block;
	}
  .pan-punctuation {
    width: 12.121%;
    max-width: 4rem;
  }
  .pan-punctuation::before {
    width: calc(100% - 1.6rem);
    left: 0.8rem;
  }    
}
@media screen and (max-width: 576px){
	#pls{
        padding-top: 3.58rem;
	}
}
@media screen and (min-width: 1400px){
	#pls{
		padding-top: 5.58rem;
	}
  .pan-punctuation {
    width: 7.53%;
    max-width: 7rem;
  }
  .pan-punctuation::before {
    width: 71.428%;
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	          transform: translateX(-50%);
  }    
}

/*******************************
/* フォーム/テーブル
*******************************/
.wpcf7-submit {
  font-size: 1.2em;
  background-color: #000;
  color: #fff;
  border-style: none;
  width: 60%;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-right: 40px;
  padding-bottom: 15px;
  padding-left: 40px;
}
#form {
  max-width: 100%;
}
#form th span {
  font-size: 0.8em;
  color: #FFF;
  background-color: #C00;
  padding: 3px;
}
#form th, #form td{
	padding: 25px 0 25px;
	font-weight: 500;
	border-bottom: 1px solid rgba(184,184,184,0.25);
}
#form tr:first-child th, #form tr:first-child td{
	border-top: 1px solid rgba(184,184,184,0.25);
}
#form th {
  width: 30%;
}
#form td {
  vertical-align: middle;
  text-align: left;
}
#form2 {
  max-width: 100%;
  margin-bottom: 40px;
  background-color: #FFF;
}
#form2 th span {
  font-size: 0.8em;
  color: #FFF;
  background-color: #C00;
  padding: 3px;
}
#form2 th {
  padding: 10px;
  width: 30%;
  border-bottom: 1px solid #1a1a1a;
  text-align: center;
}
#form2 td {
  padding: 10px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  font-weight: normal;
  text-align: center;
}
#form3 {
  max-width: 100%;
  margin-bottom: 40px;
  background-color: #FFF;
}
#form3 tr {
  border-bottom: 1px dotted #bfbfbf;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  display: flex;
}
#form3 th {
  width: 150px;
  color: #FFF;
  text-align: center;
  padding-top: 10px;
}
#form3 th span {
  background-color: #808080;
  display: inline-block;
  width: 150px;
}
#form3 td {
  padding: 10px;
  vertical-align: middle;
  font-weight: normal;
  padding-left: 4rem;
}
#form3 td .tel_txt1 {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#form3 td .tel_txt2 {
  font-size: 2.4rem;
  font-family: 'Playfair Display', serif;
  line-height: 1;
  display: block;
}
/* テキストエリアの設定 */
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  width: 100%;
  color: #000;
  padding: 10px 0 10px 10px;
  margin: 10px 0;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
  background-color: #fff;
}
@media only screen and (max-width:479px) {
  /* 479px以下用（スマートフォン用）の記述 */
  #form {
    max-width: 100%;
    margin-bottom: 40px;
  }
  #form th {
    width: 100%;
    display: block;
    border-top: none;
	  padding: 15px 0 0;
	  border-bottom: none;
  }
  #form td {
    width: 100%;
    display: block;
    border-top: none;
	  padding: 5px 0 15px;
  }
	#form tr:first-child td{
		border-top: none;
	}
  #form2 {
    max-width: 100%;
    margin-bottom: 40px;
  }
  #form2 th {
    width: 50%;
    border-top: none;
    text-align: center;
  }
  #form2 td {
    width: 100%;
    display: block;
    border-top: none;
    text-align: center;
  }
  #form3 {
    max-width: 100%;
    margin-bottom: 40px;
  }
  #form3 tr {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    flex-direction: column;
  }
  #form3 th {
    width: 50%;
    display: block;
    border-top: none;
  }
  #form3 td {
    width: 100%;
    display: block;
    border-top: none;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #form3 tr:first-child th {
    /*	border-top: 1px solid #ddd;*/
  }
  /* テキストエリアの設定 */
  input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin: 10px 0;
  }
  .wpcf7-submit {
    font-size: 1.2em;
    border-style: none;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/*--------------------------------------
archiveページャー
--------------------------------------*/
.pagenation {
    text-align: center;
    font-family: "Jost", sans-serif;
    font-weight: 400;
	margin-top: 2.166rem;
}
.pagenation:after, .pagenation ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.pagenation ul {
  margin: 0;
    display: flex;
    justify-content: center;
}
.pagenation li {
  list-style: none outside none;
  margin-left: 6px;
}
.pagenation li:first-child {
  margin-left: 0;
}
.pagenation li.active {
    color: #352d21;
    cursor: not-allowed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 1.0625rem;
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.04em;
}
.bk_mg .pagenation li.active{
	color: #fff;
}
.pagenation li a {
    position: relative;
	text-decoration: none;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #898381;
    font-size: 1.0625rem;
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.04em;
	overflow: hidden;
}
.bk_mg .pagenation li a{
	color: #c6cabe;
}
.pagenation li a:hover {
	text-decoration: none;
  opacity: 0.8;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: ease;
}
.pagenation li.prev,
.pagenation li.next{
	text-transform: uppercase;
}
.pagenation li.prev a,
.pagenation li.next a{
	position: relative;
	font-size: 0;
	color: transparent;
}
.pagenation li.prev a::after,
.pagenation li.next a::after{
	position: absolute;
	content: "";
	background-image: url("../images/pagenation_arrow.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 15px;
	height: 12px;
	top: 50%;
	left: 50%;
}
.bk_mg .pagenation li.prev a::after,
.bk_mg .pagenation li.next a::after{
	background-image: url("../images/arrow_w.svg");
}
.pagenation li.prev a::after{
	transform: translate(-50%,-50%) rotate(180deg);
}
.pagenation li.next a::after{
	transform: translate(-50%,-50%);
}
@media screen and (max-width: 767px){
    .pagenation{
        margin-top: 3.5rem;
    }
    .pagenation li{
        margin-left: 6px;
    }
    .pagenation li.active{
        width: 30px;
        height: 30px;
    }
    .pagenation li a{
        width: 30px;
        height: 30px;
    }
}
/*******************************
/* single.php　アイキャッチ
***************************/
.sgl {
  margin-bottom: 30px;
  text-align: center;
}
/*************************
/* single.php 日付
*************************/
#date span {
	color: #878787;
	font-size: 1rem;
	font-family: "Work Sans", sans-serif;
	letter-spacing: 0;
}
/* single.php ページ送り
----------------------------------------------------------------------------------------------------*/

#next {
  background-color: #efefef;
  padding: 10px;
  margin-top: 30px;
}
.nx_left {
  width: 100%;
  text-align: left;
}
.nx_left a {
  background-color: #FFF;
  color: #000;
  text-decoration: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/left.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 35px;
}
.nx_left a:hover {
  background-color: #828282;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/left2.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.nx_right {
  width: 100%;
  text-align: right;
}
.nx_right a {
  background-color: #FFF;
  color: #000;
  text-decoration: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/right.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 35px;
}
.nx_right a:hover {
  background-color: #828282;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/right2.png);
  background-repeat: no-repeat;
  background-position: right center;
}
/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next {
  width: 100%;
  margin: 36px 0 24px;
  padding: 0;
  display: table;
}
#prev_next #prev, #prev_next #next {
  width: 50%;
  padding: 30px 10px 10px;
  border-top: #000 1px solid;
  border-bottom: #000 1px solid;
  display: table-cell;
  position: relative;
  text-decoration: none;
}
#prev_next #next{
	text-align: right;
}
#prev_next #prev p, #prev_next #next p {
  font-size: 90%;
  line-height: 1.5;
    margin-top: 0.5rem;
    color: #000;
}
#prev_next #prev:hover, #prev_next #next:hover {
  background-color: #f7f7f5;
}
#prev_next #prev {
  border-right: #000 1px solid;
}
#prev_next #prev_title, #prev_next #next_title {
  font-size: 90%;
  top: -1em;
  position: absolute;
  border: 1px #000 solid;
  background: #fff;
  text-align: center;
  padding: 3px;
  color: #000;
    font-family: 'Playfair Display', serif;
}
#prev_next #next_title {
  right: 10px;
}
#prev_next #prev img, #prev_next #next img {
  margin: 0 auto;
    width: auto;
}
#prev_next #prev_no, #prev_next #next_no {
  width: 50%;
  height: 140px;
  padding: 0 10px;
  display: table-cell;
}
#prev_next #prev_no {
  border-right: #000 1px solid;
}
#prev_next_home {
  margin: 0 auto;
  background-color: #000;
  border: solid 9px #fff;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  box-shadow: 0 0 0 3px #000;
  -webkit-box-shadow: 0 0 0 3px #000;
  -moz-box-shadow: 0 0 0 3px #000;
  text-align: center;
}
#prev_next_home:hover {
opacity: 0.7;
}
#prev_next_home i {
  color: #FFF;
  margin: 10px auto;
  font-size: 60px;
}
@media screen and (min-width: 768px){
    #prev_next #prev, #prev_next #next{
        padding: 40px 10px 20px;
    }
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
  /*-- ここから --*/
  /*--------------------------------------
768px PREV NEXT
--------------------------------------*/
  #prev_next #prev, #prev_next #prev::before, #prev_next #prev::after, #prev_next #next, #prev_next #next::before, #prev_next #next::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  #prev_next #prev_title, #prev_next #next_title {
    padding: 3px 10px;
  }
  #prev_next #next_title {
    right: 10px;
  }
  #prev_next #prev img {
    float: left;
    margin-right: 10px
  }
  #prev_next #next img {
    float: right;
    margin-left: 10px;
  }
  /*-- ここまで --*/
}
/*************
/* 投稿ギャラリー
*************/
.wp-caption-text {
  font-size: 12px;
  color: #999999;
  text-align: center;
}
.gallery {
  margin: auto;
}
.gallery .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 25%;
  padding: 5px;
}
.gallery img {
  margin-bottom: 5px;
}
.gallery .gallery-caption {
  margin-left: 0;
  margin-bottom: 35px;
  padding-right: 20px;
  padding-left: 20px;
}
/*-----------------------------
wordpressのギャラリースマホ調整
------------------------------*/
@media screen and (max-width: 640px) {
  #gallery-1 {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
    float: none;
    width: 50% !important;
    margin: 0;
  }
}
/*******************************
/* youtube　gmapレスポンシブ対応
***************************/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*******************************
/* レスポンシブ改行
***************************/
@media screen and (min-width: 576px) {
  .br-pc {
    display: block;
  }
  .br-sp {
    display: none;
  }
}
@media screen and (max-width: 567px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
}
.max_991{
	display: block;
}
@media screen and (min-width: 992px){
	.max_991{
		display: none;
	}
}
.br_1600{
	display: none;
}
@media screen and (min-width: 1600px){
	.br_1600{
		display: block;
	}
}

/*********************
施工事例
*********************/
.archive_gallery .gallery_block .gallery_item{
	margin-top: 2.5rem;
}
.archive_gallery .gallery_block .gallery_item:first-child{
	margin-top: 0;
}
.gallery_item a{
	display: block;
}
.gallery_item a:hover{
	text-decoration: none;
}
.gallery_img{
	border-radius: 0.588rem;
	overflow: hidden;
}
.gallery_tit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.176rem;
	letter-spacing: 0.02em;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 1.5;
	color: #282d27;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 1.55rem;
}
.gallery_area{
	font-size: 0.88rem;
	margin-top: 0.46rem;
	margin-bottom: 0;
	color: #70736f;
}
@media screen and (min-width: 768px){
	.gallery_block{
		display: flex;
		flex-wrap: wrap;
	}
	.gallery_block .gallery_item{
		width: calc((100% - 3rem)/3);
		margin-right: 1.5rem;
		margin-left: 0;
	}
	.gallery_block .gallery_item:nth-child(3){
		margin-right: 0;
	}
	.archive_gallery .gallery_block .gallery_item{
		width: calc((100% - 2rem)/2);
		margin-right: 2rem;
	}
	.archive_gallery .gallery_block .gallery_item:nth-child(2n){
		margin-right: 0;
	}
	.archive_gallery .gallery_block .gallery_item:nth-child(2){
		margin-top: 0;
	}
}
@media screen and (min-width: 992px){
	.archive_gallery .gallery_block .gallery_item{
		width: calc((100% - 3rem)/3);
		margin-right: 1.5rem;
		margin-top: 3rem;
	}
	.archive_gallery .gallery_block .gallery_item:nth-child(2n){
		margin-right: 1.5rem;
	}
	.archive_gallery .gallery_block .gallery_item:nth-child(3n){
		margin-right: 0;
	}
	.archive_gallery .gallery_block .gallery_item:nth-child(3){
		margin-top: 0;
	}
}
@media screen and (min-width: 1200px){
	.gallery_block .gallery_item,
	.archive_gallery .gallery_block .gallery_item{
		width: calc((100% - 3.76rem)/3);
		margin-right: 1.8rem;
	}
	.archive_gallery .gallery_block .gallery_item:nth-child(2n){
		margin-right: 1.8rem;
	}
	.archive_gallery .gallery_block .gallery_item:nth-child(3n){
		margin-right: 0;
	}
	.gallery_tit{
		margin-top: 2.05rem;
	}
	.gallery_area{
		margin-top: 0.96rem;
	}
}
@media screen and (min-width: 1400px){
	.archive_gallery .gallery_block .gallery_item{
		margin-top: 4rem;
	}
}
/* STYLE */
.gallery_cat_select{
	background-color: #fff;
	border-radius: 0.588rem;
	padding: 1.5rem 2rem;
	margin-bottom: 4rem;
}
.gallery_cat_select .f-eng{
	letter-spacing: 0.02em;
	font-weight: 400;
}
.gallery_cat_select p{
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}
.gallery_cat_select ul{
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gallery_cat_select ul li{
	list-style: none;
	width: calc((100% - 2rem)/2);
}
.gallery_cat_select ul li a{
	color: #282d27;
	transition: .3s;
	padding-left: 1rem;
	position: relative;
}
.gallery_cat_select ul li a::before{
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	display: block;
	background-color: #282d27;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.gallery_cat_select ul li a:hover{
	text-decoration: none;
	color: #616560;
}
.gallery_cat_select ul li a.active{
	color: #5a9433;
}
.gallery_cat_select ul li a.active::before{
	background-color: #5a9433;
}
.gallery_cat_select ul li a.active:hover{
	opacity: 1;
}
@media screen and (min-width: 768px){
	.gallery_cat_select{
		padding: 1.5rem 3rem;
		display: flex;
		align-items: center;
		margin-bottom: 5rem;
	}
	.gallery_cat_select p{
		flex-shrink: 0;
		margin-right: 3rem;
		margin-bottom: 0;
	}
	.gallery_cat_select ul{
		width: 100%;
		justify-content: flex-start;
	}
	.gallery_cat_select ul li{
		margin-right: 2rem;
		width: auto;
	}
}
@media screen and (min-width: 992px){
	.gallery_cat_select{
		padding: 1.5rem 4rem;
		margin-bottom: 6rem;
	}
	.gallery_cat_select p{
		margin-right: 4rem;
	}
}

/*********************
施工事例詳細
*********************/
.single_gallery{
	padding: 4.91rem 0;
}
.single_gallery_block{
	width: 86%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.gallery_cat{
	background-color: #282d27;
	color: #fff;
	display: inline-block;
	padding: 8px 20px;
	line-height: 1;
	border-radius: 20px;
	font-size: 0.88rem;
	font-family: "Jost", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	letter-spacing: 0.02em;
	font-weight: 400;
}
#main2 .single_gallery_block h1{
	margin-bottom: 2rem;
}
@media screen and (min-width: 768px){
	.single_gallery{
		padding: 6.41rem 0;
	}
	.gallery_cat{
		margin-bottom: 1.5rem;
		font-size: 0.94rem;
	}
}
@media screen and (min-width: 992px){
	.single_gallery{
		padding: 8.41rem 0;
	}
}
@media screen and (min-width: 1400px){
	.single_gallery{
		padding: 9.41rem 0;
	}
}
/* slider */
.gallery_slider_block{
	margin-bottom: 3rem;
}
.gallry_slider_main{
	margin-bottom: 1rem;
}
.gallery_slide_item{
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 2;
}
.gallry_slider_sub .gallery_slide_item{
	margin: 0 2px;
}
#main2 .gallry_slider_main .gallery_slide_item img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#main2 .gallry_slider_sub .gallery_slide_item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (min-width: 768px){
	.gallery_slider_block{
		margin-bottom: 4rem;
	}
	.gallry_slider_main{
		margin-bottom: 1.5rem;
	}
	.gallry_slider_sub .gallery_slide_item{
		margin: 0 5px;
	}
}
/* detail */
.gallery_detail_flex #form{
	margin-bottom: 0;
}
.gallery_detail_flex #form th,
.gallery_detail_flex #form td{
	border: none;
	position: relative;
	padding: 10px 15px;
	font-size: 0.88rem;
}
.gallery_detail_flex #form tr:first-child th,
.gallery_detail_flex #form tr:first-child td{
	border: none;
}
.gallery_detail_flex #form th::after,
.gallery_detail_flex #form td::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-color: rgba(184,184,184,0.25);
}
.gallery_detail_flex #form tr:first-child th::after,
.gallery_detail_flex #form tr:first-child td::after{
	content: none;
}
.gallery_detail_flex #form th{
	background-color: #282d27;
	color: #fff;
}
.gallery_detail_flex #form td{
	background-color: #fff;
}
.gallery_madori{
	margin-top: 2rem;
	display: flex;
}
@media screen and (min-width: 768px){
	.gallery_detail_flex{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.gallery_detail_flex #form{
		width: 55%;
	}
	.gallery_madori{
		width: 40%;
		margin-top: 0;
	}
}
@media screen and (min-width: 992px){
	.gallery_detail_flex #form{
		width: 60%;
	}
	.gallery_detail_flex .gallery_madori{
		width: 35%;
	}
	.gallery_detail_flex #form th,
	.gallery_detail_flex #form td{
		padding: 15px 20px;
	}
}
@media only screen and (max-width: 479px){
	.gallery_detail_flex #form{
		margin-bottom: 0;
	}
	.gallery_detail_flex #form th,
	.gallery_detail_flex #form td{
		display: table-cell;
		padding: 10px;
	}
	.gallery_detail_flex #form th{
		width: 30%;
	}
	.gallery_detail_flex #form td{
		width: 70%;
	}
}
/* btn */
.catalog_btn{
	text-align: center;
	margin: 3rem 0 3.5rem;
}
@media screen and (min-width: 768px){
	.catalog_btn{
		margin: 4rem 0 4.5rem;
	}
}
@media screen and (min-width: 992px){
	.catalog_btn{
		margin: 5rem 0 5.5rem;
	}
}
/* 部屋紹介 */
.gallery_con{
	margin-bottom: 0;
}
.gallery_con li{
	list-style: none;
}
.gallery_con li:not(:first-child){
	margin-top: 3rem;
}
.gallery_con_img{
	border-radius: 0.588rem;
	overflow: hidden;
	margin-bottom: 1.5rem;
}
.gallery_con_txtArea p{
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	.gallery_con li{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.gallery_con li:nth-child(2n){
		flex-direction: row-reverse;
	}
	.gallery_con li:not(:first-child){
		margin-top: 4rem;
	}
	.gallery_con_txtArea{
		width: 40%;
		align-self: center;
	}
	.gallery_con_img{
		width: 53%;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 992px){
	.gallery_con li:not(:first-child){
		margin-top: 5rem;
	}
}
/* 物件問い合わせ */
.ga_contact{
	margin-top: 4.5rem;
	width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#main2 .ga_contact .c-title1{
	border: none;
	padding: 0;
	font-size: 1.64rem;
	margin-bottom: 2.147rem;
}
@media screen and (min-width: 768px){
	.ga_contact{
		margin-top: 5.5rem;
	}
	#main2 .ga_contact .c-title1{
		font-size: 1.94rem;
		margin-bottom: 3.147rem;
	}
}
@media screen and (min-width: 992px){
	.ga_contact{
		margin-top: 6.5rem;
	}
}
@media screen and (min-width: 1400px){
	#main2 .ga_contact .c-title1{
		font-size: 2.24rem;
		margin-bottom: 3.647rem;
	}
}




/*******************************
イベント情報
*******************************/
.event_block{
	margin-bottom: 0;
}
.event_block li{
	list-style: none;
	border-top: 1px solid rgba(255,255,255,0.25);
}
.event_block li:last-child{
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
.event_block li a{
	display: block;
	transition: .3s;
	padding: 1.76rem 0;
	position: relative;
}
.event_block li a::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.05);
	transform: scale(0,1);
	transform-origin: left;
	transition: transform .4s;
}
.event_block li a:hover::after{
	transform: scale(1);
}
.event_block li a:hover{
	text-decoration: none;
}
.event_img{
	margin-bottom: 1rem;
}
.event_tit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.176rem;
	letter-spacing: 0.02em;
	line-height: 1.5;
	margin-bottom: 0.97rem;
	color: #fff;
}
.event_detail{
	font-size: 0.88rem;
	line-height: 1.7;
	margin-bottom: 0;
	color: #fff;
}
@media screen and (min-width: 768px){
	.event_flex{
		display: flex;		
		align-items: flex-start;
		justify-content: space-between;
	}
	.event_img{
		width: 26.92%;
		margin-bottom: 0;
	}
	.event_txtArea{
		width: 65.38%;
		position: relative;
		padding-right: 55px;
	}
	.event_txtArea .arrow{
		width: 40px;
		height: 40px;
		position: absolute;
		border: 1px solid #fff;
		border-radius: 50%;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.event_txtArea .arrow::after{
		position: absolute;
		content: "";
		width: 13px;
		height: 11px;
		background-image: url("../images/arrow_w.svg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}
@media screen and (min-width: 992px){
	.event_flex{
		align-items: center;
	}
	.event_txtArea{
		padding-right: 65px;
	}
	.event_txtArea .arrow{
		width: 50px;
		height: 50px;
	}
	.event_txtArea .arrow::after{
		width: 16px;
	}
}
@media screen and (min-width: 1200px){
	.event_tit{
		margin-bottom: 1.47rem;
	}
}
@media screen and (min-width: 1400px){
	.event_txtArea{
		padding-right: 80px;
	}
	.event_txtArea .arrow{
		width: 60px;
		height: 60px;
	}
}


/*******************************
イベント情報一覧
*******************************/
#main2 .event_block li{
	border-top: none;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
#main2 .event_block li:first-child{
	border-top: 1px solid rgba(255,255,255,0.25);
}
@media screen and (min-width: 1400px){
	#main2 .event_block{
		display: flex;
		flex-wrap: wrap;
	}
	#main2 .event_block li{
		width: calc((100% - 3rem)/2);
		margin-right: 3rem;
	}
	#main2 .event_block li:nth-child(2){
		border-top: 1px solid rgba(255,255,255,0.25);
	}
	#main2 .event_block li:nth-child(2n){
		margin-right: 0;
	}
	#main2 .event_img{
		width: 30%;
	}
	#main2 .event_detail{
		font-size: 0.78rem;
	}
}
@media screen and (min-width: 1600px){
	#main2 .event_block li{
		width: calc((100% - 4rem)/2);
		margin-right: 4rem;
	}	
}
@media screen and (min-width: 1800px){
	#main2 .event_block li{
		width: calc((100% - 6rem)/2);
		margin-right: 6rem;
	}
	.event_img{
		width: 26.92%;
	}
}


/*******************************
イベント詳細
******************************/
.post_content{
	margin-bottom: 3.025rem;
}
@media screen and (min-width: 1200px){
	.post_content{
		margin-bottom: 3.525rem;
	}
}
@media screen and (min-width: 1400px){
	.post_content{
		margin-bottom: 4.525rem;
	}
}


/*******************************
その他のイベント
*******************************/
.othre_post .c-title1{
	margin-bottom: 1.647rem;
}
.othre_post .event_block li{
	border-top: none;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
.othre_post .event_block li:first-child{
	border-top: 1px solid rgba(255,255,255,0.25);
}
.othre_post .event_img img{
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 768px){
	.othre_post .c-title1{
		margin-bottom: 2.447rem;
	}
}
@media screen and (min-width: 1400px){
	.othre_post .c-title1{
		margin-bottom: 4.47rem;
	}
	.othre_post .event_block{
		display: flex;
		justify-content: space-between;
	}
	.othre_post .event_block li{
		width: calc((100% - 4rem)/2);
		margin-right: 4rem;
		border-top: 1px solid rgba(255,255,255,0.25);
	}
}
@media screen and (min-width: 1600px){
	.othre_post .event_block li{
		width: calc((100% - 4rem)/2);
		margin-right: 4rem;
	}	
}
@media screen and (min-width: 1800px){
	.othre_post .event_block li{
		width: calc((100% - 6rem)/2);
		margin-right: 6rem;
	}
	 .event_img{
		width: 26.92%;
	}
}




/*****************************
/* お客様インタビュー
*****************************/
.voice_item a:hover{
	text-decoration: none;
}
.voice_tit{
	letter-spacing: 0.02em;
	line-height: 1.5;
	font-size: 1.33rem;
	color: #282d27;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.voice_txt{
	color: #282d27;
	margin-bottom: 0;
}
.voice_detail{
	color: #70736f;
	font-size: 0.88rem;
	letter-spacing: 0;
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	.voice_tit{
		font-size: 1.529rem;
	}
}


/*****************************
/* info
*****************************/
.info_imgbox.zoom{
	border-radius: 0.588rem;
	overflow: hidden;
	margin-bottom: 1.67rem;
}
.info_txt_inner{
	margin-bottom: 2.5rem;
}
.info_post_tit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.02em;
	line-height: 1.5;
	font-size: 1.176rem;
	color: #282d27;
	margin-bottom: 0.66rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.info_cat{
	margin-bottom: 0;
}
.info_date{
	font-size: 0.88rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	margin-bottom: 0.8rem;
	color: #282d27;
}
@media screen and (min-width: 768px){
	.info_date{
		margin-bottom: 1rem;
	}
}	
@media screen and (min-width: 1200px){
	.info_imgbox.zoom{
		margin-bottom: 2.17rem;
	}
	.info_txt_inner{
		margin-bottom: 5.17rem;
	}
	.info_post_tit{
		margin-bottom: 0.96rem;
	}
	.info_date{
		margin-bottom: 1.2rem;
	}
}


/*****************************
/* form_customize
*****************************/
#form_customize input, #form_customize select, #form_customize textarea, #form_customize input[type="date"]{
    background-color: #fff;
    border: 1px solid rgba(169,169,169,0.5);
    padding: 0.85rem 1rem;
	font-size: 0.94rem;
	font-weight: 400;
    margin: 0;
    width: 100%;
	border-radius: 3px;
	line-height: 1.9;
	letter-spacing: 0.05em;
	outline: none;
	resize: none;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#form_customize input[type="text"], #form_customize input[type="email"], #form_customize input[type="tel"], #form_customize textarea, #form_customize select{
	color: #000;
}
#form_customize input:focus, #form_customize select:focus, #form_customize textarea:focus{
	outline: none;
}
#form_customize .form_block{
	margin-bottom: 17px;
}
/* プレースホルダー */
#form_customize .wpcf7-form-control::placeholder{
	color: #989898;
	opacity: 1;
}
/* ラベル */
#form_customize .form_c_label{
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 0.94rem;
	letter-spacing: 0.05em;
	margin-bottom: 8px;
	line-height: 1.9;
	color: #000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* 必須 */
.form_label_req{
	color: #c40000;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-left: 10px;
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
/* 入力してください */
#form_customize .wpcf7-not-valid-tip{
	font-size: 0.88rem;
	color: #c40000;
}
/* 個人情報 */
#form_customize .form_c_agree{
	border-bottom: none;
	margin-top: 1.5rem;
	margin-bottom: 2.033rem;
	text-align: center;
}
#form_customize .form_c_agree .form_check_box{
	margin-bottom: 0.3rem;
}
#form_customize .form_c_agree .form_check_box .wpcf7-list-item{
	width: 100%;
}
#form_customize .form_c_agree .form_check_box .wpcf7-list-item-label{
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.f_note{
	font-size: 0.93rem;
	line-height: 1.6;
	margin-bottom: 1rem;
}
.f_note a{
	color: #282d27;
	text-decoration: underline;
}
.f_note a:hover{
	color: #282d27;
}
/* 送信ボタン */
#form_customize .form_c_submit{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#form_customize .form_c_submit input{
	width: 100%;
	max-width: 360px;
	height: 60px;
	font-size: 1.058rem;
	border: 1px solid rgba(40, 45, 39, 0.75);
	background-color: #282d27;
	color: #fff;
	line-height: 60px;
	border-radius: 50px;
	margin-bottom: 0;
	padding: 0;
	transition: .3s;
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#form_customize .form_c_submit input:hover{
	background-color: transparent;
	color: #282d27;
	transition: .3s;
}
#form_customize .form_c_submit .wpcf7-spinner{
	position: absolute;
	margin: 0;
	top: 0;
	left: calc((50% + 100px) + 30px);
	transform: translateX(-50%);
}

#form_customize .small-txt{
	font-size: 0.86rem;
	margin-top: 10px;
	display: block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
}
@media screen and (min-width: 768px){
	#form_customize .form_block{
		margin-bottom: 24px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	/* ラベル */
	#form_customize .form_c_label{
		width: 25%;
		margin-bottom: 0;
		padding: 1.15rem 0;
	}
	/* 入力欄 */
	#form_customize .form_c_item{
		width: 71%;
	}
	#form_customize input, #form_customize select, #form_customize textarea, #form_customize input[type="date"]{
		padding: 1.15rem 1.5rem;
	}
	/* 入力欄 */
	#form_customize .form_c_item{
		margin-top: 0;
		margin-left: auto;
		text-align: left;
	}
	/* 個人情報 */
	#form_customize .form_c_agree .form_c_item{
		width: 71%;
	}
	#form_customize .form_c_agree .form_check_box .wpcf7-form-control{
		justify-content: flex-start;
	}
	#form_customize .form_c_agree .form_check_box .wpcf7-list-item{
		margin-right: 0;
	}
	/* 送信ボタン */
	#form_customize .form_block.form_c_submit{
		width: 71%;
		margin-right: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}
@media screen and (min-width: 992px){
	/* ラベル */
	#form_customize .form_c_label{
		width: 20%;
	}
	/* 入力欄 */
	#form_customize .form_c_item{
		width: 76%;
	}
	/* 個人情報 */
	#form_customize .form_c_agree .form_c_item{
		width: 76%;
	}
	/* 送信ボタン */
	#form_customize .form_block.form_c_submit{
		width: 76%;
		padding-bottom: 0;
	}
	/* 送信ボタン */
	#form_customize .form_c_submit{
		padding-bottom: 0;
	}
}
@media screen and (min-width: 1200px){
	#form_customize .form_block{
		margin-bottom: 34px;
	}
	#form_customize .small-txt{
		font-size: 0.74rem;
	}
}
@media screen and (min-width: 1400px){
	/* ラベル */
	#form_customize .form_c_label{
		margin-bottom: 0;
		padding: 1.85rem 0;
	}
}
@media screen and (min-width: 1600px){
	#form_customize input, #form_customize select, #form_customize textarea, #form_customize input[type="date"]{
		padding: 1.4rem 1.764rem;
	}
	/* ラベル */
	#form_customize .form_c_label{
		padding: 1.4rem 0;
	}
}



/* CUSTOM SELECTBOX */
#form_customize select{
	color: #989898;
	-webkit-appearance: none;
    appearance: none;
}
#form_customize select.selected{
	color: #000;
}


/* CUSTOM CHECKBOX */
#form_customize .form_check_box .wpcf7-form-control{
	display: flex;
	flex-wrap: wrap;
}
#form_customize .form_check_box .wpcf7-list-item{
	margin: 0;
	display: block;
	width: 50%;
}
#form_customize .form_check_box label{
	cursor: pointer;
	margin-bottom: 0;
}
#form_customize .form_check_box input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
#form_customize .form_check_box .wpcf7-list-item-label{
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 0.94rem;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 1.9;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#form_customize .form_check_box .wpcf7-list-item-label::before, #form_customize .form_check_box .wpcf7-list-item-label::after {
	content: "";
	border-radius: inherit;
	transition: .2s;
}
#form_customize .form_check_box .wpcf7-list-item-label::before{
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid rgba(169,169,169,0.5);
}
#form_customize .form_check_box .wpcf7-list-item-label::after{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 10px;
	height: 10px;
	background-color: #5a9333;
	border-radius: 0;
	opacity: 0;
}
#form_customize .form_check_box input:checked ~ .wpcf7-list-item-label::after{
	opacity: 1;
}
@media screen and (min-width: 768px){
	#form_customize .form_c_item .form_check_box{
		padding-top: 0.75rem;
	}
	#form_customize .form_check_box .wpcf7-list-item-label::before{
		width: 35px;
		height: 35px;
	}
	#form_customize .form_check_box .wpcf7-list-item-label::after{
		top: 12px;
		left: 12px;
		width: 11px;
		height: 11px;
	}
	#form_customize .form_check_box .wpcf7-list-item{
		width: auto;
		margin-right: 2.3rem;
	}
}
@media screen and (min-width: 992px){
	#form_customize .form_check_box .wpcf7-form-control-wrap{
		width: 100%;
	}
}
@media screen and (min-width: 1200px){
	#form_customize .form_c_item .form_check_box{
		padding-top: 1.05rem;
	}
}
@media screen and (min-width: 1400px){
	#form_customize .form_c_item .form_check_box{
		padding-top: 1.25rem;
	}
}

/* CUSTOM RADIO */
#form_customize .form_check_box.radio .wpcf7-list-item-label::before{
	border-radius: 50%;
}
#form_customize .form_check_box.radio .wpcf7-list-item-label::after{
	border-radius: 50%;
}

/* 来場希望日時 */
#form_customize .ev_datetime{
	display: flex;
	justify-content: space-between;
}
#form_customize .ev_datetime .select_item:first-child{
	width: 57.85%;
}
#form_customize .ev_datetime .select_item:nth-child(2){
	width: 39.28%;
}



#form_customize .datetime select{
	margin-top: 7px;
    padding: 0.85rem 1rem;
	-webkit-padding-start: 0.85rem 1rem;
	padding-start: 0.85rem 1rem;
	font-size: 0.94rem;
	-webkit-appearance: none;
    appearance: none;
	color: #989898;
}
#form_customize .datetime select.selected{
	color: #000;
}
#form_customize .ev_datetime .wpcf7-form-control-wrap, #form_customize .datetime .wpcf7-form-control-wrap{
	position: relative;
}
#form_customize .ev_datetime .wpcf7-form-control-wrap::after, #form_customize .datetime .wpcf7-form-control-wrap::after{
	position: absolute;
	content: "";
	background-image: url("../images/datetime_arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	display: block;
	width: 9px;
	height: 9px;
}
#form_customize .datetime .wpcf7-form-control-wrap:first-child select{
	margin-top: 0;
}
@media screen and (min-width: 768px){
	#form_customize .datetime{
		display: flex;
		justify-content: space-between;
	}
	#form_customize .datetime .wpcf7-form-control-wrap{
		width: calc((100% - 14px) / 3);
	}
	#form_customize .datetime .wpcf7-form-control-wrap::after{
		top: 1.9rem;
		right: 13px;
		transform: unset;
	}
	#form_customize .datetime select{
		margin-top: 0;
		padding: 1.15rem 1.5rem;
		-webkit-padding-start: 1.15rem 1.5rem;
		padding-start: 1.15rem 1.5rem;
	}
}
@media screen and (min-width: 992px){
	#form_customize .datetime .wpcf7-form-control-wrap::after{
		width: 11px;
		height: 11px;
		right: 18px;
	}
}
@media screen and (min-width: 1200px){
	#form_customize .datetime .wpcf7-form-control-wrap{
		width: calc((100% - 28px) / 3);
	}	
}
@media screen and (min-width: 1600px){
	#form_customize .datetime .wpcf7-form-control-wrap::after{
		top: 2rem;
	}
	#form_customize .datetime select{
		padding: 1.4rem 1.764rem;
	}
}

/* 住所 */
#form_customize .add .form-input__small300{
	margin-bottom: 7px;
}
#form_customize #autozip{
	display: none;
} 
@media screen and (min-width: 1200px){
	#form_customize .add .form-input__small300{
		margin-bottom: 14px;
	}
}

/* 資料請求 */
#form_customize .form_block.catalog{
	margin-bottom: 32px;
}
#form_customize .catalog_list{
	margin-bottom: 0;
}
#form_customize .catalog_list li{
	list-style: none;
}
#form_customize .catalog_list .form_check_box .wpcf7-list-item{
	text-align: center;
}
#form_customize .catalog_list .form_check_box label{
	margin: 0;
	display: block;
}
#form_customize .catalog_list .form_check_box input{
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	display: none;
}
#form_customize .catalog_list .form_check_box .wpcf7-list-item-label{
	position: relative;
	display: inline-block;
	align-items: center;
	font-weight: 400;
	font-size: 1rem;
	letter-spacing: 0;
	width: 183px;
	height: 43px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	margin: 0;
}
#form_customize .catalog_list .form_check_box .wpcf7-list-item-label::before{
	content: "資料を選択";
	position: absolute;
	background-color: #f9f1e7;
	color: #f84519;
	border: 1px solid rgba(248, 69, 25, 0.4);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	border-radius: 50px;
	top: 0;
	font-weight: 400;
	left: 0;
	width: 100%;
	transition: .3s;
}
#form_customize .catalog_list .form_check_box .wpcf7-list-item-label::after{
	position: absolute;
	top: 0;
	height: 43px;
	opacity: 0;
	background-color: #f84519;
	content: "選択中";
	font-size: 0.9rem;
	font-weight: 400;
	color: #f9f1e7;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	left: 0;
	width: 100%;
	transition: .3s;
}
#form_customize .form_block.catalog .wpcf7-not-valid-tip{
	text-align: center;
}
@media screen and (min-width: 768px){
	#form_customize .catalog_list{
		display: flex;
	}
	#form_customize .catalog_list li{
		width: 50%;
	}
	#form_customize .catalog_list .form_check_box .wpcf7-list-item{
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width: 992px){
	#form_customize .form_block.catalog{
		margin-bottom: 42px;
	}
}
@media screen and (min-width: 1200px){
	#form_customize .catalog_list .form_check_box .wpcf7-list-item-label::before,
	#form_customize .catalog_list .form_check_box .wpcf7-list-item-label::after{
		font-size: 0.8rem;
	}
}

/* 面接希望日 */
.date_block:first-child{
	margin-bottom: 12px;
}
.date_block p{
	font-weight: 400;
	font-size: 0.94rem;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
	line-height: 1.9;
	color: #000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.date_content{
	position: relative;
	width: 100%;
	height: 51px;
	display: block;
}
.date_content.mb{
	margin-bottom: 7px;
}
.wpcf7-date-placeholder {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.2s;
  width: 100%;
  height: 51px;
  display: block;
  top: 0;
  left: 0;
  background-color: #fff;
  color: #989898;
  line-height: 1.9;
  letter-spacing: 0.05em;
  outline: none;
  resize: none;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border: 1px solid rgba(169,169,169,0.5);
	border-radius: 3px;
  padding: 0.85rem 1rem;
  font-size: 0.94rem;
}
input[type="date"]:focus + .wpcf7-date-placeholder {
  opacity: 0;
}
.date_content .wpcf7-form-control-wrap{
	width: 100%;
	display: block;
}
.date_sample{
	width: 100%;
	color: #989898;
}
#form_customize input[type="date"]{
	min-width: 0; /* 必要に応じて最小幅を解除 */
    width: 100% !important;
    -webkit-appearance: none;
    appearance: none;
}
#form_customize input[type="date"]::-webkit-date-and-time-value{
	text-align: left;
}
#form_customize .date_block input[type="date"], #form_customize .date_block select{
	height: 51px;
}
@media screen and (min-width: 768px){
	#form_customize .form_c_item.date_item{
		padding-top: 1.15rem;
	}
	#form_customize .date_sample{
		margin-bottom: 0;
	}
	.date_block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.date_block p{
		width: 100%;
	}
	.date_content{
		width: calc((100% - 7px)/2);
		height: 59px;
	}
	.wpcf7-date-placeholder{
		height: 59px;
		padding: 1.15rem 1.5rem;
	}
	#form_customize input[type="date"]{
		margin-bottom: 0;
	}
	.date_content.mb{
		margin-bottom: 0;
	}
	#form_customize .date_block input[type="date"], #form_customize .date_block select{
		height: 59px;
	}
}
@media screen and (min-width: 1200px){
	.date_content{
		width: calc((100% - 14px)/2);
		height: 71px;
	}
	.wpcf7-date-placeholder{
		height: 71px;
	}
	#form_customize .date_block input[type="date"], #form_customize .date_block select{
		height: 71px;
	}	
}
@media screen and (min-width: 1600px){
	.date_content{
		height: 80px;
	}
	.wpcf7-date-placeholder{
		height: 80px;
	}
	#form_customize .date_block input[type="date"], #form_customize .date_block select{
		height: 80px;
	}
	.wpcf7-date-placeholder{
		padding: 1.4rem 1.764rem;
	}
}
/* 資料 */
.catalog_flex{
	display: flex;
	flex-wrap: wrap;
}
.catalog_item{
	width: calc((100% - 15px)/2);
	margin-right: 15px;
	margin-top: 15px;
}
.catalog_item:nth-child(1), .catalog_item:nth-child(2){
	margin-top: 0;
}
.catalog_item:nth-of-type(2n), .catalog_item:nth-of-type(5){
	margin-right: 0;
}
#form_customize .form_check_box .catalog_item .wpcf7-list-item{
	width: 100%;
}
.catalog_item img{
	margin-bottom: 10px;
}
.catalog_item:nth-of-type(5){
	width: 100%;
}
.catalog_item:nth-of-type(5) img{
	width: calc((100% - 15px)/2);
}
@media screen and (min-width: 768px){
	.catalog_item{
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
}
@media screen and (min-width: 992px){
	.catalog_item{
		width: calc((100% - 40px)/3);
		margin-top: 20px;
	}
	.catalog_item:nth-child(3){
		margin-top: 0;
	}
	.catalog_item:nth-of-type(2n){
		margin-right: 20px;
	}
	.catalog_item:nth-of-type(3n){
		margin-right: 0;
	}
	.catalog_item:nth-of-type(5){
		width: calc(100% - ((100% - 40px)/3) - 20px);
	}
	.catalog_item:nth-of-type(5) img {
		width: calc((100% - 20px)/2);
	}
	.catalog_item img{
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
	#form_customize .form_check_box .catalog_item .wpcf7-list-item-label{
		font-size: 0.88rem;
	}
}
@media screen and (min-width: 1400px){	
	.catalog_item{
		width: calc((100% - 60px)/3);
		margin-top: 30px;
		margin-right: 30px;
	}
	.catalog_item:nth-of-type(2n){
		margin-right: 30px;
	}
	.catalog_item:nth-of-type(5){
		width: calc(100% - ((100% - 60px)/3) - 30px);
	}
	.catalog_item:nth-of-type(5) img {
		width: calc((100% - 30px)/2);
	}
}


/*********************
投稿アーカイブ
*********************/
.archive_post_block{
	margin-bottom: 2.166rem;
}
.archive_post_block li{
	list-style: none;
	margin-top: 2.35rem;
}
.archive_post_block li:first-child{
	margin-top: 0;
}
.archive_post_block li a:hover{
	text-decoration: none;
}
.archive_post_block .info_txt_inner{
	margin-bottom: 1.5rem;
}
.archive_post_block .info_date{
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	.archive_post_block{
		display: flex;
		flex-wrap: wrap;
	}
	.archive_post_block li{
		width: calc((100% - 1.875rem)/2);
		margin-right: 1.87rem;
		margin-top: 2.68rem;
	}
	.archive_post_block li:nth-child(2){
		margin-top: 0;
	}
	.archive_post_block li:nth-child(2n){
		margin-right: 0;
	}
}
@media screen and (min-width: 992px){
	.archive_post_block{
		display: flex;
		flex-wrap: wrap;
	}
	.archive_post_block li{
		width: calc((100% - 3.75rem)/3);
		margin-right: 1.87rem;
		margin-top: 3.18rem;
	}
	.archive_post_block li:nth-child(3){
		margin-top: 0;
	}
	.archive_post_block li:nth-child(2n){
		margin-right: 1.87rem;
	}
	.archive_post_block li:nth-child(3n){
		margin-right: 0;
	}
}
@media screen and (min-width: 1400px){
	.archive_post_block li{
		width: calc((100% - 5rem)/3);
		margin-right: 2.5rem;
		margin-top: 3.68rem;
	}
}
@media screen and (min-width: 1600px){
	.archive_post_block li{
		margin-top: 4.68rem;
	}
}


/*********************
投稿シングル
*********************/
.post_archive{
	margin-bottom: 4.91rem;
}
#main2 .post_archive h1{
	margin-bottom: 2rem;
}
.post_archive .sgl{
	margin-bottom: 3.025rem;
}
#form.event_table{
	margin-bottom: 3.025rem;
}
.event_table .event_end{
	color: #c40000;
	font-size: 0.88rem;
	margin-left: 0;
	display: block;
}
.event_form_block{
	margin-top: 3.025rem;
}
@media screen and (min-width: 768px){
	.post_archive{
		margin-bottom: 6.41rem;
	}
	#main2 .post_archive h1{
		font-size: 1.676rem;
		margin-bottom: 3rem;
		text-align: left;
	}
	.event_table .event_end{
		display: inline;
		margin-left: 1rem;
	}
}
@media screen and (min-width: 992px){
	.post_archive{
		margin-bottom: 7.41rem;
	}
}
@media screen and (min-width: 1200px){
	.post_archive .sgl{
		margin-bottom: 3.525rem;
	}
	#form.event_table{
		margin-bottom: 3.525rem;
	}
	.event_form_block{
		margin-top: 3.525rem;
	}
}
@media screen and (min-width: 1400px){
	.post_archive{
		margin-bottom: 9.41rem;
	}
	.post_archive .sgl{
		margin-bottom: 4.525rem;
	}
	#form.event_table{
		margin-bottom: 4.525rem;
	}
	.event_form_block{
		margin-top: 4.525rem;
	}
}
@media screen and (min-width: 1800px){
	#main2 .post_archive h1 {
		margin-bottom: 3.5rem;
	}
}
/* ============================ */
/* POST INDEX */
.c-post-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
	border-top: 1px solid rgba(0,0,0,0.25);
	padding-top: 5rem;
}
.c-post-index__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  font-weight: 400;
  line-height: 1;
	transition: .3s;
}
.c-post-index__link span {
  display: inline-block;
  margin-top: 2px;
	color: #282d27;
}
.c-post-index__link img {
  display: block;
  height: 30px;
  margin-left: 18px;
	width: 15px;
	margin-top: 2px;
}
.c-post-index__link.link-prev img {
  margin-left: 0;
  margin-right: 18px;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
	width: 15px;
	margin-top: 2px;
}
.c-post-index__link.is-disable {
  opacity: 0.3;
  pointer-events: none;
}
.c-post-index__link:hover{
	color: #282d27;
	text-decoration: none;
	opacity: 0.7;
	transition: .3s;
}
.c-post-index__text {
	line-height: 1;
	text-align: center;
	font-weight: 400;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	color: #282d27;
}
.c-post-index__text:hover{
	text-decoration: none;
	opacity: 0.7;
	color: #282d27;
	transition: .3s;
}
.c-post-index--tab {
  display: none;
}
@media screen and (min-width: 1200px){
	.c-post-index__text{
		font-size: 1rem;
	}
	.c-post-index__link{
		font-size: 1rem;
	}
}
@media screen and (max-width: 767px) {
  .c-post-index {
    padding-top: 3rem;
  }
  .c-post-index__text {
    font-size: 1rem;
  }
  .c-post-index__link {
    font-size: 1rem;
  }
  .c-post-index__link img {
    width: 10px;
    margin-left: 10px;
  }
  .c-post-index__link.link-prev img {
	  width: 10px;
	  margin-right: 10px;
  }
}

/**************************
/* お問い合わせ
**************************/
#p_form{
	position: relative;
	padding-top: 1.438rem;
}
#p_form::before{
	position: absolute;
	content: "";
	background-color: rgba(110,100,95,0.4);
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
}
.p_form_left{
	margin-bottom: 2rem;
}
#p_form .p_title1{
	padding-top: 0;
}
#p_form .p_title1::before{
	content: none;
}
#p_form .p_title1::after{
	top: 2px;
}
.p_form_teltxt{
	font-size: 0.9375rem;
	font-weight: 400;
	margin-bottom: 0.825rem;
}
.p_form_tel{
	font-size: 2.1875rem;
	letter-spacing: 0.04em;
	color: #f84519;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 1.9rem;
}
.p_form_open{
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.8;
	color: #847f78;
	margin-bottom: 0;
}
.p_form_txt{
	margin-bottom: 2.5125rem;
}
@media screen and (min-width: 768px){
	#p_form{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.p_form_left{
		position: sticky;
		top: 85px;
		width: 30%;
		margin-bottom: 0;
	}
	.p_form_right{
		width: 63%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.p_form_tel{
		font-size: 1.888rem;
	}
}
@media screen and (min-width: 1200px){
	#p_form{
		padding-top: 1.938rem;
	}
	.p_form_left{
		top: 95px;
	}
	#p_form .p_title1{
		margin-bottom: 2.6125rem;
	}
	#p_form .p_title1::after{
		top: calc(1.938rem + 3px);
	}
	#page-main #p_form .p_title1::after{
		top: 3px;
	}
}
@media screen and (min-width: 1400px){
	.p_form_left{
		top: 110px;
	}
	.p_form_right{
		width: 65%;
	}
}
@media screen and (min-width: 1600px){
	.p_form_right{
		width: 70%;
		max-width: 1100px;
	}
}





/*********************
モデルハウス アーカイブ
*********************/
.archive_model_en{
	color: #6e645f;
	font-weight: 400;
	font-size: 1.15rem;
	letter-spacing: 0.06em;
	margin-bottom: 0.375rem;
}

/*********************
モデルハウス シングルページ
*********************/
#main2 .model_single h1{
	font-size: 1.375rem;
	letter-spacing: 0.02em;
	line-height: 2;
	font-weight: 300;
	margin-bottom: 1.775rem;
}
.model_single .sgl{
	margin-bottom: 3rem;
}
#form.model_table{
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4.375rem;
}
#form.model_table th, #form.model_table td{
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.08em;
}
#form.model_table th{
	background-color: #f84519;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding: 1.73rem 0;
	width: 11.25rem;
}
#form.model_table td{
	background-color: #fff;
	border-bottom: 1px solid rgba(110,100,95,0.4);
	padding: 1.73rem 3.125rem;
}
#form.model_table tr:first-child th,
#form.model_table tr:first-child td{
	border-top: 1px solid rgba(110,100,95,0.4);
}
#form.model_table tr:last-child th{
	border-bottom: 1px solid rgba(110,100,95,0.4);
}
.model_gallery{
	margin-bottom: 4.375rem;
}
.model_gallery ul{
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
}
.model_gallery ul li{
	list-style: none;
	width: calc((100% - 10px)/2);
	margin-top: 10px;
	margin-right: 10px;
}
.model_gallery ul li:nth-child(2n){
	margin-right: 0;
}
.model_gallery ul li:first-child,
.model_gallery ul li:nth-child(2){
	margin-top: 0;
}
.model_gallery ul li a{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;	
}
#main2 .model_gallery ul li a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.midokoro{
	margin-bottom: 0;
}
.midokoro li{
	list-style: none;
	margin-bottom: 8px;
}
.midokoro li:last-child{
	margin-bottom: 0;
}
.midokoro li div{
	width: 100%;
	height: 100%;
	aspect-ratio: 209 / 50;
	background-color: #f9f1e7;
	text-align: center;
	font-weight: 400;
	font-size: 0.9375rem;
	letter-spacing: 0.08em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.model_access{
	margin: 4.375rem auto;
}
#main2 #p_form .p_title1{
	padding-top: 0;
}
@media screen and (min-width: 768px){
	#main2 .model_single h1{
		font-size: 1.875rem;
		margin-bottom: 3.275rem;
	}
	.model_single .sgl{
		margin-bottom: 5rem;
	}
	#form.model_table,
	.model_gallery{
		margin-bottom: 6.375rem;
	}
	.model_gallery ul li{
		width: calc((100% - 40px)/5);
	}
	.model_gallery ul li:nth-child(2n){
		margin-right: 10px;
	}
	.model_gallery ul li:nth-child(5n){
		margin-right: 0;
	}
	.model_gallery ul li:nth-child(3),
	.model_gallery ul li:nth-child(4),
	.model_gallery ul li:nth-child(5){
		margin-top: 0;
	}
	.midokoro{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.midokoro li{
		width: calc((100% - 8px)/2);
	}
	.midokoro li:nth-last-child(2){
		margin-bottom: 0;
	}
	.model_access{
		margin: 6.375rem auto;
	}
	.model_access .youtube{
		padding-top: 45.3125%;
	}
}
@media screen and (min-width: 992px){
	#form.model_table,
	.model_gallery{
		margin-bottom: 7.375rem;
	}
	.model_access{
		margin: 7.375rem auto;
	}
	.midokoro li{
		width: calc((100% - 16px)/3);
	}
	.midokoro li:nth-last-child(3){
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1200px){
	#main2 #p_form .p_title1::after{
		top: 3px;
	}
}
@media screen and (min-width: 1400px){
	#form.model_table,
	.model_gallery{
		margin-bottom: 9.375rem;
	}
	.model_gallery ul li{
		width: calc((100% - 80px)/5);
		margin-right: 20px;
		margin-top: 20px;
	}
	.model_gallery ul li:nth-child(2n){
		margin-right: 20px;
	}
	.model_gallery ul li:nth-child(5n){
		margin-right: 0;
	}
	.midokoro li{
		width: calc((100% - 26px)/3);
		margin-bottom: 13px;
	}
	.model_access{
		margin: 9.375rem auto;
	}
}
@media screen and (max-width: 479px){
	#form.model_table th{
		width: 100%;
		padding: 1.23rem 0;
		border-bottom: none;
	}
	#form.model_table td{
		padding: 1.23rem 2.625rem;
		text-align: center;
		border-bottom: none;
	}
	#form.model_table tr:first-child td{
		border-top: none;
	}
	#form.model_table tr:last-child th{
		border-bottom: none;
	}
	#form.model_table tr:last-child td{
		border-bottom: 1px solid rgba(110,100,95,0.4);
	}
}


/**************************
/* 404
**************************/
@media screen and (min-width: 768px){
	.block404{
		text-align: center;
	}
}