/*
header
---------------------------*/

.site-link {
	margin: 0 auto;
	line-height: 1.5;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}
a, a:link,a:hover {
	cursor: pointer;
	text-decoration: unset;
	color: #000;
}
.page-header {
	left: 0;
	top: 0;
	width: 100%;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
	z-index: 100;
}
@media screen and (min-width: 768px) {
	.page-header {
		position: fixed;
	}
}
.page-header .header-container {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	height: 50px
}
@media screen and (min-width: 768px) {
	.page-header .header-container {
		height: 54px
	}
}
@media screen and (min-width: 992px) {
	.page-header .header-container {
		height: 70px
	}
}
.page-header .header-title {
	display: flex;
	flex-grow: 1
}
@media screen and (min-width: 576px) {
	.page-header .header-title {
		padding-right: 18px
	}
}
@media screen and (min-width: 768px) {
	.page-header .header-title {
		padding-right: 0
	}
}
.page-header .header-title .site-title {
	background: url(../../img/top/header/page-header-logo@sp.png) 5px 50%/137px auto no-repeat;
	flex-grow: 0;
	flex-shrink: 0;
	height: 100%;
	width: 147px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}
@media screen and (min-width: 375px) {
	.page-header .header-title .site-title {
		background-position: 10px 50%;
		background-size: 161px auto;
		width: 171px
	}
}
@media screen and (min-width: 576px) {
	.page-header .header-title .site-title {
		width: 183px;
		background-size: 173px auto
	}
}
@media screen and (min-width: 768px) {
	.page-header .header-title .site-title {
		background-image: url(../../img/top/header/page-header-logo.png);
		width: 209px;
		background-size: 95% auto
	}
}
@media screen and (min-width: 992px) {
	.page-header .header-title .site-title {
		width: 294px;
		background-size: 284px auto
	}
}
.page-header .header-title .site-lead {
	display: none
}
@media screen and (min-width: 1200px) {
	.page-header .header-title .site-lead {
		display: flex;
		align-items: center;
		font-size: 15px;
		color: #303030;
		padding-left: 20px;
		line-height: 1.15
	}
}
@media screen and (min-width: 1280px) {
	.page-header .header-title .site-lead {
		font-size: 16px;
		padding-left: 26px
	}
}
.page-header .header-title>a {
	margin-left: auto !important;
	color: inherit
}
.page-header .header-title>a>.site-lead {
	display: block;
	font-size: 11px;
	letter-spacing: -0.03em;
	line-height: 1.25;
	padding-left: 0;
	padding-right: 10px
}
@media screen and (min-width: 375px) {
	.page-header .header-title>a>.site-lead {
		font-size: 12px
	}
}
@media screen and (min-width: 576px) {
	.page-header .header-title>a>.site-lead {
		font-size: 14px;
		letter-spacing: normal;
		padding-right: 0
	}
}
@media screen and (min-width: 768px) {
	.page-header .header-title>a>.site-lead {
		font-size: 12px
	}
}
@media screen and (min-width: 992px) {
	.page-header .header-title>a>.site-lead {
		font-size: 13px
	}
}
@media screen and (min-width: 1200px) {
	.page-header .header-title>a>.site-lead {
		font-size: 15px;
		padding-left: 0;
		padding-right: .5em
	}
}
@media screen and (min-width: 1280px) {
	.page-header .header-title>a>.site-lead {
		font-size: 16px
	}
}
.page-header .header-contact {
	display: flex;
	flex: 0 0 42px;
	height: 100%
}
@media screen and (min-width: 576px) {
	.page-header .header-contact {
		flex-basis: 102px
	}
}
@media screen and (min-width: 768px) {
	.page-header .header-contact {
		flex-basis: 442px
	}
}
@media screen and (min-width: 992px) {
	.page-header .header-contact {
		flex-basis: 562px
	}
}
@media screen and (min-width: 1200px) {
	.page-header .header-contact {
		flex-basis: 562px
	}
}
@media screen and (min-width: 1280px) {
	.page-header .header-contact {
		flex-basis: 632px
	}
}
.page-header .header-contact .tel {
	height: 100%;
	width: 42px
}
@media screen and (min-width: 375px) {
	.page-header .header-contact .tel {
		width: 52px
	}
}
@media screen and (min-width: 768px) {
	.page-header .header-contact .tel {
		width: 315px
	}
}
@media screen and (min-width: 992px) {
	.page-header .header-contact .tel {
		width: 402px
	}
}
@media screen and (min-width: 1200px) {
	.page-header .header-contact .tel {
		width: 392px
	}
}
@media screen and (min-width: 1280px) {
	.page-header .header-contact .tel {
		width: 442px
	}
}
.page-header .header-contact .form {
	display: none;
	height: 100%;
	width: 40px
}
@media screen and (min-width: 576px) {
	.page-header .header-contact .form {
		display: block;
		width: 50px
	}
}
@media screen and (min-width: 768px) {
	.page-header .header-contact .form {
		width: 127px
	}
}
@media screen and (min-width: 992px) {
	.page-header .header-contact .form {
		width: 160px
	}
}
@media screen and (min-width: 1200px) {
	.page-header .header-contact .form {
		width: 170px
	}
}
@media screen and (min-width: 1280px) {
	.page-header .header-contact .form {
		width: 190px
	}
}
.page-header .header-contact .link {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}
.page-header .header-contact .tel .link {
	background-image: url(../../img/top/header/page-header-tel@sp.png);
	background-size: 22px auto;
	border-left: 1px solid #ff8d32
}
@media screen and (min-width: 375px) {
	.page-header .header-contact .tel .link {
		background-size: 27px 29px
	}
}
@media screen and (min-width: 768px) {
	.page-header .header-contact .tel .link {
		border-left: none;
		background-image: url(../../img/top/header/page-header-tel.png);
		background-size: 295px auto
	}
}
@media screen and (min-width: 992px) {
	.page-header .header-contact .tel .link {
		background-size: 373px auto
	}
}
@media screen and (min-width: 1200px) {
	.page-header .header-contact .tel .link {
		background-size: 373px auto
	}
}
@media screen and (min-width: 1280px) {
	.page-header .header-contact .tel .link {
		background-size: 403px auto
	}
}
.page-header .header-contact .form .link {
	background-image: url(../../img/top/header/page-header-mail@sp.png);
	background-size: 24px auto;
	background-color: #ff8d32;
	display: none
}
@media screen and (min-width: 576px) {
	.page-header .header-contact .form .link {
		background-size: 29px 22px;
		display: block
	}
}
@media screen and (min-width: 768px) {
	.page-header .header-contact .form .link {
		background-image: url(../../img/top/header/page-header-mail.png);
		background-size: 113px auto
	}
}
@media screen and (min-width: 992px) {
	.page-header .header-contact .form .link {
		background-size: 143px auto
	}
}
/*
footer
---------------------------*/
.page-footer {
	background-color: #e8e9e6
}
.page-footer .footer-container {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 4.8vw 2.6666666667vw 21.0666666667vw;
	font-size: 3.7333333333vw;
	line-height: 1.65
}
@media screen and (min-width: 768px) {
	.page-footer .footer-container {
		width: 738.4615384615px;
		font-size: 11.8153846154px;
		padding: 3.125em 0 4.375em
	}
}
@media screen and (min-width: 992px) {
	.page-footer .footer-container {
		width: 953.8461538462px;
		font-size: 15.2615384615px
	}
}
@media screen and (min-width: 1200px) {
	.page-footer .footer-container {
		width: 1000px;
		font-size: 16px
	}
}
.page-footer p, .page-footer address {
	margin-bottom: 3.7333333333vw
}
@media screen and (min-width: 768px) {
	.page-footer p, .page-footer address {
		margin-bottom: 1.25em
	}
}
.page-footer address {
	font-style: normal
}
.page-footer .copyright {
	margin-bottom: 0
}
.page-footer a {
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 0, 0, .25);
	color: inherit;
	padding: 0 2px;
	margin: 0 2px
}
.tel-caution {
	font-size: .6em;
	padding-left: 4.5em;
	color: #4a4a4a
}
@media screen and (min-width: 992px) {
	.tel-caution {
		font-size: .8em;
		padding-left: 5em
	}
}
.tel-caution2 {
	font-size: .6em;
	padding-left: 2em;
	color: #4a4a4a
}
@media screen and (min-width: 768px) {
	.tel-caution2 {
		padding-left: 1em;
		color: #6c3301
	}
}
@media screen and (min-width: 992px) {
	.tel-caution2 {
		font-size: .8em
	}
}