@charset "UTF-8";

/***********************************
* 全ページ共通 *
***********************************/
.tel-link a{
	color:#646160;
}
.tel-link a:hover{
	text-decoration:none;
}

/* 色 --------------------*/
.c_red00{ color:#ff0000; }

.c_green01{ color:#30a300;}

/* フォント --------------------*/
body{
	font-family: "Noto Sans Japanese", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#646160;
}
/* 英語フォント*/
.en{
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
}

/* 明朝体フォント*/
.serif{
	font-family: 'Noto Serif JP', serif;
}

/* border --------------------*/
.bd{
    width: 96%;
    height: 100%;
    position:fixed;
    left: 2%;
    z-index: 700;
    margin: 0 auto;
    pointer-events: none;
		border-left:solid #344162 2px;
		border-right:solid #344162 2px;
}

/*ヘッダー*/
.bd-header{
	border:solid #344162 2px;
	border-bottom: none;
	width: 96%;
	height: 100%;
	margin: 0 auto;
}

/*フッター*/
.bd-footer{
	border:solid #344162 2px;
	border-top: none;
	width: 96%;
	height: 100%;
	margin: 0 auto;
}

/* header --------------------*/
#header{
	position: fixed;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	padding-top: 2%;
	line-height: 1;
	z-index: 1000;
}
/* h1 */
#header h1{
	padding:0px;
	margin:0px;
	text-align:center;
}
#header h1 img{
	width:210px;
}
	@media (min-width: 768px) {
		#header h1{
			text-align:left;
			padding-top: 0.7rem;
		}
		#header h1 img{
			width:100%;
			max-width:265px;
		}
	}

/* gnavi */
#header #gnavi ul{
	text-align:center;
	padding:0;
	padding-bottom: 2%;
	margin:0px;
}
#header #gnavi ul li{
	display:inline;
	background-image: url(../img/bg_gnavi.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-bottom: 0.4rem;
	line-height: 1.0;
}
#header #gnavi ul li.bgnone{
	background: none;
}
#header #gnavi ul li a{
	display:inline-block;
	color: #221815;
	padding:0.5rem 0.4rem;
	font-size:0.6rem;
}
#header #gnavi ul li a:hover{
	text-decoration:none;
	color:#221815;
}
#header #gnavi ul li a.a_contact{
	background-color: #b99037;
	color:#fff;
	padding:0.5rem 0.7rem;
}
	@media (min-width: 768px) {
		#header #gnavi ul{
			text-align:right;
			padding-top:1.8rem;
		}
		#header #gnavi ul li a{
			font-size:0.7rem;
		}
	}
	@media (min-width: 992px) {
		#header #gnavi{
			margin-left: -2rem;
		}
		#header #gnavi ul li.gnavi_contact{
			padding-left: 0.5rem;
		}
		#header #gnavi ul li a{
			padding:0.5rem 1.2rem;
			font-size:0.75rem;
		}
		#header #gnavi ul li a.a_contact{
			padding:0.5rem 1.2rem;
		}
	}

/* contents --------------------*/
#contents{
	padding-top:120px;
}
@media (min-width: 768px) {
	#contents{
		padding-top:85px;
	}
}
@media (min-width: 992px){
	#contents{
		padding-top:105px;
	}
}

/* footer --------------------*/
#footer{
	position: relative;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 2%;
	z-index: 900;
}
.footer-copy{
	text-align:center;
	color:#b99037;
	margin: 0;
	padding:40px 0px;
	font-size: 0.7rem;
}

/* pagetop --------------------*/
#pagetop {
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:none;
	position: fixed;
	z-index: 950;
	background: rgba(52, 65, 98, 0.8);
	color: #fff;
	font-size: 0.6rem;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	bottom: 15px;
	right:15px;
	width: 65px;
	height: 65px;
	line-height: 65px;
	border-radius: 65px;
}
#pagetop i{ padding-right:3px;}
#pagetop:hover{
	 background: rgba(153, 153, 153, 1);
}

	@media (min-width: 768px) {
		#pagetop {
			bottom: 40px;
			right: 40px;
			width: 100px;
			height: 100px;
			line-height: 100px;
			border-radius: 100px;
		}
	}
	@media (min-width: 1100px) {
		#pagetop {
			bottom: 50px;
			right: 50px;
		}
	}

/***********************************
* 中ページ共通	*
***********************************/
/* sec：pとa */
.sec p,
.sec dl dt,
.sec dl dd,
.sec ul li{
	font-size: 0.7rem;
	line-height: 1.7;
}

.sec a{
	color:#646160;
	text-decoration: underline;
}
.sec a:hover{
	color:#393433;
}

	@media (min-width: 992px) {
		.sec p,
		.sec dl dt,
		.sec dl dd,
		.sec ul li{
			font-size: 0.88rem;
		}
	}


/***********************************
* 全ページ共通お問い合わせ		*
***********************************/
.contact-block{
	margin-bottom: 1rem;
}
.contact-block h2{
	font-family: 'Noto Serif JP', serif;
	color:#221815;
	display: inline-block;
	text-align: center;
	border-bottom: solid #c2cedf 1px;
	font-size: 1.1rem;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
}
	@media (min-width: 992px){
		.contact-block{
			margin-bottom: 2rem;
		}
		.contact-block h2{
			font-size: 1.3rem;
			padding-bottom: 0.7rem;
			margin-bottom: 1.8rem;
		}
	}

	.contact-block h2{
		font-family: 'Noto Serif JP', serif;
		color:#221815;
		display: inline-block;
		text-align: center;
		border-bottom: solid #c2cedf 1px;
		font-size: 1.1rem;
		padding-bottom: 0.5rem;
		margin-bottom: 1.5rem;
	}

/* リード --------------------*/
p.contact-lead{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px){
	p.contact-lead{
		width: 100%;
	}
}

/* 電話番号部分 --------------------*/
p.contact-tel{
	color:#221815;
	background-image: url(../img/top_contact-phone.png);
	background-repeat: no-repeat;
	background-position: left bottom 2px;
	background-size: 25px;
	line-height: 1.0;
	padding-top: 0.8rem;
	padding-left: 29px;
	font-size: 1.8rem;
	font-weight: 200;
}
	@media (min-width: 992px){
		p.contact-tel{
			background-size: auto;
			background-position: left bottom 4px;
			padding-top: 1rem;
			padding-left: 38px;
			font-size: 2.5rem;
		}
	}
/* テキスト --------------------*/
.contact-txt{
	text-align: center;
}

/* コンタクトボタン --------------------*/
.contact-link a{
	color:#fff;
	background-color: #b99037;
	text-decoration: none;
	display: inline-block;
	padding: 0.4rem 1rem;
	font-weight: 200;
	font-size: 0.9rem;
}
.contact-link a i{
	padding-right: 0.5rem;
}
.contact-tel a{
	color:#231815;
	text-decoration: none;
}

	@media (min-width: 992px) {
		.contact-link a{
			font-size: 1.1rem;
			padding: 0.8rem 1.8rem;
		}
	}

/*20260114追記*/
.ichatch-h2_txtBox_wrap{
	display: block;
	background-color: rgba(255, 255, 255, .9);
	padding: 4px;
}
.ichatch-h2_txtBox{
	display: block;
	padding: 1.5em;
	border: solid 1px #221815;
	font-size: 0.7rem;
	line-height: 1.5;
}
.ichatch-h2_txtBox_ttl{
	display: block;
	margin-bottom: 1em;
	color: #221815;
	text-align: center;
	font-weight: bold;
}
.ichatch-h2_txtBox_txt{
	display: block;
	margin-top: 1em;
	color: #221815;
	font-weight: normal;
}
.ichatch-h2_txtBox_txt.ichatch-h2_txtBox_txt__mt0{
	margin-top: 0;
}
.ichatch-h2_txtBox_txt br{
	display: none;
}
	@media (min-width: 768px) {
		.ichatch-h2{
			padding-left: 15%;
			padding-right: 15%;
			padding-top: 6rem;
			padding-bottom: 10rem;
			height: calc(379px + 6rem + 10rem);
		}
		.ichatch-h2 img{
			width: 50px;
			height: 279px;
		}

		.ichatch-h2_txtBox_wrap{
			max-width: 600px;
			margin-inline: auto;
		}
		.ichatch-h2_txtBox{
			font-size: .85rem;
		}
		.ichatch-h2_txtBox_txt{
			text-align: center;
		}
		.ichatch-h2_txtBox_txt br{
			display: block;
		}
	}
	@media (min-width: 992px) {
		.ichatch-h2{
			padding-left: 20%;
			padding-right: 20%;
			padding-top: 7rem;
			padding-bottom: 14rem;
			height: calc(374px + 7rem + 14rem);
		}
		.ichatch-h2 img{
			width: auto;
			height: 374px;
		}
		.ichatch-h2_txtBox{
			padding: 1.5em;
			font-size: 1rem;
		}
		.ichatch-h2_txtBox_txt{
			margin-top: 1.5em;
		}
	}