@charset "utf-8";
/*
color
rgba(51, 51, 51, 1);
link
rgba(0, 115, 170, 1);

*/
html { font-size: 62.5%; }
body {
	font-size: 1.6rem;
	line-height: 175%;
	color: rgba(51, 51, 51, 1);
	box-sizing: border-box;
	font-feature-settings: "palt";
}

* { padding: 0; margin: 0; box-sizing: border-box; }
img { vertical-align: bottom; }
a {
	color: rgba(101, 60, 0, 1);
	transition: 0.3s;
}
	a:hover { color: rgba(184, 28, 34, 1); }
	a img { border: none; }
	a.noevent { pointer-events: none; cursor: default; }
li { list-style: none; }
p:not(:last-child) { padding-bottom: 1em; }
input, textarea, select {
	padding: 0.5em;
	background: rgba(255, 255, 255, 1);
	border: none;
	border: 1px solid rgba(100, 100, 100, 0.5);
	border-radius: 3px;
}
:placeholder-shown { color: rgba(100, 100, 100, 0.5); }

.pcHide { display: none; }
.spHide { display: block; }
#drawerBox { display: none; }
.pcBlock { display: block; }
.spBlock { display: inline; }

.bigText { font-size: 2.8rem; }
.largerText { font-size: 140%; }
.largeText { font-size: 2rem; }
.smallText { font-size: 1.2rem; }
.smallerText { font-size: 86%; }
.tinyText { font-size: 0.8rem; }

.redText { color: rgba(184, 28, 34, 1); }

.fixImg {
	width: 100%;
	max-width: 1200px;
}

.flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.flex4 > * { width: 22%; }
	.flex3 > * { width: 30%; }
	.flex2 > * { width: 46%; }

.unitBox { margin-bottom: 4rem; }
.leftBox { float: left; margin: 0 4rem 2rem 0; }
.rightBox { float: right; margin: 0 0 4rem 2rem; }

.leftText { text-align: left; }
.centerText { text-align: center; }
.rightText { text-align: right; }

.mT { margin-top: 3em; }

#mainContentsBox:after, 
.clearBox:after {
	content: '';
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.initBox {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#headerBox {}
#mainContentsBox {}
#footerBox {}

/* ==[btn]=========================================  */
.myBtn {
	background: rgba(101, 60, 0, 1);
	color: rgba(255, 255, 255, 1);
	padding: 0.2rem 1.5rem;
	border-radius: 0.9rem;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: bold;
}
	.myBtn:hover {
		background: rgba(184, 28, 34, 1);
		color: rgba(255, 255, 255, 1);
	}
.telBtn {
	cursor: default;
	pointer-events: none;
}

/* ==[table]=========================================  */
.leftThTable, 
.topThTable {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid rgba(101, 60, 0, 0.5);
	border-left: 1px solid rgba(101, 60, 0, 0.5);
	margin-bottom: 0.5em;
	line-height: 125%;
}
	.topThTable th, 
	.topThTable td, 
	.leftThTable th, 
	.leftThTable td {
		font-weight: normal;
		border-right: 1px solid rgba(101, 60, 0, 0.5);
		border-bottom: 1px solid rgba(101, 60, 0, 0.5);
		padding: 1em;
	}
	.topThTable thead th, 
	.leftThTable th {
		background: rgba(173, 117, 52, 1);
		color: rgba(255, 255, 255, 1);
	}
	.topThTable tbody th {
		background: rgba(173, 117, 52, 0.1);
	}
	.leftThTable th { text-align: left; }


/* ==[ul]=========================================  */
.cautionUl li {
	margin: 0 0 0.5rem 1em;
	text-indent: -1em;
	line-height: 125%;
}
.myUl li {
	margin: 0 0 0.5rem 1.25em;
	position: relative;
}
	.myUl li::before {
		content: '●';
		color: rgba(101, 60, 0, 1);
		position: absolute;
		top: 0;
		left: -1.25em;
	}


/* ==[google]=========================================  */
	.gmapBox {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.gmapBox iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}


/* [sp] ============================================ */
@media only screen and (max-width: 768px) {
	.initBox { width: 90vw; }
	.pcHide { display: block; }
	.spHide { display: none; }
	#drawerBox { display: block; }

	.leftBox, 
	.rightBox { float: none !important; width: 100% !important; }
	.leftBox { margin-bottom: 1rem; }
	.rightBox { margin-top: 1rem; }

	.flex3 > *, 
	.flex2 > * { width: 100%; }

	.telBtn {
		cursor: pointer;
		pointer-events: auto;
	}

	.spTable tr, 
	.spTable th, 
	.spTable td {
		float: left;
		width: 100% !important;
		box-sizing: border-box;
	}
	.spTable colgroup, 
	.spTable thead { display: none; }
	.spTable td { padding: 0.25em 1em; }
	.spTable td:not(:last-child) { border-bottom-style: dotted; }
	.spTable tbody td::before {
		content: attr(data-name)' ';
		font-size: 1.2rem;
		color: rgba(100, 100, 100, 1);
	}
	.spTable .centerText { text-align: left; }

	.backBtn, 
	.submitBtn, 
	input, textarea, select, 
	.spTable { width: 100%; }
	.backBtn, 
	.submitBtn { margin-bottom: 1rem; }
	.mwform-tel-field input { width: auto; }
}