@charset "utf-8";

/* お問い合わせの流れ */
 .flow {
	 padding-bottom: 20px;
}

.flow nav ul {
list-style: none;
margin: 0px;
padding: 0px;
text-align: center;
font-weight: bold;
}

nav ul .inq_box.active {
	background-color:#FFF5DB;
	border: #FFD975 1px solid;
}

nav ul .arrow {
	font-size:150%;
}

nav ul .inq_box {
	border: #E0E0E0 1px solid;
	background-color:#FBFCFD;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* お問い合わせの文字調整 */ 
.font-ss {
	font-size: 90%;
	padding-top:12px;
	}
	
.f-ssp {
	font-size: 90%;
	padding-top:12px;
	}
	
/* お問い合わせの文字注意事項 */ 
	.font-sss {
	font-size: 70%;
	padding-bottom: 12px;
	}
	

/* お問い合わせの注意文字色 */ 
.font-c-red {
	color: #D73137;
	font-size: 90%;
	}
	
	
/* お問い合わせの注意文字色 本文 */ 
.font-c-red02 {
	color: #D73137;
	font-size: 90%;
	padding-left:8px;
	}
	
/* お問い合わせの注意ボタン */ 
.font-c-redbtn {
	position: relative;
    /* display: inline-block; */ 
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    padding-right : 6px;
    text-decoration: none;
    color: #FFF;
	font-size: 95%;
    font-weight: bolder; 
    background: #D73137;/*色*/
    border: solid 1px #E50026;/*線色*/
    border-radius: 5px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	
	margin-left: 10px;
	}
	

/* お問い合わせフォームレイアウト */ 
.control-group {
	
	}
		
	
/* お問い合わせフォーム色 */ 
.form-control {
	background-color: #F4F4F4;
	}
	
/* placeholder属性の色 */
::-webkit-input-placeholder {
  color: #DFDFDF;
}
::-moz-placeholder {
  color: #DFDFDF; opacity: 1;
}
:-ms-input-placeholder {
  color: #DFDFDF;
}

/* お問い合わせボタン*/ 
    /* PCのみ適用 */
@media only screen and (min-width: 768px) {
.btn-primary02{
	color:#fff;
	background-color: #D3A13D;
	width: 60%;
	height: 55px;
	 -webkit-tap-highlight-color: rgba(53,53,38,0.30); 
	 font-size: 100%;
	 font-weight:bolder;
	}
    }

/* スマホのみ適用 */
@media only screen and (max-width: 1024px) {
.btn-primary02{
	color:#fff;
	background-color: #D3A13D;
	width: 100%;
	height: 55px;
	 -webkit-tap-highlight-color: rgba(53,53,38,0.30); 
	 font-size: 100%;
	 font-weight:bolder;
	}
}

.btn-primary02:hover{
	color:#fff;
	background-color:#BB8C2B;
	}
    
	
/* お問い合わせ戻る*/ 
.btn-primary03{
	color:#000000;
	background-color:#EAECEF;
	border-color:#8D9096;
	width: 100%;
	height: 55px;
	 -webkit-tap-highlight-color: rgba(53,53,38,0.30); 
	 font-size: 100%;
	 font-weight:bolder;
	}
.btn-primary03:hover{
	color:#000000;
	background-color:#D9DCE2;
	border-color:#8D9096;
	}
	
/* フォーム用のお問い合わせボタンの隙間 */ 
	.inqspase00 {
	padding-bottom: 10px;
	}
	
/* フォーム用のお問い合わせの確認色 */ 
	.g-fonts {
	color: #646464;
	word-wrap: break-word;
    overflow-wrap: break-word;
	}
	
/* フォーム用のお問い合わせのエラー表記々 */ 
	.required {
	color: #FF0000;
	}
	
/* フォーム用のお問い合わせの送信確認色 */ 
	.required02 {
	color:#C1922D;
	}


/* 「もっと見る」ボタン */ 
.news-see-more{
	margin-bottom: 0px;
}

.sm-text{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	color:#C1922D;
	
	box-shadow:0 0 5px #fff, 0 0 5px #EEEEEE, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #EEEEEE, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #EEEEEE, 0 0 1px #aaa;
}

#js-btn-wrap {
height: 38px; 
}

.portfolio-item-btn {
	position: relative;
}
.portfolio-item-btn a {
　display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* クーポン文字色 */ 
.font-c-coupon {
	color: #BB8C2B;
	font-size: 100%;
	}
    
    
  /* 2023年5月18日～文字の後ろに線 */ 
.head-border {
    display: flex;
    align-items: center;
    font-size: 80%;
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #9E9E9E;
}
 
.head-border:before {
    margin-right: 1rem;
}
 
.head-border:after {
    margin-left: 1rem;
}