@charset "utf-8";


ol, ul {
list-style:none
}

/* ------ Column ------ */
.s_row_gl{
max-width: 1040px;
margin: 0 auto;
}
.s_row110{
max-width: 1120px;
margin: 0 auto;
padding: 0 3%;
}
.s_row120{
max-width: 1200px;
margin: 0 auto;
padding: 0 3%;
}
.s_row,.s_row00{
max-width: 1000px;
margin: 0 auto;
padding: 0 3%;
}
.s_row:after,.s_row00:after,.s_row02:after {
content: "";
display: block;
clear: both;
}
.s_row02,.s_row02in {
max-width: 900px;
margin: 0 auto;
padding: 0 3%;
}
.s_row800,.s_row800in {
max-width: 800px;
margin: 0 auto;
padding: 0 3%;
}
.s_row700,.s_row700in {
max-width: 700px;
margin: 0 auto;
padding: 0 3%;
}

.pc_only {
display: block;
}
.sp_only {
display: none;
}
@media screen and (max-width: 767px) {
/* 左右に余白を設定 */
.s_row110,.s_row120,.s_row,.s_row02,.s_row800,.s_row700  {
padding: 0 6%;
}
.s_row00,.s_row02in,.s_row800in,.s_row700in {
padding-top: 0;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0;
}
.pc_only {
display: none !important;
}
.sp_only {
display: block;
}
}


/*トップH2/下層H1タイトル*/
h2.sub_pp{
color: #DF7700;
font-size: 45px;
font-weight: bold;
text-align: center;
position: relative;
margin-bottom: 60px;
line-height: 1em;
letter-spacing: 0.1em;
}
h2.sub_pp span{
font-size: 16px;
display: block;
color: #595757;
font-weight: normal;
letter-spacing: 0.3em;
margin-top: 5px;
}
h2.sub_pp.subc{
color: #F0E68C;
}
h2.sub_pp.subc span{
margin-left: 1em;
}
h2.sub_pp.subc::before{
background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
h2.sub_pp{
font-size: 8.2vw;
line-height: 1.3em;
margin-bottom: 20px;
padding-top: 3%;
}
h2.sub_pp span{
font-size: 3.5vw;
margin-top: 0px;
}
h2.sub_pp.subc span{
margin-left: 0em;
display: block;
}
h2.sub_pp::before{
bottom: -5px;
}
}


/*タグ*/
ul.post-tags {
display: flex;
flex-wrap:wrap;
gap: 5px;
list-style:none
}
ul.post-tags li a {
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-right: 15px;
	color: #DF7700;
	background-color: #FDEFDD;
	font-size: 12px;
	transition: all 0.3s;
	display: block;
	border: 1px solid #DF7700;
}
ul.post-tags li a:hover {
color: #FFFFFF;
background-color: #DF7700;
}

@media screen and (max-width: 767px) {
.inSp1 {
grid-template-columns: 1fr;
gap: 40px;
margin-bottom: 25px;
}
.inSp1 .item .cat_T span a {
font-size: 3.6vw;
}
.inSp1 .item h3 {
font-size: 3.8vw;
}
ul.post-tags li a {
padding-top: 3px;
padding-left: 10px;
padding-bottom: 3px;
padding-right: 10px;
font-size: 3vw;
}
}


/*タグ　邸別*/
ul.post-tags_h {
display: flex;
flex-wrap:wrap;
gap: 5px;
list-style:none
}
ul.post-tags_h li a {
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-right: 15px;
	color: #DF7700;
	background-color: #000000;
	font-size: 12px;
	transition: all 0.3s;
	display: block;
	border: 1px solid #DF7700;
}
ul.post-tags_h li a:hover {
color: #FFFFFF;
background-color: #DF7700;
}

@media screen and (max-width: 767px) {
.inSp1 {
grid-template-columns: 1fr;
gap: 40px;
margin-bottom: 25px;
}
.inSp1 .item .cat_T span a {
font-size: 3.6vw;
}
.inSp1 .item h3 {
font-size: 3.8vw;
}
ul.post-tags_h li a {
padding-top: 3px;
padding-left: 10px;
padding-bottom: 3px;
padding-right: 10px;
font-size: 3vw;
}
}

/*タグ　邸別*/
ul.post-tags_h2 {
display: flex;
flex-wrap:wrap;
gap: 5px;
list-style:none
}
ul.post-tags_h2 li a {
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-right: 15px;
	color: #FFFFFF;
	background-color: #DF7700;
	font-size: 12px;
	transition: all 0.3s;
	display: block;
	border: 1px solid #FFFFFF;
}
ul.post-tags_h2 li a:hover {
color: #DF7700;
background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
.inSp1 {
grid-template-columns: 1fr;
gap: 40px;
margin-bottom: 25px;
}
.inSp1 .item .cat_T span a {
font-size: 3.6vw;
}
.inSp1 .item h3 {
font-size: 3.8vw;
}
ul.post-tags_h2 li a {
padding-top: 3px;
padding-left: 10px;
padding-bottom: 3px;
padding-right: 10px;
font-size: 3vw;
}
}


/*タームナビ　タグナビ*/
.terms_nav {
margin-bottom: 50px;
}
.terms_nav ul {
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px;
list-style:none
}
.terms_nav ul li a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	color: #DF7700;
	background-color: #FDEFDD;
	transition: all 0.3s;
	display: block;
	line-height: 1.6em;
	border: 1px solid #DF7700;
}
.terms_nav.comm ul li a {
background-color: #FFFFFF;
}
.terms_nav ul li a:hover {
color: #FFFFFF;
background-color: #DF7700;
}
.terms_nav ul li.current a{
color: #FFFFFF;
background-color: #DF7700;
}
@media screen and (max-width: 767px) {
.terms_nav {
margin-bottom: 25px;
}
.terms_nav ul li a {
padding-top: 3px;
padding-bottom: 3px;
font-size: 3.3vw;
}
}



/*記事を探す*/
.I_5th {
background-color: #FDEFDD;
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 40px;
}
.I_5th figure img{
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.I_5th {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 20px;
}
}

/*検索ボックス*/
.search_B{
position: relative;
width: 40%;
margin-left: auto;
margin-right: auto;
}
.search_container{
box-sizing: border-box;
position: relative;
border: 2px solid #DF7700;
/*display: block;*/
padding-top: 0px;
padding-bottom: 0px;
padding-right: 10px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
height: 50px;
overflow: hidden;
background-color: #FFFFFF;
padding-left: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
}
.search_container input[type="text"]{
width: 90%!important;
border: none;
height: 2.0em;
font-size: 16px;
}
.search_container input[type="text"]:focus {
outline: 0;
}
.search_container input[type="submit"]{
cursor: pointer;
/*font-size: 1.3em;*/
font-size: 14px;
border: none;
background-repeat: no-repeat;
background-position: 50% center!important;
background-image: url("../parts/i_search4.svg");
background-size: 75px 54px;
position: absolute;
width: 70px;
height: 48px;
right: 0;
top: -2px;
outline : none;
background-color: #DF7700;
border-radius: 0px!important;
}
.search_B h3{
font-size: 22px;
font-weight: bold;
text-align: center;
color: #028080;
}
.search_container input.submit{
border-radius: 0px!important;
}
@media screen and (max-width: 767px) {
.search_B{
width: 90%;
}
.search_container input[type="text"]{
font-size: 3.5vm!important;
}
.search_container input[type="submit"]{
height: 52px;
}
}
@media screen and (max-width: 414px) {
.search_container input[type="submit"]{
top: -5px;
}
}



.search_B .nav{
position: absolute;
bottom: 0px;
left: calc(50% - 490px);
width: 110px;
}
.search_B .nav img{
width: 100%;
height: auto;
display: block;
}
.search_B p{
text-align: center;
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.search_B .nav{
left: 5%;
width: 18%;
}
.search_B p{
text-align: center;
width: 85%;
margin-right: 0px;
margin-left: auto;
}
}


/*フリーワード検索用タイトル*/
h1.free_S{
/*color: #DF7700;
font-size: 40px;
font-weight: bold;
text-align: center;
position: relative;
margin-bottom: 30px;
line-height: 1em;
letter-spacing: 0.1em;*/
color: #DF7700;
font-size: 45px;
font-weight: bold;
text-align: center;
position: relative;
margin-bottom: 60px;
line-height: 1em;
letter-spacing: 0.1em;
}
h1.free_S span{
font-size: 40px;
}
h1.free_S em{
font-size: 16px;
display: block;
color: #595757;
font-weight: normal;
letter-spacing: 0.3em;
margin-top: 5px;
font-style: normal;
}
@media screen and (max-width: 767px) {
h1.free_S{
line-height: 1.3em;
margin-bottom: 20px;
padding-top: 3%;
}
h1.free_S span{
font-size: 8.2vw;
}
h1.free_S em{
font-size: 3.5vw;
margin-top: 0px;
}
}



.imagetitle {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
text-align: center;
clear: both;
padding-bottom: 40px;
position: relative;
}
.imagetitle p,.imagetitle h1{
display: inline-block;
vertical-align: middle;
}
.imagetitle h1 {
font-weight: bold;
font-size: 35px;
text-align: left;
padding-right: 10px;
color: #000000;
padding-left: 10px;
}
.imagetitle h1 span {
font-weight: bold;
font-size: 20px;
text-align: center;
padding-right: 15px;
line-height: 1.5em;
display: block;
margin-top: 0px;
color: #EC6C00;
}
.imagetitle p{
margin-right: 10px;
margin-left: 15px;
}
.imagetitle .moreview{
position: absolute;
right: 0px;
bottom: 45px;
}
@media screen and (max-width: 767px) {
.imagetitle {
margin-left: 0;
margin-right: 0;
margin-bottom: 30px;
text-align: center;
}
.imagetitle h1 {
font-weight: bold;
font-size: 5.8vw;
padding-right: 0px;
}
.imagetitle h1 span {
font-size: 4.4vw;
}
.imagetitle p{
margin-right: 0px;
margin-left: 0px;
}
.imagetitle .moreview{
bottom: 25px;
}
}



#lineLR {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center; /* for no-flexbox browsers */
margin-bottom: 10px;
}

#lineLR:before,
#lineLR:after {
border-top: 1px solid #666666;
content: "";
display: inline; /* for IE */
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex: 1;
flex-grow: 1;
}
#lineLR:before {
margin-right: 0.5em;
}
#lineLR:after {
margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
#lineLR {
padding-bottom: 20px;
}

}



/*パーツ別一覧トップ*/
.h_parts {
display: grid;
gap: 20px 40px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 50px;
}
.h_parts .item {
text-align: center;
position: relative;
}
.h_parts .item a {
display: block;
cursor: pointer;
}
.h_parts .item img {
max-width: 100%;
height: auto;
}
.h_parts .item p {
text-align: center;
padding-bottom: 5px;
font-size: 14px;
padding-top: 5px;
}
.h_parts .item a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.h_parts {
display: grid;
gap: 10px 20px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.h_parts .item p {
font-size: 3.3vw;
}
}


/*キーワード一覧*/
.keyword {
margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
.keyword {
margin-bottom: 90px;
}
}



/*施工事例　ギャラリー下*/
.c_photos {
margin-top: 30px;
}	
.c_photos ul.option2 {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr;
margin-bottom: 30px;
}
.c_photos figure img {
width: 100%;
height: auto;
}
.c_photos figcaption {
	padding-top: 10px;
	font-weight: 300;
	text-align: left;
}
.c_photos ul li.item {
}
.c_photos ul {
list-style:none
}
@media screen and (max-width: 767px) {
.c_photos {
padding-bottom: 30px;
}
.c_photos ul.option2 {
gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}

}



/*ギャラリー下　グリッドタイプ*/


/*===========================================================*/
/* 機能編 6-2-2 カテゴリ別に画像を並び替える*/
/*===========================================================*/
.below_g {
	margin-bottom: 70px;
}

/*＝＝＝Muuriのレイアウトのための調整 */
.below_g .grid {
position: relative;/*並び替えの基準点を指定*/
}
/*各画像の横幅などの設定*/
.below_g .item {
display: block;
position: absolute;
width: 50%;
z-index: 1;
}
/*内側のボックスの高さが崩れないように維持*/
.below_g .item-content {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
.below_g .item-content a{
text-decoration: none;
}
.below_g .item-content span{
	display: block;
	text-align: left;
	letter-spacing: 0.05em;
	padding: 10px 0 0 0;
}
/*画像の横幅を100%にしてレスポンシブ化*/
.below_g .grid img{
width:100%;
height:auto;
vertical-align: bottom;/*画像の下にできる余白を削除*/
}

@media only screen and (max-width: 767px) {
.below_g {
	margin-bottom: 35px;
}
.below_g .item {
width: 100%;/*横並びで2つ表示*/
}
.below_g .item-content {
padding: 10px;
}
}

/*＝＝＝fancyboxサムネイル背景と画像選択時の枠線の指定*/
.below_g .fancybox-thumbs {
background: transparent!important;
}
.below_g .fancybox-thumbs__list a:before {
border: 6px solid #FA999B;
}
.below_g .fancybox-caption__body{
letter-spacing: 0.1em;  
}


/*===========================================================*/
/*  印象編 4-12 順番に現れる（CSS x jQuery） */
/*===========================================================*/
/*===　印象編 4-1 ふわっ（下から）　==*/
/*.below_g .item{
opacity: 0;
}

.below_g .fadeUp {
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
margin-top:100px;
}
to {
opacity: 1;
margin-top:0;
}
}*/



.c_parts {

}
.c_parts .example-damion {
	color: rgba(255,255,255,0.50)!important;
}

.c_parts .example_address{
	border-left: 3px solid #FFFFFF;
}


.c_house .example_address{
	border-bottom: solid 0px #fff;
}

.c_house .example_address{
	padding-bottom: 0px;
	border-left: 3px solid #DF7700;
	padding-left: 15px;
}
.c_house .example-title{
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 16px;
	line-height: 1.6;
}

/*スペック　場所別*/

.w_parts_subt{
	font-family: 'Damion', cursive;
	font-size: 40px;
	margin-bottom: 24px;
	line-height: 1em;
	color: #EC6C00;
	text-align: center;
}
.w_spec{
	margin-bottom: 80px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.w_spec p{
	text-align: left;
}
.toHome{
	margin-bottom: 80px;
	text-align: center;
}
.toHome a{
	padding-top: 20px;
	padding-bottom: 20px;
	border: 2px solid #EC6C00;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #EC6C00;
	transition: all 0.3s;
	background-color: #FFFFFF;
	cursor: pointer;
}
.toHome a:hover{
	color: #FFFFFF;
	background-color: #EC6C00;
}
@media only screen and (max-width: 767px) {
.w_parts_subt{
	font-size: 40px;
	margin-bottom: 20px;
}
.w_spec{
width: 100%;
	margin-bottom: 40px;
}
.toHome a{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 3.6vw;
	display: block;
}
}


/*いーね　アイコン付きタイトル*/
.iine {
display: flex;
align-items: center;
}
.iine p {
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 15px;
}
.iine i{
	width: 50px;
	margin-left: 10px;
	font-style: normal!important;
}
.iine i img{
width: 100%;
height: auto;
display: block;
}

/*WP ULIKE　カスタマイズ*/
.iine .wpulike-heart .wp_ulike_general_class {
    box-shadow: 0 0 0 0px #bdbdbd inset;
    border-radius: 0em;
    padding:0px
}
.iine .wpulike-heart .wp_ulike_put_image:after {
	width: 30px;
	height: 30px;
}
.iine .wpulike-heart .count-box {
    font-size: 15px;
	padding-top: 0;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 0
}
@media(max-width: 767px){
.iine p {
font-size: 3.5vw;
}
.iine i{
	width: 30px;
	margin-left: 7px;
}
}

/*詳細ページ*/
.b_iine {
width: 980px;
	margin-right: auto;
	margin-left: auto;
display: flex;
justify-content: flex-end;
}
@media(max-width: 767px){
.b_iine {
	width: 70%;
}
}

/*一覧用*/
.b_iine_achv {
_zoom: 1;
overflow: hidden;
display: flex;
justify-content: flex-start;
}
@media(max-width: 767px){
.b_iine_achv {

}
}
/*.seshu {
position: relative;
}
.b_iine {
position: absolute;
left: 300px;
top: -30px;
}
@media only screen and (max-width: 767px) {
.b_iine {
left: auto;
right: 20px;
}
}*/





/*トップ　選ばれる理由*/

.chosen_th{
	width: 100%;
	background-color: #E4F5F9;
	padding-top: 40px;
	padding-bottom: 60px;
	margin-bottom: 40px;
	position: relative;
}
.chosen_th h2.choose{
	text-align: center;
	color: #4BB9D5;
	line-height: 1.3em;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 30px;
}
.chosen_th h2.choose span{
	display: block;
	font-size: 16px;
	color: #000000;
}
.chosen_th p.cho_icon{
	position: absolute;
	left: 50%;
	transform: translateX(160%);
	top: 80px;
}
.chosen_th p.cho_icon img{
	width: 220px;
	height: auto;
	display: block;
}
@media screen and (max-width: 767px) {
.chosen_th{
padding-top: 20px;
padding-bottom: 0px;
}
.chosen_th h2.choose{
	line-height: 1.3em;
	margin-top: 15px;
	margin-bottom: 15px;
font-size: 5.3vw;
}
.chosen_th h2.choose span{
font-size: 3.3vw;
}
.chosen_th p.cho_icon{
	position: absolute;
	left: 50%;
	transform: translateX(20%);
	top: -70px;
}
.chosen_th p.cho_icon img{
	width: 180px;
}
}


.to_reason {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 3%;
	padding-right: 3%;
}	
.to_reason ul.in_desc {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 20px;
list-style: none;
}
.to_reason ul.in_desc figure img {
width: 100%;
height: auto;
}
.to_reason ul.in_desc li.item {
	padding: 20px;
	background-color: #FFFFFF;
	text-align: center;
}
.to_reason ul.in_desc li.item h3 {
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 2em;
}
.to_reason ul.in_desc li.item h3 strong {
	font-size: 24px;
	font-weight: bold;
	display: block;
	color: #4BB9D5;
}
.to_reason ul.in_desc li.item h3 strong i {
	font-size: 20px;
	padding-left: 5px;
}
@media screen and (max-width: 820px) {
.to_reason ul.in_desc li.item {
	padding: 15px;
}
.to_reason ul.in_desc li.item h3 strong {
	font-size: 16px;
}
.to_reason ul.in_desc li.item h3 {
	font-size: 11px;
	line-height: 2em;
}
}
@media screen and (max-width: 767px) {
.to_reason {
padding-bottom: 50px;
}
.to_reason ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
}
.to_reason ul.in_desc li.item h3 {
font-size: 3.6vw;
}
.to_reason ul.in_desc li.item h3 strong {
font-size: 6.2vw;
}
}



/*家づくりの流れ*/
.h_flow {
padding-bottom: 100px;
}	
.h_flow ul.in_desc {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
list-style:none
}
.h_flow ul.in_desc figure img {
width: 100%;
height: auto;
}
.h_flow ul.in_desc li.item.current figure img  {
opacity: 0.3;
}
.h_flow ul.in_desc li.item.current a {
pointer-events: none;
}
@media screen and (max-width: 767px) {
.h_flow {
padding-bottom: 50px;
}
.h_flow ul.in_desc {
gap: 0px 20px;
grid-template-columns: 1fr 1fr;
}
}




/*バーガーナビ*/
.burg_nav {
	background-color: #FFFFFF;
}	
.burg_nav .in_desc {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
}
.burg_nav .in_desc .item {
}
.burg_nav .in_desc .item h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	border-left: 2px solid #EC6C00;
	padding-left: 5px;
	color: #EC6C00;
}
.burg_nav .in_desc .item h2 a {
	color: #EC6C00;
}
.burg_nav .in_desc .item h2.linkto {
	color: #EC6C00;
	margin-bottom: 30px;
}
.burg_nav .in_desc .item h2 a .bi {
	margin-left: 10px;
}
.burg_nav .in_desc .item h2 span {
	font-size: 14px;
	display: block;
}
.burg_nav .in_desc .item h2 em {
	font-size: 14px;
	font-style: normal;
}
.burg_nav .in_desc .item ul {
	list-style: none;
	margin-bottom: 30px;
}
.burg_nav .in_desc .item ul li a {
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	color: #000000;
}
.burg_nav .in_desc .item ul li span {
	font-size: 13px;
}
@media screen and (max-width: 767px) {
.burg_nav {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 15px;
	padding-right: 10px;
	margin-bottom: 30px;
}
.burg_nav .in_desc {
gap: 20px 10px;
}
.burg_nav .in_desc .item h2 {
	font-size: 3.5vw;
	line-height: 1.5em;
}
.burg_nav .in_desc .item h2 a .bi {
font-size: 4.5vw;
}
.burg_nav .in_desc .item h2 span,.burg_nav .in_desc .item h2 em {
font-size: 3.0vw;
}
.burg_nav .in_desc .item li {
font-size: 3.3vw;
}
.burg_nav .in_desc .item ul li span {
font-size: 2.5vw;
}
}




/*バーガーボタン*/
.burg_btn {
padding-bottom: 0px;
width: 100%;
margin-left: auto;
margin-right: auto;
}	
.burg_btn ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
list-style: none;
}
.burg_btn ul.in_desc figure {
border-radius: 50%;
background-color: #FFFFFF;
padding: 10px;
}
.burg_btn ul.in_desc figure img {
width: 100%;
height: auto;
}
.burg_btn ul.in_desc li.item {
text-align: center;
}
.burg_btn ul.in_desc li.item p {
color: #FFFFFF;
}
@media screen and (max-width: 767px) {
.burg_btn {
}
.burg_btn ul.in_desc {
gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}





/*フッターナビ*/
.foot_nav {
	background-color: #FFFFFF;
}	
.foot_nav .in_desc {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.foot_nav .in_desc .item {
}
.foot_nav .in_desc .item h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	border-left: 2px solid #EC6C00;
	padding-left: 5px;
	color: #EC6C00;
}
.foot_nav .in_desc .item h2 a {
	color: #EC6C00;
}
.foot_nav .in_desc .item h2.linkto {
	color: #EC6C00;
	margin-bottom: 30px;
}
.foot_nav .in_desc .item h2 a .bi {
	margin-left: 10px;
}
.foot_nav .in_desc .item h2 span {
	font-size: 14px;
	display: block;
}
.foot_nav .in_desc .item h2 em {
	font-size: 14px;
	font-style: normal;
}
.foot_nav .in_desc .item ul {
	list-style: none;
	margin-bottom: 30px;
}
.foot_nav .in_desc .item ul li a {
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	color: #000000;
}
.foot_nav .in_desc .item ul li span {
	font-size: 13px;
}
@media screen and (max-width: 767px) {
.foot_nav {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 15px;
	padding-right: 10px;
	margin-bottom: 30px;
}
.foot_nav .in_desc {
gap: 20px 10px;
grid-template-columns: 1fr 1fr;
}
.foot_nav .in_desc .item h2 {
	font-size: 3.5vw;
	line-height: 1.5em;
}
.foot_nav .in_desc .item h2 a .bi {
font-size: 4.5vw;
}
.foot_nav .in_desc .item h2 span,.foot_nav .in_desc .item h2 em {
font-size: 3.0vw;
}
.foot_nav .in_desc .item li {
font-size: 3.3vw;
}
.foot_nav .in_desc .item ul li span {
font-size: 2.5vw;
}
}

.madori-img{
	padding-top: 70%;
	background-size: 90%;
	background-position: bottom;
}	




/*padding*/
.s_pt00 { padding-top: 0   !important;}
.s_pt10 { padding-top:10px !important;}
.s_pt20 { padding-top:20px !important;}
.s_pt30 { padding-top:30px !important;}
.s_pt40 { padding-top:40px !important;}
.s_pt50 { padding-top:50px !important;}

.s_pb00 { padding-bottom: 0   !important;}
.s_pb10 { padding-bottom:10px !important;}
.s_pb20 { padding-bottom:20px !important;}
.s_pb30 { padding-bottom:30px !important;}
.s_pb40 { padding-bottom:40px !important;}
.s_pb50 { padding-bottom:50px !important;}
.s_pb100 { padding-bottom:100px !important;}
.s_pb110 { padding-bottom:110px !important;}
.s_pb120 { padding-bottom:120px !important;}
.s_pb130 { padding-bottom:130px !important;}
.s_pb140 { padding-bottom:140px !important;}
.s_pb150 { padding-bottom:150px !important;}

.s_pr00 { padding-right: 0   !important;}
.s_pr10 { padding-right:10px !important;}
.s_pr20 { padding-right:20px !important;}
.s_pr30 { padding-right:30px !important;}
.s_pr40 { padding-right:40px !important;}
.s_pr50 { padding-right:50px !important;}

.s_pl00 { padding-left: 0   !important;}
.s_pl10 { padding-left:10px !important;}
.s_pl20 { padding-left:20px !important;}
.s_pl30 { padding-left:30px !important;}
.s_pl40 { padding-left:40px !important;}
.s_pl50 { padding-left:50px !important;}
.s_pl100 { padding-left:100px !important;}

@media screen and (max-width: 767px) {
.s_pt20 { margin-top:10px !important;}
.s_pt30 { margin-top:15px !important;}
.s_pt40 { margin-top:20px !important;}
.s_pt50 { margin-top:25px !important;}
.s_pt60 { margin-top:30px !important;}
.s_pt70 { margin-top:35px !important;}
.s_pt80 { margin-top:40px !important;}
.s_pt90 { margin-top:45px !important;}
.s_pt100 { margin-top:50px !important;}

.s_pb20 { margin-bottom:10px !important;}
.s_pb30 { margin-bottom:15px !important;}
.s_pb40 { margin-bottom:20px !important;}
.s_pb50 { margin-bottom:25px !important;}
.s_pb60 { margin-bottom:30px !important;}
.s_pb70 { margin-bottom:35px !important;}
.s_pb80 { margin-bottom:60px !important;}
.s_pb90 { margin-bottom:45px !important;}
.s_pb100 { margin-bottom:50px !important;}
.s_pb110 { margin-bottom:55px !important;}
.s_pb120 { margin-bottom:60px !important;}
.s_pb130 { margin-bottom:65px !important;}
.s_pb140 { margin-bottom:70px !important;}
.s_pb150 { margin-bottom:75px !important;}
}

/*margin*/
.s_mt00 { margin-top: 0   !important;}
.s_mt05 { margin-top:5px !important;}
.s_mt10 { margin-top:10px !important;}
.s_mt15 { margin-top:15px !important;}
.s_mt20 { margin-top:20px !important;}
.s_mt30 { margin-top:30px !important;}
.s_mt40 { margin-top:40px !important;}
.s_mt50 { margin-top:50px !important;}
.s_mt60 { margin-top:60px !important;}
.s_mt70 { margin-top:70px !important;}
.s_mt80 { margin-top:80px !important;}
.s_mt90 { margin-top:90px !important;}
.s_mt100 { margin-top:100px !important;}

.s_mb00 { margin-bottom: 0   !important;}
.s_mb05 { margin-bottom:5px !important;}
.s_mb10 { margin-bottom:10px !important;}
.s_mb15 { margin-bottom:15px !important;}
.s_mb20 { margin-bottom:20px !important;}
.s_mb30 { margin-bottom:30px !important;}
.s_mb40 { margin-bottom:40px !important;}
.s_mb50 { margin-bottom:50px !important;}
.s_mb60 { margin-bottom:60px !important;}
.s_mb70 { margin-bottom:70px !important;}
.s_mb80 { margin-bottom:80px !important;}
.s_mb90 { margin-bottom:90px !important;}
.s_mb100 { margin-bottom:100px !important;}
.s_mb110 { margin-bottom:110px !important;}
.s_mb120 { margin-bottom:120px !important;}
.s_mb130 { margin-bottom:130px !important;}
.s_mb140 { margin-bottom:140px !important;}
.s_mb150 { margin-bottom:150px !important;}

.s_mr00 { margin-right: 0   !important;}
.s_mr10 { margin-right:10px !important;}
.s_mr20 { margin-right:20px !important;}
.s_mr30 { margin-right:30px !important;}
.s_mr40 { margin-right:40px !important;}
.s_mr50 { margin-right:50px !important;}

.s_ml00 { margin-left: 0   !important;}
.s_ml10 { margin-left:10px !important;}
.s_ml20 { margin-left:20px !important;}
.s_ml30 { margin-left:30px !important;}
.s_ml40 { margin-left:40px !important;}
.s_ml50 { margin-left:50px !important;}
.s_ml300 { margin-left:300px !important;}

@media screen and (max-width: 767px) {
.s_mt20 { margin-top:10px !important;}
.s_mt30 { margin-top:15px !important;}
.s_mt40 { margin-top:20px !important;}
.s_mt50 { margin-top:25px !important;}
.s_mt60 { margin-top:30px !important;}
.s_mt70 { margin-top:35px !important;}
.s_mt80 { margin-top:40px !important;}
.s_mt90 { margin-top:45px !important;}
.s_mt100 { margin-top:50px !important;}

.s_mb20 { margin-bottom:10px !important;}
.s_mb30 { margin-bottom:15px !important;}
.s_mb40 { margin-bottom:20px !important;}
.s_mb50 { margin-bottom:25px !important;}
.s_mb60 { margin-bottom:30px !important;}
.s_mb70 { margin-bottom:35px !important;}
.s_mb80 { margin-bottom:40px !important;}
.s_mb90 { margin-bottom:45px !important;}
.s_mb100 { margin-bottom:50px !important;}
.s_mb110 { margin-bottom:55px !important;}
.s_mb120 { margin-bottom:60px !important;}
.s_mb130 { margin-bottom:65px !important;}
.s_mb140 { margin-bottom:70px !important;}
.s_mb150 { margin-bottom:75px !important;}
}


/* Width */
.s_w100p   { width: 100% !important;}
.s_w90p   {
width: 90% !important;
margin-left: auto;
margin-right: auto;
}
.s_w80p   {
width: 80% !important;
margin-left: auto;
margin-right: auto;
}
.s_w75p   {
width: 75% !important;
margin-left: auto;
margin-right: auto;
}
.s_w70p   {
width: 70% !important;
margin-left: auto;
margin-right: auto;
}
.s_w60p   {
width: 60% !important;
margin-left: auto;
margin-right: auto;
}
.s_w50p   {
width: 50% !important;
margin-left: auto;
margin-right: auto;
}
.s_w40p   {
width: 40% !important;
margin-left: auto;
margin-right: auto;
}
.s_w30p   {
width: 30% !important;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.s_w90p   { width: 100% !important;}
.s_w80p   { width: 100% !important;}
.s_w70p   { width: 100% !important;}
.s_w60p   { width: 100% !important;}
.s_w50p   { width: 100% !important;}
.s_w40p   { width: 100% !important;}
.s_w30p   { width: 100% !important;}
}

/*耐震/制震*/
.safe_1th p{
	font-size: 16px;
	line-height: 2em;
}

.safe_1th figure{
	font-size: 16px;
	line-height: 2em;
}
@media screen and (max-width: 767px) {
.safe_1th p{
font-size: 3.5vw;
	line-height: 1.8em;
}
}



/*耐震等級*/
.safe_thing1 {
	padding: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 100px;
}
.safe_thing1 ul {
	list-style: none;
	padding: 0px;
	margin-bottom: 10px;
}
.safe_thing1 p.note {
	text-align: right;
}
.safe_thing1 li{
	display: flex;
	align-items: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
	padding-bottom: 0px;
	border-bottom: 1px dashed #CCCCCC;
}
.safe_thing1 li:last-child {
border-bottom: none;
}
.safe_thing1 li .txt{
	width: 15%;
	border-left: 6px solid #FFE0AF;
	margin-bottom: 10px;
}
.safe_thing1 li .txt h3{
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.safe_thing1 li .txt2{
	width: 85%;
}
.safe_thing1 li .txt2 p{
	padding-top: 10px;
	padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
.safe_thing1 {
	margin-top: 20px;
	margin-bottom: 50px;
}
.safe_thing1 p.note {
	text-align: left;
	font-size: 3.3vw;
}


.safe_thing1 li{
	flex-direction:column;
	align-items: center;
	padding-top: 15px;
}
.safe_thing1 li .txt{
width: 100%;
margin-bottom: 0px;
}
.safe_thing1 li .txt h3{
font-size: 3.3vw;
line-height: 1.6em;
	padding-bottom: 5px;
	padding-top: 5px;
}
.safe_thing1 li .txt2{
width: 100%;
}
.safe_thing1 li .txt2 p{
	padding-bottom: 0px;
}
}


/*省エネ創エネ*/

.safe_1th h3.sub{
	font-size: 20px;
	line-height: 2em;
	margin-bottom: 15px;
}
.safe_1th h4.sub{
	font-size: 16px;
	line-height: 2em;
	color: #EC6C00;
	border-left: 5px solid #EC6C00;
	padding-left: 15px;
	margin-bottom: 15px;
}
.safe_1th h4.sub span {
	font-size: 0.8em;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}
.safe_1th .in_txt1{
	position: relative;
	margin-bottom: 30px;
}
.safe_1th .in_txt1 figure.icon{
	width: 74px;
	height: auto;
	position: absolute;
	right: 200px;
	top: 0px;
}
.safe_1th .in_txt1 figure.icon2{
	width: 150px;
	height: auto;
	position: absolute;
	right: 150px;
	top: 0px;
}
.safe_1th .in_txt1 figure.smart{
	width: 450px;
	margin-left: 0px;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
.safe_1th h3.sub{
	font-size: 4.0vw;
	line-height: 1.8em;
}
.safe_1th h4.sub{
font-size: 3.5vw;
line-height: 1.8em;
}
.safe_1th .in_txt1{
	position: static;
}
.safe_1th .in_txt1 figure.icon{
	position: static;
	float: left;
	padding-right: 20px;
}
.safe_1th .in_txt1 figure.icon2{
	position: static;
	float: left;
	padding-right: 20px;
}
.safe_1th .in_txt1 figure.smart{
	width: 100%;
}
}





/* ---------------------------------------------------------------- *
swiper　設定
* ---------------------------------------------------------------- */
.t_mv{
	/*_zoom: 1;
	overflow: hidden;*/
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	padding: 0;
	margin-top: 50px;
	max-width: 1040px;
}

/*フルスクリーン表示　トップ*/
.swiper-container {
	width: 100%;
	height: auto;
	/*height: 100vh;*/
}
@media screen and (max-width: 767px) {
.t_mv{
margin-top: 0px;
margin-bottom: 70px;
max-width: 90%;
}
.swiper-container {
/*height: 350px;*/
/*height: 100vh;*/
}
}

.swiper-slide {
	background-position: center;
	background-size: cover;
	/*background-size: contain;*/
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}
.swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
}

/*pagination　cureent2重丸*/
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 10px !important;
position: relative;
width: 12px;
height: 12px;
background-color: #ED6C00;
opacity: .4;
padding-right: 0px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 0px solid #ED6C00;
border-radius: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
border-width: 1px;
}

/**/
.swiper-wrapper.disabled {
transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
display: none;
}



/*会員登録・ログインボタン*/
.kans {
	display: block;
	height: 220px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	max-width: 280px;
	margin-top: 25px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
.kans span.in_btn {
	display: block;
	margin-bottom: 20px;
}
@media (max-width: 680px) {
.kans {
margin-top: 45px;
display: block;
height: 140px;
}
}




/*商品ラインナップ*/
.ct_lineup figure {
	padding: 0;
	margin: 0;
	display: block;
}
.ct_lineup figure img {
width: 100%;
height: auto;
}




/*トップ*/
.hp_nav {
padding-bottom: 100px;
}
.hp_nav ul.in_opt {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0px;
}
.hp_nav ul.in_opt li.item {
}
@media screen and (max-width: 767px) {
.hp_nav {
padding-bottom: 50px;
}
.hp_nav ul.in_opt {
gap: 20px;
grid-template-columns: 1fr;
}
}

/*詳細ナビゲーション*/
.hp_nav2 {
	padding-bottom: 30px;
	padding-top: 30px;
}
.hp_nav2 ul.in_opt {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.hp_nav2 ul.in_opt li.item {
	border: 1px solid #000000;
	padding: 0;
	background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
.hp_nav2 {
padding-bottom: 25px;
}
.hp_nav2 ul.in_opt {
gap: 5px;
}
}


/* 商品ラインナップ　固定ナビ */
.fixed_lup {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
padding-top: 120px;
max-width: 800px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 767px) {
.fixed_lup {
	padding-top: 70px;
	padding-left: 6%;
	padding-right: 6%;
}
}

/*リード*/
.lup_2th {
	text-align: center;
	margin-bottom: 80px;
}	
.lup_2th h2 {
	color: #FF6D00;
	margin-bottom: 30px;
}
.lup_2th p {
	line-height: 2.2em;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
.lup_2th {
	margin-bottom: 40px;
}	
.lup_2th h2 {
font-size: 4.8vw;
	margin-bottom: 20px;
}
.lup_2th p {
font-size: 3.3vw;
}
}


/*リード*/
.lup_3th {
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 100px;
	padding-bottom: 60px;
}	
.lup_3th h2 {
	text-align: center;
	margin-bottom: 0px;
	font-size: 20px;
	line-height: 2em;
}
.lup_3th h2 figure {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}
.lup_3th p {
	line-height: 2.2em;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
.lup_3th {
	padding-top: 50px;
	padding-bottom: 30px;
}
.lup_3th h2 figure {
	width: 45%;
}
.lup_3th h2 figure img {
	padding-bottom: 5px;
}
}


/*ラインナップ詳細*/
.hp_type1 {
	border: 2px solid #000000;
	border-radius: 11px;
	background-color: #FFFFFF;
	padding: 0;
	margin-bottom: 30px;
}	
.hp_type1 ul.in_opt {
	display: grid;
	gap: 0px;
	margin: 0;
	padding: 0;
	grid-template-columns: 1fr 1fr;
}
.hp_type1 ul.in_opt .item.type1 img {
	border-bottom-left-radius: 10px;
}
.hp_type1 ul.in_opt .item.type2 img {
	border-bottom-right-radius: 10px;
}
@media screen and (max-width: 767px) {
.hp_type1 {
margin-bottom: 15px;
}
.hp_type1 ul.in_opt {
gap: 0px;
grid-template-columns: 1fr;
}
.hp_type1 ul.in_opt .item.type1 img {
	border-bottom-left-radius: 0px;
}
.hp_type1 ul.in_opt .item.type2 img {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
}

/*プラン例全体*/
.lup_3th .forIn {
padding: 30px;
background-color: #FFFFFF;
border-radius: 10px;
border: 1px solid #000000;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.lup_3th .forIn {
padding: 15px;
margin-bottom: 30px;
}
}

/*プラン例*/
.hp_type2 {
}
.hp_type2.plan_1 {
	margin-bottom: 60px;
}
.hp_type2 h3 {
	text-align: center;
	border-radius: 50px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 2em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #333333;
}
.hp_type2 ul.in_opt {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
margin-bottom: 20px;
}
.hp_type2 ul.in_opt li.item {
}
@media screen and (max-width: 767px) {
.hp_type2.plan_1 {
	margin-bottom: 30px;
}
.hp_type2 h3 {
font-size: 3.8vw;
}
.hp_type2 ul.in_opt {
gap: 0px;
grid-template-columns: 1fr;
margin-bottom: 10px;
}
}




/*tab　外観と間取り*/
.tab_lup{
	display: flex;
	flex-wrap: wrap;
}
.tab_lup li{
	width: 50%;
}
.tab_lup li a{
display: block;
background: #ADADAD;
margin: 0px;
color: #FFFFFF;
line-height: 30px;
height: 30px;
font-size: 13px;
}




/*タブ切り替え　複数タブ対応*/
.tab-wrap{
}
.tab-wrap ul {
display: flex;
background: #ADADAD;
color: #FFFFFF;
line-height: 30px;
height: 30px;
font-size: 13px;
}
.tab-btn {
width: 50%;
text-align: center;
list-style: none;
cursor: pointer;
}
.tab-btn.show {
background: #333;
color: #fff;
}
.tab-contents {
display: none;
}
.tab-contents.show {
display: block;
animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
animation-duration: 2s;
animation-fill-mode: forwards;
}
@keyframes displayAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}



/*シミュレーション　カラーパターン*/
.OC_hp{
}
.OC_hp h4{
	font-size: 16px;
	font-weight: normal;
	color: #FF6D00;
	line-height: 2.2em;
	text-align: center;
}
.OC_hp .toggle_box {
display: none;
}
@media screen and (max-width: 767px) {
.OC_hp h4{
font-size: 3.5vw;
}
}

div.simuOC{
display: block;
cursor: pointer;
pointer-events: auto;
background-image: url(../parts/hp_i_arw01.png);
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #FF6D00;
background-color: #FFFFFF;
}
div.simuOC.open2{
background-image: url(../parts/hp_i_arw01b.png);
}
/*スタイルカラー用*/
div.simuOC.style{
	display: block;
	cursor: pointer;
	pointer-events: auto;
	background-image: url(../parts/hp_i_arw02.png);
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 0px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.OC_hp div.simuOC.style h4{
	color: #000000;
}
div.simuOC.style.color1{
	background-color: #E3E5F1;
}
div.simuOC.style.color2{
	background-color: #E9F5E2;
}
div.simuOC.style.color3{
	background-color: #F8F4E2;
}
div.simuOC.open2{
background-image: url(../parts/hp_i_arw02b.png);
}


/*詳細ナビ*/
.hp_nav2b {
	padding-bottom: 20px;
	padding-top: 0px;
}	
.hp_nav2b ul.in_opt {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.hp_nav2b ul.in_opt li.item a {
	border-radius: 50px;
	padding: 0;
	background-color: #FF6D00;
	display: block;
	color: #FFFFFF;
	line-height: 2.5em;
}
.hp_nav2b ul.in_opt li.item a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.hp_nav2b {
padding-bottom: 10px;
}
.hp_nav2b ul.in_opt li.item a {
	border-radius: 5px;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 3vw;
}
.hp_nav2b ul.in_opt {
gap: 5px;
}
}




/*swiper*/
.t_mv2{
_zoom: 1;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
max-width: 900px;
padding-bottom: 100px;
padding-top: 50px;
}
@media screen and (max-width: 767px) {
.t_mv2{
overflow: initial;
padding-bottom: 50px;
padding-top: 30px;
max-width: 90%;
}
}

.t_mv2 .swiper-button-prev,
.t_mv2 .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 13px 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ED6C00;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.t_mv2 .swiper-button-prev {
left: 120px !important;
}
.t_mv2 .swiper-button-next {
right: 120px !important;
}

@media screen and (max-width: 767px) {
.t_mv2 .swiper-button-prev {
left: -20px !important;
}
.t_mv2 .swiper-button-next {
right: -20px !important;
}
}

/*左右画像の透過*/
.t_mv2 .swiper-slide-next{
opacity: 0.5;
}
.t_mv2 .swiper-slide-prev{
opacity: 0.5;
}



/*詳しく見る*/
.hp_glbtn1 {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	position: relative;
}
.hp_glbtn1 a {
	border-radius: 50px;
	border: 1px solid #000000;
	display: block;
	text-align: center;
	line-height: 2.2em;
	color: #000000;
}
.hp_glbtn1 span{
width: 10px;
height: 10px;
border-top: 1px solid #2D2D2D;
border-left: 1px solid #2D2D2D;
transform: rotate(135deg);
position: absolute;
right: 40px;
top: 35%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.hp_glbtn1 a:hover {
opacity: 0.6;
}
@media screen and (max-width: 767px) {

}



/*カラーコーディネイト*/
.lup_4th {
	margin-bottom: 80px;
}
.lup_4th > h3 figure {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.lup_4th > p {
	line-height: 2.2em;
	font-size: 20px;
	color: #FF6D00;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.lup_4th {
	margin-bottom: 40px;
}	
.lup_4th > h3 figure {
	width: 60%;
	margin-bottom: 20px;
}
.lup_4th > p {
font-size: 3vw;
}
}



.hp_type3 {
padding-bottom: 60px;
}
.hp_type3 h3 {
font-size: 18px;
line-height: 3em;
margin-bottom: 30px;
margin-top: 10px;
}
.hp_type3 h3 span {
font-size: 40px;
font-family: 'Damion', cursive;
margin-bottom: 0px;
margin-top: 8px;
font-weight: normal;
display: block;
color: #FF6D00;
}
.hp_type3 p {
font-size: 14px;
line-height: 2.2em;
padding-right: 50px;
}
.hp_type3 ul.in_opt {
display: grid;
gap: 50px;
grid-template-columns: 1fr 1fr;
}
.hp_type3 ul {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
background-image: url(../parts/hp_isa_p01c.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
margin: 0;
padding-bottom: 90px;
}
.hp_type3 ul.casual {
background-image: url(../parts/hp_isa_p02c.jpg);
}
.hp_type3 ul.natural {
background-image: url(../parts/hp_isa_p03c.jpg);
padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
.hp_type3 {
padding-bottom: 30px;
}
.hp_type3 h3 {
font-size: 3.8vw;
line-height: 2.5em;
margin-bottom: 15px;
}
.hp_type3 h3 span {
font-size: 30px;
}
.hp_type3 ul.in_opt {
gap: 20px;
grid-template-columns: 1fr;
}
.hp_type3 ul {
padding: 20px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
background-image: none;
}
.hp_type3 ul.casual {
background-image: none;
}
.hp_type3 ul.natural {
background-image: none;
padding-bottom: 20px;
}
.hp_type3 ul li.item.style figure {
	width: 95%;
	margin-left: 0px;
	margin-right: auto;
}
.hp_type3 ul li.item.style img {
box-shadow: 15px 15px 0px #E3E5F1;
}
.hp_type3 ul.casual li.item.style img {
box-shadow: 15px 15px 0px #E9F5E2;
}
.hp_type3 ul.natural li.item.style img {
box-shadow: 15px 15px 0px #F8F4E2;
}
.hp_type3 p {
font-size: 3vw;
line-height: 1.8em;
margin: 0;
padding: 0;
}
}


/*トップ　施工事例のご紹介*/
.tp_construction {
	margin-bottom: 80px;
	position: relative;
}
.tp_construction .bk-section-title-ja{
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	padding: 0;
	margin: 0;
}
.tp_construction p {
	text-align: center;
	padding-top: 40px;
}
@media screen and (max-width: 820px) {
.tp_construction p br {
	display: none;
}
.tp_construction p {
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
}

@media screen and (max-width: 767px) {
.tp_construction {
	margin-bottom: 0px;
}
}


.top_family_7{position: relative; }

.top_family_7::before {
position: absolute;
content: "";
width: 150px;
height: 220px;
display: block;
background-image: url(../images/materials/home_parts/top_family_7.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -30px;
left: 0px;
z-index: 4;
}

.top_family_8{position: relative; }

.top_family_8::after {
position: absolute;
content: "";
width: 200px;
height: 180px;
display: block;
background-image: url(../images/materials/home_parts/top_family_8.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -50px;
right: 0px;
}


/*厳選プラン集　会員登録*/
.signup_plan {
	margin-bottom: 70px;
	margin-top: 50px;
}
.signup_plan .in_item {
position: relative;
}
.signup_plan img {
width: 100%;
height: auto;
display: block;
}
.signup_plan .btns {
display: grid;
gap: 10px;
grid-template-columns: 1fr;
width: 26%;
margin-left: 30%;
position: absolute;
bottom: 4.5%;
padding-left: 2%;
padding-right: 2%;
}
@media screen and (max-width: 767px) {
.signup_plan {
	margin-top: 30px;
margin-bottom: 40px;
}
.signup_plan .in_item {
position: static;
}
.signup_plan .btns {
gap: 10px;
grid-template-columns: 1fr 1fr;
width: 94%;
margin-left: auto;
  margin-right: auto;
position: static;
bottom: 0px;
padding-left: 2%;
padding-right: 2%;
}
}


/*施工事例　会員登録*/
.signup_works {
	margin-bottom: 70px;
	margin-top: 50px;
}
.signup_works .in_item {
position: relative;
}
.signup_works img {
width: 100%;
height: auto;
display: block;
}
.signup_works .btns {
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr;
width: 52%;
margin-left: 5%;
position: absolute;
bottom: 22.5%;
padding-left: 2%;
padding-right: 2%;
}
@media screen and (max-width: 767px) {
.signup_works {
	margin-top: 30px;
margin-bottom: 40px;
}
.signup_works .in_item {
position: static;
}
.signup_works .btns {
gap: 10px;
grid-template-columns: 1fr 1fr;
width: 94%;
margin-left: auto;
  margin-right: auto;
position: static;
bottom: 0px;
padding-left: 2%;
padding-right: 2%;
}
}


/*BELS*/
/*オプション1*/
.bels_opt1 {
padding-top: 30px;
padding-bottom: 30px;
}
.bels_opt1 ul.in_desc {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr;
}
.bels_opt1 ul.in_desc figure img {
width: 100%;
height: auto;
}
.bels_opt1 ul.in_desc li.item.area2 {
	padding-left: 30px;
	padding-right: 20px;
}
@media screen and (max-width: 767px) {
.bels_opt1 {
padding-top: 15px;
padding-bottom: 0px;
}
.bels_opt1 ul.in_desc {
grid-template-columns: 1fr;
}
.bels_opt1 ul.in_desc li.item.area2 {
	padding-left: 0px;
	padding-right: 0px;
}
}



/*オプション2*/
.bels_opt2 {
padding-top: 0px;
padding-bottom: 60px;
}
h2.bels_g1 {
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #35A12C;
	border-top: 1px solid #35A12C;
	border-bottom: 1px solid #35A12C;
	text-align: center;
}
.bels_opt2 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.bels_opt2 ul.in_desc figure img {
width: 100%;
height: auto;
}
.bels_opt2 ul.in_desc li.item {
}
.bels_opt2 ul.in_desc li.item h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.bels_opt2 ul.in_desc li.item h4 span {
	font-size: 30px;
	display: block;
	color: #35A12C;
	margin-bottom: 10px;
}
.bels_opt2 ul.in_desc li.item h4 span strong {
	font-size: 50px;
}
.bels_opt2 ul.in_desc li.item p {
	line-height: 2em;
}
@media screen and (max-width: 767px) {
.bels_opt2 {
padding-bottom: 30px;
}
h2.bels_g1 {
font-size: 4.4vw;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 15px;
	text-align: left;
}
.bels_opt2 ul.in_desc {
gap: 20px;
grid-template-columns: 1fr;
}
.bels_opt2 ul.in_desc li.item h4 {
font-size: 5vw;
}
.bels_opt2 ul.in_desc li.item p {
font-size: 3.5vw;
}
}

/*オプション3*/
.bels_opt3 {
padding-top: 0px;
padding-bottom: 60px;
}
h3.bels_g2 {
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 20px;
	color: #35A12C;
}
.bels_opt3 figure.eco_l01 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.bels_opt3 figure img {
width: 100%;
height: auto;
}
.bels_opt3 .in_hyoka {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
}
.bels_opt3 ul.in_desc {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.bels_opt3 ul.in_desc li.item {
}
.bels_opt3 ul.in_desc li.item h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.bels_opt3 ul.in_desc li.item h4 span {
	font-size: 25px;
	color: #FFA304;
	font-weight: bold;
}
.bels_opt3 ul.in_desc li.item p {
	line-height: 2em;
}
.bels_opt3 p.z_lead {
	font-size: 16px;
		line-height: 2em;
}
@media screen and (max-width: 767px) {
.bels_opt3 {
padding-bottom: 30px;
}
h3.bels_g2 {
font-size: 4.0vw;
	padding-bottom: 15px;
}
.bels_opt3 figure.eco_l01 {
	width: 100%;
}
.bels_opt3 .in_hyoka {
gap: 0px;
grid-template-columns: 1fr;
}
.bels_opt3 ul.in_desc {
gap: 10px;
grid-template-columns: 1fr;
}
.bels_opt3 ul.in_desc li.item h4 {
font-size: 5vw;
}
.bels_opt3 ul.in_desc li.item p {
font-size: 3.5vw;
}
.bels_opt3 p.z_lead {
font-size: 3.8vw;
}
}


/*トップページ　No1メダル*/
.s_medal{
	position: absolute;
	right: 75px;
	top: 120px;
}
.s_medal img{
	width: 380px;
	height: auto;
	display: block;
}
@media (max-width: 820px) {
.s_medal{ 
top: 10px;
}
}

@media (max-width: 767px) {
.s_medal{
	right: 0px;
}
.s_medal img{
	width: 240px;
}
}


/*ロゴ変更*/
.s_logo{
margin-left: 8px;
width: 200px;
}
.s_logo img{
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.s_logo{
width: 48%;
}
}


/*新着情報　NEW*/
.house-gar-item p.update{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 0px;
	background-color: #FF0000;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -20px;
	display: inline-block;
	z-index: 2;
}

@media (max-width: 767px) {
.house-gar-item p.update{
font-size: 12px;
width: 50px;
height: 50px;
line-height: 50px;
	left: 0px;
	top: -20px;
}
}




/*オーナーページ　お問い合わせ*/
.owner_opt1 {
padding-top: 20px;
padding-bottom: 80px;
background-color: #FFFFFF;
}
.owner_opt1 p.note {
font-size: 11px;
}
.owner_opt1 p.phone,.owner_opt1 p.phone a {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #FF6D00;
	line-height: 1em;
}
.owner_opt1 p.phone a:hover {
	text-decoration: underline;
}

.owner_opt1 ul.in_desc {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin-bottom: 60px;
}
.owner_opt1 figure {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.owner_opt1 figure img {
width: 100%;
height: auto;
display: block;
}
.owner_opt1 ul.in_desc li.item {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid #CCCCCC;
	position: relative;
	place-content: center;
}
.owner_opt1 ul.in_desc li.item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
	text-align: center;
}
.owner_opt1 ul.in_desc li.item.area1 .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.owner_opt1 ul.in_desc li.item.area1:hover{
background-color: rgba(204,204,204,0.10);
z-index: 0;
}
@media screen and (max-width: 767px) {
.owner_opt1 {
padding-top: 10px;
padding-bottom: 40px;
}
.owner_opt1 ul.in_desc {
gap: 15px;
grid-template-columns: 1fr;
margin-bottom: 30px;
}
.owner_opt1 ul.in_desc li.item h3 {
font-size: 4.8vw;
margin-bottom: 10px;
}
.owner_opt1 p.phone,.owner_opt1 p.phone a {
font-size: 6.8vw;
}
.owner_opt1 ul.in_desc li.item p.note {
font-size: 3vw;
}
}




/* ---------------------------------------------------------------- *
お問い合わせフォームの設定
* ---------------------------------------------------------------- */

#formbtn{
text-align: center;
margin: 0px;
padding-top: 10px;
}
#formbtn table{
text-align: center;
margin: 0px;
padding: 0px;
}
.w100 {
width: 100px;
margin: 0px;
padding: 0px;
}
.w200 {
width: 200px;
margin: 0px;
padding: 0px;
}
.w480 {
width: 460px;
margin: 0px;
padding: 0px;
}
span.red {
color: #F00 !important;
}



/*プラグインContact Form 7のエラーメッセージ*/
.wpcf7-not-valid-tip {
position: static !important;
left: 0px !important;
top: -8px !important;
color: #F00 !important;
font-size: 14px !important;
margin: 0px !important;
border-top-style: none !important;
border-right-style: none !important;
border-bottom-style: none !important;
border-left-style: none !important;
z-index: 1000 !important;
padding: 10px !important;
background-color: #FFF;
/*width: 180px !important;*/
text-align: left !important;
display: block;
}
.wpcf7-validation-errors {
width: 100% !important;
padding: 2% !important;
margin-left: 0px !important;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* テキストフォームの設定 */
.wpcf7-text,.wpcf7-number{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
border: 1px solid #AAAAAA;
background-color: #FFFFFF;
margin: 0;
border-radius: 5px;
font-size: 16px !important;
}
.length-s{
width: 120px;
}
.length-ws{
	width: 145px;
   }
.length-sm{
width: 200px;
}
.length-m2{
width: 250px;
}
.length-m{
width: 300px;
}
.length-l{
width: 100%;
}
/* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus{
background-color: #FFF;
}

/* テキストエリアの設定 */
.wpcf7-textarea{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
border: 1px solid #AAAAAA;
background-color: #FFFFFF;
margin: 0;
border-radius: 5px;
width: 100%;
font-size: 16px !important;
}

/* テキストエリアのフォーカス時の設定 */
.wpcf7-textarea:focus{
background-color: #FFF;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
overflow:hidden;
}

/*ラジオボタン・チェックボックスの改行*/
/*.list_length span.wpcf7-list-item { display: block; }*/
.c_item span.wpcf7-list-item {
display: block;
}

@media screen and (max-width: 767px) {
.wpcf7-text{
width: 100%;
}
.length-s{
width: 50%;
}
.length-ws{
width: 46%;
}
.length-m{
width: 100%;
}
.length-m2{
width: 49%;
}
.length-l{
width: 100%;
}
.wpcf7-text .wpcf7-form-control {
padding: 0px;
width: 100% ;
height: auto;
}

.wpcf7-textarea{
width: 100% ;
}
}



/* フォームデザイン */
.contact_F {

}

.contact_F input:hover,
textarea:hover {
background: #ededed;
}

.contact_F input.submit{
	clear: both;
	border: none;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #ED6C00;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px;
}
.contact_F input.submit:hover {
	cursor: pointer;
	background-color: #ED6C00;
}

/*iPhone用*/
.contact_F input[type="submit"] {
-webkit-appearance: none;
}
.contact_F input[type="reset"] {
-webkit-appearance: none;
}
.contact_F input[type="button"] {
-webkit-appearance: none;
}

.contact_F textarea {
height: 250px;
}
@media screen and (max-width: 767px) {
.contact_F textarea {
width: 100%;
height: 200px;
border: 1px #DDDDDD solid;
margin: 0px;
padding: 10px;
background: #FFFFFF;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
transition: background 1s ease;
}
.contact_F input.submit {
font-size: 18px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.contact_F input,
textarea,
select {
}
}




/*ファイルボタンカスタマイズ*/
/*input[type="file"] {
display: none;
}*/
.contact_F input[type="file"] {
/*font-size: 14px;*/
}
.contact_F label.file-button {
padding: 10px 40px;
/*color: #ffffff;*/
background-color: #E1E1E1;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 7px;
display: block;
text-align: center;
}
.contact_F label.file-button span {
}
@media screen and (max-width: 767px) {
.contact_F label.file-button {
width: 100%;
}
}



.contact_F span.wpcf7-list-item {
display: block;
}
.contact_F label {
position: relative;
padding-left: 10px;
padding-top: 3px;
}



/*  CHECKBOX */
.contact_F label span {
margin-left: 20px;
margin-right: 20px;
/*display: inline-block;*/
}
.contact_F label input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.contact_F label input[type="checkbox"] + span::before, label input[type="checkbox"] + span::after {
position: absolute;
top: 3px;/*調整用*/
/*top: 0;*/
left: 0;
display: inline-block;
content: '';
box-sizing: border-box;
}
.contact_F label input[type="checkbox"] + span::before {
z-index: 0;
background-color: #FFFFFF;
width: 22px;
height: 22px;
border: 2px #ED6C00 solid;
border-radius: 0px;
/*position: absolute;*/
}
.contact_F label input[type="checkbox"] + span::after {
z-index: 1;
margin: 5px 8px;
width: 6px;
height: 9px;
/*position: absolute;*/
}
.contact_F label input[type="checkbox"]:checked + span::before {
background-color: #ED6C00;
}
.contact_F label input[type="checkbox"]:checked + span::after {
border: 2px solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
}

/*@media screen and (max-width: 767px) {
span.wpcf7-list-item {
margin-left: 10px;
margin-top: 5px;
}
}*/

.contact_F span.wpcf7-list-item {
margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
.contact_F span.wpcf7-list-item {
/*margin-left: 10px;
margin-top: 5px;*/
}
}





/* RADIO BUTTON */
.contact_F label input[type="radio"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.contact_F label input[type="radio"] + span::before {
position: absolute;
display: inline-block;
content: '';
box-sizing: border-box;
border-radius: 20px;
}
.contact_F label input[type="radio"] + span::before {
z-index: 0;
top: 3px;/*調整用*/
/*top: 0;*/
left: 0;
background-color: #FFFFFF;
width: 20px;
height: 20px;
border: 2px #ED6C00 solid;
}
.contact_F label input[type="radio"]:checked + span::before {
border-width: 7px;
}


/*フォームスタイル　プルダウンメニュー*/
.contact_F .inverse{
background: #000;
padding: 20px 0;
color: #fff;
}
.contact_F .select-wrap {
position: relative;
}
.contact_F .select-wrap:before {
z-index: 1;
position: absolute;
right: 15px;
top: 0;
content: '\f107';
font-family: 'Font Awesome 5 Free';
line-height: 43px;
color: #000000;
pointer-events: none;
/*font-size: 20px;*/
}
.contact_F select{
outline: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
/*appearance: none;
-webkit-appearance: none;
-moz-appearance: none;*/
height: 40px;
padding: 8px 12px;
border: 1px solid #9E9E9E;
width: 100%;
border-radius: 0px;/*color: #888;*/
}
.contact_F select option{
background-color: #fff;
color: #CCC;
}
.contact_F select::-ms-expand {
display: none;
}
.contact_F select:-moz-focusring { 
color: transparent; 
/*text-shadow: 0 0 0 #828c9a;*/
}
.contact_F .select-wrap.select-primary:before{
color:#fff;
}
.contact_F .select-wrap.select-primary > select{
background:#0084B4;
color:#fff;
border-color:#0084B4;
}
.contact_F .select-wrap.select-primary > select:-moz-focusring { 
color: transparent; 
/*text-shadow: 0 0 0 #fff;*/
}

.contact_F .select-wrap.select-inverse:before{
color:#fff;
}
.contact_F .select-wrap.select-inverse > select{
color:#fff;
border-color: #fff;
}

.contact_F .select-wrap.select-inverse > select:-moz-focusring { 
color: transparent; 
/*text-shadow: 0 0 0 #fff;*/
}



/*placeholder文字色変更*/
.contact_F input[type="text"]::placeholder {
color: #CCCCCC;
}
.contact_F input[type="textarea"]::placeholder {
color: #CCCCCC;
}
/* Chrome, Safari */
.contact_F input::-webkit-input-placeholder{
color: #CCCCCC;
}
/* Firefox */
.contact_F input::-moz-placeholder{
color: #CCCCCC;
}
/* Firefox 18以前 */
.contact_F input:-moz-placeholder{
color: #CCCCCC;
}
/* Microsoft Edge */
.contact_F input[type="text"]::-ms-input-placeholder {
color: #CCCCCC;
}

.contact_F ::-webkit-input-placeholder { color: #CCCCCC; }
.contact_F :-ms-input-placeholder { color: #CCCCCC !important; }
.contact_F ::-moz-placeholder { color: #CCCCCC; opacity: 1; }
.contact_F ::placeholder {
color: #CCCCCC;
opacity: 1;
}
.contact_F :focus::-webkit-input-placeholder { color: transparent; }
.contact_F :focus:-ms-input-placeholder { color: transparent; }
.contact_F :focus::-moz-placeholder { color: transparent; }
.contact_F :focus::placeholder {
color: transparent;
}




/* セクションc_contact */
.c_contact{
	margin-top: 40px;
}
.c_contact .desc{
	margin-bottom: 30px;
}
/* bootstrap CSSの打ち消し */
.c_contact p {
  margin-bottom: 0rem;
}
@media screen and (max-width: 767px) {
.c_contact{
	margin-top: 20px;
}
}


/* お問い合わせフォーム */
.contact_F{
width: 100%;
border-radius: 0px;
padding: 0px;
box-sizing: border-box;
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.contact_F{
padding: 0px;
margin-bottom: 0px;
}
}

.contact_F ul.in_form {
display: grid;
gap: 0px;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
.contact_F ul.in_form label {
font-weight: normal;
cursor: pointer;
}
.contact_F ul.in_form li.item {
display: flex;
/*align-items: center;
justify-content: center;*/
gap: 50px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 0px solid #CCCCCC;
z-index: 0;
}
.contact_F ul.in_form li.item:last-child {
border-bottom: 0px solid #CCCCCC;
}
.contact_F ul.in_form li.item h3 {
flex-basis: 23%;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
position: relative;
}
.contact_F ul.in_form li.item h3 span{
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
color: #FFFFFF;
border-radius: 20px;
font-size: 10px;
position: absolute;
right: 0px;
margin: 0;
height: 20px;
line-height: 2em;
top: 5px;
}
.contact_F ul.in_form li.item h3 span.required{
background-color: #ED6C00;
}
.contact_F ul.in_form li.item .in_desc {
flex-basis: 77%;
}
.contact_F ul.in_form li.item p a:link {
text-decoration: underline;
}
.contact_F ul.in_form li.item.accept .in_desc {
flex-basis: 100%;
text-align: center;
}
@media(max-width: 767px){
.contact_F ul.in_form {
gap: 0px;
}
.contact_F ul.in_form li.item {
flex-direction: column;
display: block;
padding-top: 10px;
padding-bottom: 10px;
}
.contact_F ul.in_form li.item h3 {
flex-basis: 100%;
font-size: 3.3vw;
}
.contact_F ul.in_form li.item .in_desc {
flex-basis: 100%;
}
}


/*イベント　singleページ*/
.sgl_event {
	margin-top: 150px;
}
@media screen and (max-width: 767px) {
.sgl_event {
	margin-top: 20px;
}
}





/*ブロックエディタ　追加CSS*/
.B_editor {
	margin-bottom: 60px;
}
.B_editor h1 {
font-size: 35px;
padding-bottom: 0.5em;
line-height: 1.6em;
}
.B_editor h2 {
font-size: 30px;
padding-bottom: 0.5em;
}
.B_editor h3 {
font-size: 20px;
padding-bottom: 0.5em;
}
.B_editor h4 {
font-size: 16px;
padding-bottom: 0.5em;
}
.B_editor p {
margin: 0 0 2.5em;
font-size: 15px!important;
line-height: 2.4em;
}

.B_editor .has-x-large-font-size {
font-size: 35px!important;
line-height: 1.6em;
}
.B_editor .has-large-font-size {
font-size: 30px!important;
line-height: 1.6em;
}
.B_editor .has-medium-font-size {
font-size: 20px!important;
line-height: 1.6em;
}
.B_editor .has-small-font-size {
font-size: 12px!important;
line-height: 1.6em;
}

.B_editor .wp-block-image {
margin:0 0 2em;
}
.B_editor .wp-block-audio {
margin:0 0 2em;
}
.B_editor .wp-block-embed {
margin:0 0 2em;
}
.B_editor .wp-block-table {
margin:0 0 2em;
}
.B_editor .wp-block-video {
margin:0 0 2em;
}
.B_editor .wp-block-media-text {
margin:0 0 2em;
}
.B_editor .wp-block-gallery {
margin:0 0 2em;
}
.B_editor ul {
list-style: none;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 2em;
padding-left: 25px;
}
.B_editor ul li {
font-size: 15px;
list-style-type: none;
position: relative;
padding-bottom: 10px;
}
.B_editor ul li::after {
display: block;
content: '';
position: absolute;
top: 0.8em;
left: -1.5em;
width: 10px;
height: 10px;
background-color: #000000;
border-radius: 100%;
}
.B_editor ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.wp-block-button__link {
color: #fff!important;
}
.wp-block-file__button {
color: #fff!important;
}

/*ギャラリーの画像間隔調整*/
.B_editor .wp-block-gallery.has-nested-images figure.wp-block-image {

}
.B_editor .wp-block-gallery.has-nested-images {
/*gap: 10px;*/
}



@media screen and (max-width: 767px) {
.B_editor ul li {
font-size: 3.5vw;
}
.B_editor ul li::after {
top: 0.7em;
}
.has-x-large-font-size {
font-size: 6.8vw !important;
padding-bottom: 0.5em;
}
.has-large-font-size {
font-size: 5.3vw!important;
padding-bottom: 0.5em;
}
.B_editor h1 {
font-size: 6.0vw;
padding-bottom: 0.5em;
}
.B_editor h2 {
font-size: 5.3vw;
padding-bottom: 0.5em;
}
.B_editor h3 {
font-size: 4.4vw;
padding-bottom: 0.5em;
}
.B_editor h4 {
font-size: 3.5vw;
padding-bottom: 0.5em;
}
.B_editor p {
font-size: 3.3vw!important;
line-height: 2.0em;
}
.B_editor .has-x-large-font-size {
font-size: 6.0vw!important;
}
.B_editor .has-large-font-size {
font-size: 5.3vw!important;
}
.B_editor .has-medium-font-size {
font-size: 4.4vw!important;
}
.B_editor .has-small-font-size {
font-size: 3vw!important;
}
}

/*ブロックエディタ　ユーチューブ*/
.B_editor .wp-block-embed-youtube iframe  {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
}


/*ブロックエディタ　リンク*/
.B_editor a:link {
color: #0058DC;
text-decoration: underline;
}
.B_editor a:visited {
color: #0058DC;
text-decoration: none;
}
.B_editor a:hover, a:active {
color: #003A92;
}




/*間取り　single*/
figure.M_dori {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
figure.M_dori img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
figure.M_dori {
	margin-top: 20px;
	margin-bottom: 20px;
}

}


/*お問合せ・相談受付 TEL追加*/
span.sodan_mh {
	padding-left: 11em;
	text-indent: -11em;
}

/*北店　注意事項*/
p.N_note {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	background-color: #ED6C00;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
p.N_note {
	font-size: 16px;
	text-align: left;
	padding: 15px;
}
}