@charset "utf-8";
/*------------------------------------------------------------
	works
------------------------------------------------------------*/
#gHeader {
	background-color: #fff;
}
#gHeader .hBox {
	max-width: 1280px;
	margin: 17px auto 16px;
}
#gHeader .hBox h1 {
	width: 244px;
}
#gHeader .hBox h1 a:hover img,
#gHeader .hBox h1 a img {
	opacity: 0 !important;
}
#gHeader .hBox h1 a {
	display: block;
	opacity: 1;
	background: url("../img/common/h_logo.svg") no-repeat left center;
}
#gHeader .rBox {
	max-width: 805px;
}
#gHeader .rBox .link {
	margin-right: 0;
}
#gHeader .rBox .link a {
	padding: 12px 10px 10px;
	background-color: #8D6C23;
}
@media all and (min-width: 961px) {
	#gHeader .rBox .link a:hover {
		color: #8D6C23;
		border: 1px solid #8D6C23;
		background-color: #fff;
	}
}
#gNavi {
	margin: 4px 49px 0 0;
}
#gNavi li a {
	color: #3B372C;
	background-image: url("../img/common/icon11.png");
}
#gNavi li:last-child a::before {
	background-image: url("../img/common/icon07.png");
}
.pageTitle {
	margin-bottom: 55px;
}
.pageTitle .photo {
    background-image: url("../img/contact/page_title_photo.jpg");
}
.pageTitle .lBox {
	padding-top: 50px;
}
#main .contact {
	margin-bottom: 77px;
}
#main .contact .content {
	width: 632px;
}
#main .contact .topTxt {
	margin-bottom: 33px;
	letter-spacing: 0.05em;
	line-height: 1.75;
}
#main .mailForm table {
	margin-bottom: 68px;
	width: 100%;
	border-collapse: collapse;
}
#main .mailForm th,
#main .mailForm td {
	padding: 10px 0 20px;
	display: block;
	text-align: left;
	vertical-align: top;
	font-size: 1.6rem;
	word-break: break-all;
	box-sizing: border-box;
}
#main .mailForm th {
	padding: 20px 0 10px;
	font-weight: bold;
	color: #000;
}
#main .mailForm tr:last-child td {
	padding-bottom: 0;
}
#main .mailForm th .must {
	margin-right: 20px;
	padding: 5px 7px 4px 9px;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #EB1212;
}
#main .mailForm td input[type="text"],
#main .mailForm td input[type="tel"],
#main .mailForm td input[type="email"],
#main .mailForm td textarea,
#main .mailForm td select {
	width: 100%;
	height: 50px;
	padding: 2px 19px 1px;
	font-size: 1.6rem;
	border: 1px solid #BAB097;
	background: #fff;
	border-radius: 0;
	font-weight: 500;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#main .mailForm td input[type="text"]::placeholder,
#main .mailForm td input[type="tel"]::placeholder,
#main .mailForm td input[type="email"]::placeholder,
#main .mailForm td textarea::placeholder {
  	color: #BAB097;
	letter-spacing: 0;
}
#main .mailForm td input[type="text"]::-ms-placeholder,
#main .mailForm td input[type="tel"]::-ms-placeholder,
#main .mailForm td input[type="email"]::-ms-placeholder,
#main .mailForm td textarea::placeholder {
  	color: #BAB097;
	letter-spacing: 0;
}
#main .mailForm td input[type="text"]::placeholder,
#main .mailForm td input[type="tel"]::placeholder,
#main .mailForm td input[type="email"]::placeholder,
#main .mailForm td textarea::placeholder {
  	color: #BAB097;
	letter-spacing: 0;
}
#main .mailForm td input[type="text"].wid01 {
	width: 304px;
}
#main .mailForm th .txt {
	margin-left: 10px;
	letter-spacing: 0;
	font-weight: 500;
	display: inline-block;
}
#main .mailForm th .optional {
	background-color: #BAB097;
}
#main .mailForm td .place {
	margin-left: 24px;
	color: #1571DA;
	display: inline-block;
	cursor: pointer;
}
@media all and (min-width: 961px) {
	#main .mailForm td .place:hover {
		opacity: 0.7;
	}
}
#main .mailForm td textarea {
	padding: 15px 20px;
	height: 200px;
	resize: vertical;
}
#main .mailForm td .height01 {
	padding: 13px 53px 15px 39px;
	margin-bottom: 28px;
	height: 240px;
	letter-spacing: 0.025em;
	line-height: 1.78;
	font-size: 1.8rem;
	border: 1px solid #BFBFBF;
	box-sizing: border-box;
}
#main .mailForm td .height01 .text {
	color: #402F1D;
	line-height: 1.78;
}
#main .mailForm td .height01 .text:not(:last-child) {
	margin-bottom: 30px;
}
#main .mailForm td .height01 .color a {
	color: #1571DA;
}
#main .mailForm td .height01 .color a:hover {
	opacity: 0.7;
}
#main .mailForm .agree {
	text-align: center;
}
#main .mailForm .agree label input {
	display: none;
}
#main .mailForm .agree label input ~ span {
	padding: 15px 0 15px 50px;
	display: inline-block;
	cursor: pointer;
	color: #000;
	letter-spacing: 0.025em;
	background: url("../img/common/icon16.png") no-repeat left center;
	background-size: 30px 30px;
}
#main .mailForm .agree label input:checked ~ span {
	background-image: url("../img/common/icon17.png");
}
#main .mailForm .submit li {
	width: 468px;
	margin: 0 auto 20px;
}
#main .mailForm .submit li:last-child {
	margin-bottom: 0;
}
#main .mailForm .submit li input {
	width: 100%;
	padding: 0 10px;
	height: 60px;
	border-radius: 0;
	color: #3B372C;
	cursor: pointer;
	font-size: 1.8rem;
	transition: .3s;
	letter-spacing: 0.15em;
	border: 1px solid #3B372C;
	box-sizing: border-box;
	background: url("../img/common/icon03.png") no-repeat right 20px center;
	background-size: 13px 13px;
	font-family: 'Noto Serif JP', serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media all and (min-width: 961px) {
	#main .mailForm .submit li input:hover {
		border: 1px solid #EFEFEF;
		background-color: #EFEFEF;
	}
}
#main .confirm .topTxt {
	margin-bottom: 41px;
}
#main .confirm table {
	margin-bottom: 65px;
}
#main .confirm th, #main .confirm td {
	padding: 13px 0 8px;
}
#main .confirm th {
	padding: 40px 0 18px;
}
#main .confirm td {
    padding-left: 20px;
	line-height: 1.875;
    border-bottom: 1px solid #EFEFEF;
}
#main .confirm tr:last-child td {
	padding-left: 0;
	margin-bottom: 0;
	border-bottom: none;
}
#main .confirm td .height01 {
	margin: 13px 0 25px;
}
#main .confirm .submit li.current input {
	border: 1px solid #EFEFEF;
	background-color: #EFEFEF;
}
@media all and (min-width: 961px) {
	#main .confirm .submit li.current input:hover {
		border: 1px solid #3B372C;
		background-color: #fff;
	}
}
#main .thanks {
	padding-top: 21px;
}
#main .thanks .content {
	width: 680px;
}
#main .thanks h3 {
	margin-bottom: 27px;
	color: #8D6C23;
	font-weight: bold;
	letter-spacing: 0.025em;
	font-size: 2rem;
	text-align: center;
}
#main .thanks .textBox {
	margin-bottom: 47px;
}
#main .thanks .textBox .text {
	margin-bottom: 28px;
	letter-spacing: 0.025em;
	line-height: 1.75;
}
#main .thanks .textBox .text:last-child {
	margin-bottom: 0;
}
#main .thanks .subBox {
	margin-bottom: 80px;
	padding: 33px 23px 18px;
	border: 1px solid #3B372C;
}
#main .thanks .subBox h4 {
	margin-bottom: 27px;
	font-size: 2rem;
	letter-spacing: 0.025em;
	font-weight: bold;
	text-align: center;
}
#main .thanks .subBox .txt {
	margin-bottom: 25px;
	letter-spacing: 0.025em;
	line-height: 1.75;
}
#main .thanks .subBox .tel {
	text-align: center;
	font-size: 4rem;
	letter-spacing: 0.08em;
	font-family: "游明朝", "Yu Mincho", YuMincho, "游明朝体", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", serif;
}
#main .thanks .subBox .midTxt {
	display: inline-block;
	text-align: left;
}
#main .thanks .subBox .sml {
	margin-right: 10px;
	display: inline-block;
	letter-spacing: 0.15em;
	font-size: 2.4rem;
}
#main .thanks .subBox .time {
	margin: -7px 0 0 -7px;
	display: block;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#main .errorMsg li {
	margin-bottom: 5px;
	color: #EB1212;
}
@media all and (max-width: 960px) {
	#gHeader {
		padding: 20px 31px;
	}
	#gHeader .hBox h1 a {
		display: block;
		opacity: 1;
		background: url("../img/common/sp_h_logo.svg") no-repeat left center;
		background-size: 230px 31px;
	}
	#gHeader .hBox {
		max-width: inherit;
		margin: 0;
	}
	#gHeader .rBox {
		display: none;
	}
	.menu {
		top: 0;
	}
	.menu span {
		background-color: #3B372C;
	}
	.menu::after {
		background-image: url("../img/common/sp_menu.png");
	}
	.menu.on::after {
		background-image: url("../img/common/sp_close.png");
	}
	#main .contact .content {
		width: auto;
	}
	.pageTitle {
		margin-bottom: 40px;
	}
	#main .contact .topTxt {
		margin-bottom: 25px;
	}
	#main .mailForm {
		margin-bottom: 70px;
	}
	#main .mailForm table {
		margin-bottom: 50px;
	}
	#main .mailForm th,
	#main .mailForm td {
		padding: 8px 0 10px;
	}
	#main .mailForm th {
		padding: 10px 0 8px;
	}
	#main .mailForm th .must {
		padding: 3px 7px 2px 9px;
	}
	#main .mailForm td input[type="text"].wid01 {
		width: 100%;
	}
	#main .mailForm th .txt {
		margin: 5px 0 0;
		display: block;
	}
	#main .mailForm td .place {
		margin: 20px 0 0;
		display: block;
	}
	#main .mailForm td textarea {
		height: 180px;
	}
	#main .mailForm td .height01 {
		padding: 13px 20px 15px;
		margin-bottom: 25px;
		height: 220px;
		font-size: 1.7rem;
	}
	#main .mailForm .agree label input ~ span {
		text-align: left;
	}
	#main .mailForm .submit li {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 15px;
	}
	#main .thanks {
		padding-top: 0;
	}
	#main .thanks .content {
		width: auto;
	}
	#main .thanks h3 {
		margin-bottom: 25px;
		font-size: 1.9rem;
	}
	#main .thanks .textBox {
		margin-bottom: 35px;
	}
	#main .thanks .textBox .text {
		margin-bottom: 25px;
	}
	#main .thanks .subBox {
		margin-bottom: 60px;
		padding: 28px 20px 20px;
	}
	#main .thanks .subBox h4 {
		margin-bottom: 25px;
		font-size: 1.9rem;
	}
	#main .thanks .subBox .txt {
		margin-bottom: 20px;
	}
	#main .thanks .subBox .tel {
		font-size: 2.8rem;
	}
	#main .thanks .subBox .sml {
		margin-right: 5px;
		font-size: 2rem;
	}
	#main .thanks .subBox .time {
		margin: -5px 0 0 -7px;
	}
	@media all and (max-width: 374px) {
		#main .thanks .subBox .sml {
			font-size: 5.2vw;
		}
		#main .thanks .subBox .tel {
			font-size: 7vw;
		}
		#main .thanks .subBox .time {
			font-size: 4.5vw;
		}
	}
}
.simplebar-track.simplebar-vertical {
	background-color: #eaeaea;
	width: 14px;
}
.simplebar-scrollbar:before {
	left: 4px;
	right: 4px;
}