@charset "UTF-8";
@import url('pure-min.css');
/* ============================
common.css　もくじ
-------------------------------
1.ブレイクポイント
2.全体
3.ヘッダー・ヘッダーメニュー｜
4.お問い合わせ・相談｜#inquiry
5.ページトップへ
6.フッター
============================== */

/* ===========================
1.ブレークポイント
============================== */
@media screen and (min-width: 20em) { /* 320px */
}
@media screen and (min-width: 23em) { /* 368px */
}
@media screen and (min-width: 25em) { /* 400px */
}
@media screen and (min-width: 30em) { /* 480px */
}
@media screen and (min-width: 40em) { /* 640px */
}
@media screen and (min-width: 48em) { /* 768px：PC用 */
}
@media screen and (min-width: 64em) {/* 1024px */
}
@media screen and (min-width: 80em) {/* 1280px */
}

/* ===========================
2.全体
============================== */
html { overflow-y: scroll; }/* 縦スクロールバーを15pxとして追加する */
body {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans","メイリオ", Meiryo, sans-serif;
	animation: fadeIn 0.5s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
a, abbr, address, article, aside, audio, b, bdo, blockquote, br, button, canvas, cite, code, command, datalist, del, details, dfn, div, dl, dt, dd, em, embed, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, iframe, img, input, ins, kbd, keygen, label, li, map, mark, math, menu, meter, nav, noscript, object, ol, output, p, pre, progress, q, ruby, samp, section, select, small, span, strong, sub, sup, svg, table, tbody, td, tfoot, th, thead, tr, textarea, time, ul, var, video, wbr {
	box-sizing: border-box;
}
h1, h2, h3, p, ul, ul li, dl, dl dt, dl dd {
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
a:hover{
	color: #801A00;
	text-decoration: underline;
}
/*　COLOR set
赤系 #801A00
黄色系　#b17f28
*/

/* ===========================
3.ヘッダー・ヘッダーメニュー｜
============================== */
.header {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 140px;
	display: flex;
	justify-content: space-between;
	align-content: start;
}
.header .header_logo,
.header .header_tel {
	height: 50px;
}
.header .header_logo {
	display: table;
	table-layout: fixed;
	font-size: 2rem;
}
.header .header_logo a {
	display: table-cell;
	vertical-align: middle;
}
.header_logo img {
	width: 38%;
	height: auto;
	margin-left: 1rem;
}
.header_nav_area {
	display: flex;
	align-items: center;
}
.header_tel {
		line-height: 1;
		position: absolute;
		top: 0;
		right: 0;
		width: 140px;
		height: 100%;
}
.header_tel a {
	background-color: #b17f28;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: 600;
}
.header_tel a:hover {
	background-color: #801A00;
 	transition: all 0.3s;
}
.header_nav{
	position: absolute;
	top: 50px;
	left: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 0 1rem;
}
.header_nav ul{
	margin: 0.375rem 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
}
.header_nav ul li{
	position: relative;
	margin-left: 0.5%;
	width: 32%;
}
.header_nav ul li:last-child {
	width: 42%;
}
.header_nav ul li a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem 0.2rem 0.625rem 0.4rem;
	color: #000;
	position: relative;
	overflow: hidden;
}
.header_nav ul li a::before{
	position: relative;
	left: -0.4em;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #b17f28;
}
.header_nav ul li:hover a::before{
	border-color: transparent transparent transparent #fff;
}
.header_nav ul li:hover{
	transition: all 0.3s;
	transform: skewX(-10deg);
	background-color: #801A00;
	color: #fff;
}
.header_nav ul li:active{
	background-color: #C47222;
	color: #fff;
}
.header_nav ul li:hover a,
.header_nav ul li:active a{
	transform: skewX(10deg);
	color: #fff;
}
@media screen and (min-width: 20em) { /* 320px */
	.header_logo img {
		width: 45%;
	}
	.header_nav ul li:last-child {
		width: 40%;
	}
}
@media screen and (min-width: 23em) { /* 368px */
	.header {
		height: 102px;
	}
	.header_nav ul li{
		width: 22.4%;
	}
	.header_nav ul li:last-child {
		width: 30%;
	}
}
@media screen and (min-width: 25em) { /* 400px */
	.header_nav ul li{
		width: 23.2%;
	}
	.header_nav ul li:last-child {
		width: 28%;
	}
}
@media screen and (min-width: 30em) { /* 480px */
	.header_nav ul li a{
		padding: 0.625rem 0.5rem 0.625rem 1.2rem;
	}
	.header_logo img {
		width: 70%;
	}
}
@media screen and (min-width: 48em) { /* 768px：PC用 */
	.header {
		height: 50px;
	}
	.header_logo {
		width: 33%;
	}
	.header_logo img{
		position: relative;
		top: 4px;
		width: 90%;
		min-width: 180px;
	}
	.header_tel {
		height: 50px;
	}
	.header_nav {
		position: inherit;
		border-top: none;
		border-bottom: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		margin-right: 160px;
	}
	.header_nav ul {
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.header_nav ul li {
		margin-left: 0;
		padding: 0;
		line-height: 1;
		height: 100%;
		width: auto;
	}
	.header_nav ul li:last-child {
		width: auto;
	}
}
@media screen and (min-width: 64em) {/* 1024px */
	.header {
		height: 70px;
	}
	.header .header_logo,
	.header .header_tel {
		height: 70px;
	}
	.header_logo img{
		width: 311px;
	}
	.header_nav {
		margin-right: 230px;
		padding-right: 1rem;
	}
	.header_tel {
		width: 220px;
		height: 70px;
		font-size: 1.5rem;
	}
	.header_nav ul {
		height: 70px;
		font-size: 16px;
	}
	.header_nav ul li a::before{
		border-width: 7px 0 7px 10px;
	}
}
@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}

/* ===========================
4.お問い合わせ・相談｜#inquiry
============================== */
#inquiry{
	background-color: #e5ddc4;
}
#inquiry .wrap{
	position: relative;
	padding-bottom: 2rem;
}
#inquiry .wrap h2{
	position: absolute;
	top: -0.625em;
	left: 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #801A00;
}
#inquiry .wrap .inner{
	width: 80%;
	margin: 0 auto;
	padding: 2rem 0 0;
}
#inquiry .wrap .inner.telfax {
	display: flex;
	flex-direction: column;
}
#inquiry .wrap .inner.telfax p {
	text-align: center;
}
#inquiry .wrap .inner.btn_area {
	padding: 1.5rem 0 0;
}
#inquiry .wrap .inner p > span {
	display: inline-block;
	text-align: left;
}
#inquiry .wrap .inner p span.heading {
	font-size: 0.75rem;
	line-height: 1.5;
	padding-right: 10px;
}
#inquiry .wrap .inner:first-of-type p{
	font-size: 1.685rem;
	line-height: 1;
}
#inquiry .wrap .inner:first-of-type p span{
	vertical-align: 6px;
	padding-right: 10px;
}
#inquiry .wrap .inner:first-of-type p span.time{
	position: relative;
	top: -0.25rem;
	padding-left: 3em;
	font-size: 0.685rem;
	line-height: 1.5;
}
#inquiry .wrap .inner:last-of-type .btn{
	position: relative;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #fff;
	border-radius: 3px;
	width: 100%;
	margin:0 auto 10px;
}
#inquiry .wrap .inner:last-of-type .btn a{
	display: block;
	padding: 1rem 0;
	font-size: 1.125rem;
	line-height: 1.5;
	color: #000;
}
#inquiry .wrap .inner:last-of-type .btn a img{
	display: inline-block;
	vertical-align: -2px;
	padding-right: 5px;
}
#inquiry .wrap .inner:last-of-type .mailread{
	text-align: center;
	line-height: 1.5;
}
#inquiry .wrap .inner:last-of-type .mailread span {
	display: inline;
}
@media screen and (min-width: 20em) { /* 320px */
	#inquiry .wrap .inner:first-of-type p{
		font-size: 1.875rem;
	}
	#inquiry .wrap .inner:first-of-type p span.time{
		font-size: 0.75rem;
	}
	#inquiry .wrap .inner:last-of-type .btn a{
		font-size: 1.25rem;
	}
}
@media screen and (min-width: 30em) { /* 480px */
	#inquiry .wrap .inner:first-of-type p{
		font-size: 2.125rem;
	}
	#inquiry .wrap .inner:last-of-type .btn{
		width: 20em;
		max-width: 100%;
	}
}
@media screen and (min-width: 40em) { /* 640px */
	#inquiry .wrap h2{
		top: -0.75em;
		left: 1.5rem;
		font-size: 1.75rem;
	}
	#inquiry .wrap{
		display: flex;
		flex-wrap: wrap;
		max-width: 960px;
		margin: 0 auto;
		padding-bottom: 2.5rem;
	}
	#inquiry .wrap .inner{
		padding: 2.5rem 0 0;
		width: 50%;
	}
	#inquiry .wrap .inner:first-of-type p{
		font-size: 2.5rem;
	}
	#inquiry .wrap .inner p span.heading {
		font-size: 1rem;
	}
	#inquiry .wrap .inner:first-of-type p span.time{
		top: -0.5rem;
		padding-left: 2.5em;
		font-size: 1rem;
	}
	#inquiry .wrap .inner:last-of-type {
		padding: 2.5rem 1rem 0;
	}
}
@media screen and (min-width: 48em) { /* 768px：PC用 */
	#inquiry .wrap h2{
		top: -0.625em;
		left: 1.5rem;
		font-size: 2rem;
	}
	#inquiry .wrap .inner{
		padding: 3.25rem 0 0;
	}
	#inquiry .wrap .inner:last-of-type {
		padding: 3.25rem 1rem 0;
	}
}

/* ===========================
5.ページトップへ
============================== */
#pagetop{
	text-align: center;
	background-color: #801A00;
}
#pagetop a{
	display: block;
	padding: 8px 0 2px;
	width: 100%;
}
#pagetop a:hover{
	background-color: #953B2A;
}

/* ===========================
6.フッター
============================== */
footer{
	background-color: #b17f28;
	color: #fff;
	font-size: 0.75rem;
	line-height: 1.5;
	padding: 1rem;
	text-align: center;
}
footer .footer_logo img {
	max-width: 96%;
}
footer .inner{
	display: flex;
	flex-wrap: wrap;
	padding: 1rem;
	text-align: left;
	justify-content: space-between;
}
footer .inner a{
	color: #fff;
}
footer .inner a:hover{
	color: #801A00;
}
footer dl{
	margin-bottom: 1rem;
	width: 100%;
}
footer dl:first-child {
	width: 40%;
}
footer dl:nth-child(2) {
	width: 60%;
}
footer dl dt{
	font-weight: bold;
}
footer dl dt.is_isolate_dt,
footer dl dd.is_last_dd {
	margin-bottom: 1em;
}
footer dl dd.is_empty_dd {
	visibility: hidden;
	height: 0px;
}
footer dl dd.right_a_box {
	margin-top: 0.5rem;
	text-align: right;
	font-weight: bold;
}

footer p{
	width: 100%;
}
footer p .address_title {
	font-weight: bold;
}
footer p .address_description {
	display: inline-block;
	padding-left: 1rem;
}
footer .disp_inline-block {
	display: inline-block;
	padding-left: 0;
}
footer a:hover .disp_inline-block {
	text-decoration: underline;
}
footer .copyright{
	border-top: 1px solid #fff; 
	font-size: 0.625rem;
	text-align: center;
	width: 100%;
	margin-top: 1rem;
	padding-top: 0.5rem;
}
@media screen and (min-width: 30em) { /* 480px */
	footer dl{
		width: 49%;
	}
	footer dl:first-child,
	footer dl:nth-child(2) {
		width: 49%;
	}
}
@media screen and (min-width: 40em) { /* 640px */
	footer .inner{
		max-width: 960px;
		margin: 0 auto;
	}
	footer dl {
		width: 28%;
		margin-right: 3%;
	}
	footer dl:first-child{
		width: 11%;
	}
	footer dl:nth-child(2) {
		width: 20%;
	}
	footer dl:nth-child(4) {
		margin-right: 0;
	}

	footer dl dt.is_isolate_dt,
	footer dl dd.is_last_dd {
		margin-bottom: 0;
	}
	footer dl:nth-child(3) dd,
	footer dl:nth-child(4) dd {
		padding-left: 0;
	}
	footer dl dd.right_a_box {
		margin-top: 0;
	}
	footer p{
		width: 100%;
		text-align: center;
	}
	footer p > span {
		display: inline-block;
		text-align: left;
	}
	footer p > span .address_description {
		padding-left: 0;
	}
}