@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	max-width: 1280px;
	box-sizing: border-box;
}
@media all and (max-width: 896px) {
	.content {
		padding: 0 16px;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	padding: 3px 0 26px;
	position: relative;
	background: #003487;
	color: #fff;
	font-size: 4.6rem;
}
.headLine01 > span {
	display: block;
	margin: 0 auto;
	max-width: 1278px;
}
.headLine01::before {
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 9px;
	content: '';
	background-color: #fff;
}
@media all and (max-width: 896px) {
	.headLine01 {
		padding: 8px 20px 20px;
		font-size: 4rem;
	}
	.headLine01::before {
		height: 2px;
		bottom: 7px;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	padding: 111px 0 16px;
	font-size: 4.4rem;
	text-align: center;
	background: url("../../img/common/f_bg02.png") no-repeat top center / auto 18px;
}
@media all and (max-width: 896px) {
	.headLine02 {
		margin-bottom: 55px;
		padding: 46px 0 16px;
		font-size: 3.4rem;
		background-size: auto 21px;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 98px;
	padding-bottom: 61px;
	font-size: 5.5rem;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	background: url("../../img/common/f_bg02.png") no-repeat center bottom;
	background-size: 104px auto;
}
.headLine03 span {
	margin: 5px auto 0;
	padding: 8px 5px;
	display: block;
	width: 213px;
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	background-color: #E1E0E9;
	box-sizing: border-box;
}
@media all and (max-width: 896px) {
	.headLine03 {
		margin-bottom: 50px;
		padding-bottom: 45px;
		font-size: 3.5rem;
		background-size: 123px auto;
	}
	.headLine03 span {
		margin: -3px auto;
		padding: 3px 5px 7px;
		width: 186px;
		font-size: 1.5rem;
	}
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 61px;
	padding: 25px 0 0;
	color: #603813;
	font-size: 1.9rem;
	background-image: url("../../img/common/img01.png");
	background-size: 80px auto;
}
.headLine04 span {
	margin-bottom: -4px;
	display: block;
	font-size: 5.5rem;
	font-style: italic;
}
.headLine04.big {
	font-size: 2.744rem;
}
.headLine04.big span {
	margin-bottom: 25px;
	display: block;
	font-size: 8.5rem;
	font-weight: 500;
	font-style: italic;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 4px;
		padding-top: 13px;
		font-size: 1.2rem;
		background-size: 50px auto;
	}
	.headLine04 span {
		margin-bottom: -2px;
		font-size: 2.8rem;
	}
	.headLine04.big {
		margin-bottom: 30px;
		font-size: 1.642rem;
	}
	.headLine04.big span {
		margin-bottom: 5px;
		font-size: 4rem;
	}
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	margin-bottom: 66px;
	padding-bottom: 6px;
	height: 406px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("../../img/afterservice/page_bg.jpg") no-repeat center center / cover;
	text-align: center;
	box-sizing: border-box;
}
.pageTitle h2 {
	color: #fff;
	font-size: 3.556rem;
	font-style: italic;
}
.pageTitle h2 > span {
	margin-bottom: 13px;
	display: block;
	font-size: 6.899rem;
	letter-spacing: 0.12em;
}
.pageTitle .h2Ttl {
	font-size: 2.3rem;
	font-style: normal;
	position: relative;
}
.pageTitle .h2Ttl::before {
	margin-left: -40px;
	width: 80px;
	height: 9px;
	position: absolute;
	left: 50%;
	top: -33px;
	background: url("../../img/common/img01.png") no-repeat left top / 100% 100%;
	content: '';
}
.pageTitle .h2Ttl > span {
	margin-bottom: 9px;
	font-size: 5rem;
	font-style: italic;
}
.pageTitle .inner > p {
	margin-bottom: 20px;
	font-style: normal;
	color: #fff;
	font-size: 2.2rem;
}
.pageTitle .inner > p a {
	color: #b00;
	font-size: 2.6rem;
}
.pageTitle .inner > p small {
	display: block;
	font-weight: normal;
	font-size: 1.6rem;
}
.pageTitle .inner .h2Ttl {
	padding-top: 8px;
}
.pageTitle .inner .h2Ttl::before {
	top: 0;
}
@media all and (max-width: 896px) {
	.pageTitle {
		margin-bottom: 22px;
		padding: 0 5px 23px;
		height: 144px;
	}
	.pageTitle h2 {
		font-size: 1.9rem;
	}
	.pageTitle h2 > span {
		margin-bottom: -3px;
		font-size: 3.5rem;
	}
	.pageTitle .h2Ttl {
		font-size: 2rem;
	}
	.pageTitle .h2Ttl > span {
		margin-bottom: 21px;
		font-size: 3.143rem;
	}
	.pageTitle .h2Ttl > span span {
		margin-top: 2px;
		font-size: 3.8rem;
		display: block;
	}
	.pageTitle .h2Ttl::before {
		top: -46px;
	}
}
/*------------------------------------------------------------
	comBannerList
------------------------------------------------------------*/
.comBannerList li {
	margin: 0 5px;
	width: 276px;
}
.comBannerList li a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comBannerList {
		margin-left: 10px;
		display: block;
	}
	.comBannerList li {
		margin: 0 auto 22px;
		width: 280px;
	}
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn a {
	padding: 10px 79px 9px 21px;
	color: #fff;
	font-size: 1.3rem;
	display: block;
	background: #C2986D url("../../img/common/icon03.png") no-repeat right 12px center / 6px auto;
	border-radius: 5px;
}
@media all and (max-width: 896px) {
	.comBtn a {
		padding: 8px 38px 9px 13px;
		font-size: 1.2rem;
		background-size: 5px auto;
		background-position: right 9px center;
	}
}
/*------------------------------------------------------------
	comBtn01
------------------------------------------------------------*/
.comBtn01 {
	margin: 0 auto;
	width: 604px;
	background: #fff;
}
.comBtn01 a {
	padding: 23px 65px;
	display: block;
	color: #231815;
	font-size: 3.5rem;
	font-weight: bold;
	border: 5px solid #000;
	box-sizing: border-box;
	text-align: center;
	background: url("../../img/common/bg02.jpg") no-repeat left center / 45px 100%, url("../../img/common/icon04.png") no-repeat right 35px center / 23px auto;
}
@media all and (min-width: 897px) {
	.comBtn01 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comBtn01 {
		width: auto;
		max-width: 400px;
	}
	.comBtn01 a {
		padding: 23px 55px;
		font-size: 3rem;
		border-width: 3px;
		background-size: 30px 100%, 16px auto;
	}
}
@media all and (max-width: 420px) {
	.comBtn01 a {
		font-size: 7vw;
	}
}
/*------------------------------------------------------------
	mailForm 
------------------------------------------------------------*/
.mailForm {
	margin: 0 auto 113px;
	max-width: 940px;
}
.mailForm .ttl {
	margin-bottom: 34px;
	text-align: center;
	font-size: 3rem;
}
.mailForm table {
	margin-bottom: 67px;
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.mailForm table th, .mailForm table td {
	font-size: 1.4rem;
	padding: 25px;
	border: 1px solid #ccc;
	word-break: break-all;
}
.mailForm table th {
	width: 30.9%;
	font-size: 1.5rem;
	font-weight: 700;
	padding: 25px 10px 25px 25px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background: #f1f1f1;
}
.mailForm table th .red {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1em;
	margin-left: 10px;
	padding: 4px 6px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #b00;
	display: inline-block;
}
.mailForm table td input[type="text"], .mailForm table td input[type="tel"], .mailForm table td input[type="email"], .mailForm table td textarea {
	width: 100%;
	max-width: 435px;
	height: 30px;
	margin: 2px;
	font-size: 1.4rem;
	padding: 0 6px;
	border: 1px solid #666;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
}
.mailForm table td label {
	padding: 3px;
	display: inline-block;
	max-width: 100%;
	border-radius: 3px;
	margin: 3px 11px 3px 3px;
	line-height: 1.42857143;
}
.mailForm table td input[type="checkbox"], .mailForm table td input[type="radio"] {
	margin: 0;
	position: relative;
	top: 1px;
}
.mailForm table td .btn {
	margin: 14px 5px 11px;
}
.mailForm table td .btn a {
	padding: 7px 30px 9px;
	width: 205px;
	display: inline-block;
	color: #fff;
	font-size: 1.9rem;
	background: #317DE2 url("../../img/common/icon05.png") no-repeat right 10px center / 11px auto;
	border-radius: 10px;
	box-sizing: border-box;
}
.mailForm table td .budget p {
	margin: 2px 0 8px;
}
.mailForm table td .budget .box01 {
	margin-right: 37px;
	width: 37%;
}
.mailForm table td .budget .box01 input {
	width: calc(100% - 93px);
}
.mailForm table td .redtxt {
	margin: 2px 0 14px;
	color: #b00;
}
.mailForm table td .hour {
	margin-top: 22px;
}
.mailForm table td .sizef12 {
	margin: 7px 0 25px;
	font-size: 1.2rem;
}
.mailForm table td textarea {
	padding: 4px 6px;
	height: 120px;
	max-width: 490px;
	line-height: 1.2;
	resize: vertical;
}
.mailForm table td a {
	color: #1E5BB3;
}
.mailForm table td .check {
	margin-top: 2px;
}
.mailForm table td input.wid01 {
	width: 181px;
}
.mailForm table td input.wid02 {
	width: 226px;
}
.mailForm table td .selectUl {
	display: flex;
}
.mailForm table td .selectUl li {
	margin-right: 10px;
}
.mailForm select,
.mailForm table td select {
	width: 100%;
	height: 30px;
	margin: 2px;
	font-size: 1.4rem;
	padding: 0 30px 0 6px;
	border: 1px solid #666;
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../../img/common/select_bg.png") no-repeat right 10px center / 10px auto;
}
.mailForm table td .selectUl li select {
	width: 100px;
}
.mailForm table td .zip {
	margin-bottom: 10px;
}
.mailForm .title {
	margin-bottom: 15px;
	font-weight: bold;
}
.mailForm .submit {
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.mailForm .submit li {
	display: inline-block;
	width: 100%;
	max-width: 343px;
}
.mailForm .submit .back {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
}
.mailForm .submit input {
	padding: 12px 20px 15px;
	width: 100%;
	color: #fff;
	font-size: 2.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #ED7A6A url("../../img/common/icon05.png") no-repeat right 18px center / 13px 19px;
	border: none;
	border-radius: 30px;
	box-sizing: border-box;
	cursor: pointer;
}
.mailForm .submit .back input {
	background: none;
	padding: 0;
	width: auto;
	font-size: 1.8rem;
	color: blue;
	border-radius: 0;
}
.mailForm .submit input:hover {
	opacity: 0.7;
}
.mailForm .popBox {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1999;
}
.mailForm .popBox .innerBox {
	padding: 30px 30px 60px;
	position: absolute;
	width: 800px;
	max-height: calc(100% - 350px);
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	overflow-y: auto;
}
.mailForm .popBox .inner .btn {
	text-align: center;
}
.mailForm .popBox .inner .btn a {
	display: inline-block;
}
.mailForm .popBox::before,
.mailForm .popBox .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.8;
	content: '';
}
.mailForm .popBox .ttl {
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
}
.mailForm .popBox .inner {
	margin-bottom: 20px;
}
.mailForm .error input[type="text"],
.mailForm .error input[type="tel"],
.mailForm .error input[type="email"] {
	background-color: #FCC !important;
}
.mailForm .errorMes {
	display: none;
	color: red;
}
.mailForm .input span.red {
	display: inline-block !important;
}
.mailForm .input_tel input,
.mailForm .input_tel label,
.mailForm .input_mail input {
	pointer-events: none;
	opacity: 0.5;
}
.mailForm .input_tel.input input,
.mailForm .input_tel.input label,
.mailForm .input_mail.input input {
	pointer-events: inherit;
	opacity: 1;
}
@media all and (-ms-high-contrast:none){
	.mailForm table {
		table-layout: fixed;
	}
	.mailForm table th {
		text-align: left;
	}	
}
@media all and (max-width: 896px) {
	.mailForm .ttl {
		margin-bottom: 25px;
	}
	.mailForm table {
		margin-bottom: 87px;
		border-width: 2px;
		border-bottom: none;
	}
	.mailForm {
		margin: 0 50px;
		padding: 0;
	}
	.mailForm table th, .mailForm table td {
		width: 100% !important;
		float: left !important;
		box-sizing: border-box;
		border: none;
		border-bottom: 2px solid #ccc;
	}
	.mailForm table th {
		padding: 26px 25px 27px;
	}
	.mailForm table td input.wid01 {
		max-width: 202px;
		width: 100%;
	}
	.mailForm table td input.wid02 {
		width: 100%;
		max-width: 342px;
	}
	.mailForm table td .btn {
		margin: 15px -4px 6px;
	}
	.mailForm table td .btn a {
		font-size: 1.6rem;
		width: 100%;
		max-width: 202px;
	}
	.mailForm table td .budget {
		display: block;
	}
	.mailForm table td .budget .box01 {
		margin: 0 0 17px;
		max-width: 238px;
		width: 100%;
	}
	.mailForm table td .redtxt {
		line-height: 1.55;
	}
	.mailForm .popBox .innerBox {
		padding: 30px 15px;
		width: 90%;
	}
	.mailForm table td .selectUl li select {
		width: calc(100% - 20px);
	}
	.mailForm .title {
		font-size: 1.8rem;
	}
	.mailForm table td .zip input {
		width: 100px;
	}
	.mailForm table td .selectUl li {
		margin-right: 2px;
	}
	.mailForm .submit input:hover {
		opacity: 1;
	}
	.mailForm .submit {
		text-align: center;
	}
	.mailForm .submit .back {
		margin-top: 10px;
		position: static;
		transform: none;
	}
}
@media all and (max-width: 400px) {
	.mailForm {
		margin: 0 15px 30px;
	}
	.mailForm table th, .mailForm table td {
		padding: 13px 10px;
	}
	.mailForm .submit {
		width: auto;
		max-width: 343px;
	}
	.mailForm .submit input {
		font-size: 2rem;
	}
}
/*------------------------------------------------------------
	comNews 
------------------------------------------------------------*/
#main .comNews {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
#main .comNews h4 {
	margin-bottom: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
	color: #3c3c3c;
}
#main .comNews h4 span {
	display: block;
	color: #808080;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 5px;
}
#main .comNews .img {
	width: 210px;
	height: 140px;
	float: right;
	margin: 3px 0 20px 20px;
	border-radius: 3px;
	overflow: hidden;
}
#main .comNews .img img {
	max-width: inherit;
	max-height: inherit;
	width: 210px;
	height: 140px;
}
#main .comNews p {
	font-size: 1.2rem;
	line-height: 1.45;
}
#main .comNews .comBtn {
	width: 250px;
	margin-top: 16px;
}
#main .comNews .comBtn a {
	padding: 11px 79px 11px 14px;
}
@media all and (max-width: 896px) {
	#main .comNews {
		margin-bottom: 15px;
		padding-bottom: 7px;
		border-bottom: 1px solid #eee;
	}
	#main .comNews h4 {
		margin-bottom: 7px;
		font-size: 1.1rem;
	}
	#main .comNews h4 span {
		font-size: 0.9rem;
		margin-bottom: 4px;
	}
	#main .comNews .img {
		width: 150px;
		height: 100px;
		float: right;
		margin: 3px 0 20px 20px;
		border-radius: 3px;
	}
}
/*------------------------------------------------------------
	wp-pagenavi 
------------------------------------------------------------*/
.wp-pagenavi {
	margin-top: 100px;
	font-size: 0;
	clear: both;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 1.6rem;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #C2986D;
	padding: 8px 5px;
	margin: 0 5px;
	background-color: #C2986D;
	box-sizing: border-box;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #C2986D;
	background-color: #fff;
}
.wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .pages {
	display: none;
}
@media all and (max-width: 896px) {
	.wp-pagenavi {
		margin-top: 60px;
	}
	.wp-pagenavi a:hover {
		color: #fff;
		background-color: #C2986D;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		padding: 6px 2px 4px;
		margin: 0 2px;
		width: 34px;
		height: 34px;
	}
}
/*------------------------------------------------------------
	pageNavi
------------------------------------------------------------*/
.pageNavi {
	margin-top: 80px;
	text-align: center;
}
.pageNavi li {
	margin: 0 20px;
	display: inline-block;
}
/*------------------------------------------------------------
	comBg
------------------------------------------------------------*/
.comBg {
	background: url("../../img/common/bg01.png") repeat-y center top;
	background-size: 100% auto;
}
.comBg .whiteBg {
	padding-top: 35px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.9);
}
.comBg.special {
	position: relative;
	background: url("../../img/common/bg03.jpg") no-repeat center top;
	background-size: 100% 4033px;
}
.comBg.special::before {
	width: 1000px;
    height: 222px;
    position: absolute;
    left: 50%;
    top: 0;
    background: url("../../img/common/bg04.png") no-repeat left top / 100% 100%;
    content: "";
    transform: translateX(-50%);
}
.comBg.special .whiteBg {
	position: relative;
	background-color: rgba(255, 255, 255, 0.6);
}
@media all and (max-width: 896px) {
	.comBg {
		background-image: url("../../img/common/sp_bg01.png");
		background-size: contain;
	}
	.comBg .whiteBg {
		padding-top: 26px;
	}
	.comBg.special {
		background-image: url(../../img/common/sp_bg02.jpg);
		background-size: cover !important;
	}
	.comBg.special::before {
		width: 100%;
		height: 14.583vw;
		left: 0;
		background: url("../../img/common/sp_bg03.png") no-repeat center top / 100% 100%;
		transform: none;
	}
}
/*------------------------------------------------------------
	comBannerList
------------------------------------------------------------*/
.comBannerList li {
	margin: 0 5px;
	width: 276px;
}
.comBannerList li a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comBannerList {
		margin-left: 10px;
		display: block;
	}
	.comBannerList li {
		margin: 0 auto 22px;
		width: 280px;
	}
}
/*------------------------------------------------------------
	comThanks
------------------------------------------------------------*/
.comThanks {
	margin-bottom: 66px;
}
.comThanks p {
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.8;
}
.comThanks .comBtn {
	margin: 0 auto;
	width: 300px;
}
.comThanks .comBtn a {
	padding: 15px 79px 15px 21px;
	font-size: 1.5rem;
}
@media all and (max-width: 896px) {
	.comThanks {
		margin-bottom: 44px;
	}
	.comThanks .comBtn {
		width: 100%;
		max-width: 240px;
	}
	.comThanks .comBtn a {
		padding: 15px 20px;
		font-size: 1.3rem;
		text-align: center;
	}
	.comThanks p {
		font-size: 1.5rem;
	}
}
/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {}
#index .menu .linkUl li {
	vertical-align: middle;
}
.comLinkUl li a {
	display: block;
	color: #fff;
	position: relative;
	z-index: 2;
	background-color: #C2986D;
	border: 5px solid #C2986D;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}
.comLinkUl li.wakuwakuDays a {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	color: #fff;
	position: relative;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	overflow: hidden;
	background: url(../../img/index/wakuwakuBg.jpg) no-repeat center center / cover;
}
.comLinkUl li.wakuwakuDays a img{
	height: 85%;
}

.comLinkUl li a:hover {
	opacity: 1;
}
.comLinkUl li a .img {
	position: relative;
	z-index: -1;
	overflow: hidden;
}
.comLinkUl li a .img img {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.comLinkUl li a:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.comLinkUl li .txt {
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	height: 108px;
	text-align: center;
	justify-content: center;
	font-size: 2.5rem;
	font-weight: 500;
	box-sizing: border-box;
}
.comLinkUl li .txt span {
	padding-top: 19px;
	display: block;
	background: url("../../img/common/img01.png") no-repeat top center / 50px auto;
}
.comLinkUl li a .link {
	padding: 14px 33px 15px 14px;
	font-size: 2.087rem;
	letter-spacing: -0.05em;
	background: url("../../img/common/icon05.png") no-repeat right 15px center / 15px auto;
}
.comLinkUl li a .link01 {
	letter-spacing: -0.13em;
}
@media all and (max-width: 896px) {
	.comLinkUl li a {
		border-width: 3px;
		border-radius: 10px;
	}
	.comLinkUl li .txt {
		padding-bottom: 0;
		font-size: 1.8rem;
		height: 83px;
		line-height: 1.2;
	}
	.comLinkUl li .txt span {
		padding-top: 14px;
	}
	.comLinkUl li a:hover .img img {
		transform: scale(1);
	}
	.comLinkUl li a .link {
		padding: 12px 26px 11px 10px;
		font-size: 1.6rem;
		background-size: 11px auto;
		background-position: right 12px center;
	}
}
@media all and (min-width: 897px) and (max-width: 1400px) {
	.headLine01 > span {
		max-width: 1180px !important;
	}
}
@media all and (max-width: 575px) {
	.comLinkUl li .txt {
		font-size: 3vw;
		height: 70px;
	}
	.comLinkUl li .txt span {
		background-size: 40px auto;
	}
	.comLinkUl li a .link {
		font-size: 2.7vw;
		letter-spacing: -0.05em;
	}
	.headLine01 {
		padding-bottom: 18px !important;
		font-size: 3rem;
	}
	.comBannerList {
		margin-left: 0;
	}
	.comBannerList li {
		width: auto;
	}
}

/*------------------------------------------------------------
	comBtnBox
------------------------------------------------------------*/
.comBtnBox {
	padding: 96px 0 109px;
	margin-top: 95px;
	background-color: #EFF9FF;
}
.comBtnBox .content {
	max-width: 906px;
}
.comBtnBox .content ul {
	margin-top: -25px;
	flex-wrap: wrap;
}
.comBtnBox .content ul li {
	margin: 25px 0 0;
	width: 290px;
	border-radius: 20px;
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.25);
}
.comBtnBox .content ul li img {
	width: 100%;
}
@media all and (max-width: 896px) {
	.comBtnBox {
		padding: 40px 0 51px 2%;
		margin-top: 62px;
	}
	.comBtnBox .content ul {
		margin: 0 auto;
		display: block;
		max-width: 509px;
	}
	.comBtnBox .content ul li {
		margin: 0 0 -7px;
		box-shadow: none;
		border-radius: 0;
		width: auto;
	}
}
tr.input_tel .formErrorContent,
tr.input_mail .formErrorContent {
	display: none !important;
}

tr.input_mail.input .formErrorContent,
tr.input_tel.input .formErrorContent {
	display: block !important;
}
.mailForm table td .btn {
	position: relative;
}
.mailForm table td .btn .hideCheck {
	position: absolute;
	left: 0;
	top: 0;
	width: 205px;
	height: 100%;
	pointer-events: none;
	opacity: 0;
}
/*----0407----*/
.mailForm .popBox .inner {
	margin: 0 0 20px;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.mailForm .popBox .inner label {
	margin: 0 0 -1px;
	width: 48%;
	position: relative;
	padding: 0 0 11px 20px;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.mailForm .popBox .inner label input {
	margin-top: -5px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.mailForm .popBox .inner label .img {
	width: 100px;
}
.mailForm .popBox .inner .car-inner{
	align-items: center;
}
.mailForm .popBox .inner .car-inner .txt {
	flex: 1;
	margin-right: 10px;
}
.mailForm .popBox .ttl {
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #000;
	width: 100%;
	box-sizing: border-box;
}
.mailForm .popBox .inner .car-inner .txt .size {
	font-size: 1.2rem;
}
.mailForm .popBox .inner01 label {
	padding-top: 11px;
}
.mailForm .popBox .inner01 label input {
	margin-top: 0;
}
@media all and (max-width: 896px) {
	.mailForm .popBox .inner {
		display: block;
	}
	.mailForm .popBox .inner label {
		width: auto;
		display: block;
	}
}
/*------------------------------------------------------------
	comFormTxt
------------------------------------------------------------*/
.comFormTxt {
	margin-bottom: 30px;
	text-align: center;
}
.comFormTxt p {
	font-size: 1.6rem;
	margin-bottom: 15px;
	word-break: break-all;
}
.comFormTxt span {
	display: block;
}
.comFormTxt p a {
	display: block;
	color: #f00;
	font-size: 1.8rem;
}
.comFormTxt .tel {
	font-size: 2rem;
}
.comFormTxt .textBox p {
	font-size: 1.4rem;
}
@media all and (max-width: 896px) {
	.comFormTxt {
		padding: 0 15px;
	}
}
/*------------------------------------------------------------
	pageNaviBg
------------------------------------------------------------*/
.pageNaviBg li {
	margin: 0 5px;
}
.pageNaviBg li a {
	padding: 10px 20px;
	display: block;
	color: #fff;
	background: #A4A4A4;
	border: 1px solid #797979;
	border-radius: 5px;
	letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
	.pageNaviBg li {
		margin: 0 2px;
	}
	.pageNaviBg li a {
		padding: 10px 5px;
	}
}

.comFormTxt .newTxt {
	margin-top: 80px;
	font-size: 2.2rem;
	text-align: center;
}
.mailForm table td .shopSelect {
	margin-top: 20px;
}
.mailForm table td .shopSelect p {
	margin-bottom: 2px;
	font-size: 1.2rem;
}
@media all and (max-width: 896px) {
	.comFormTxt .newTxt {
		margin-top: 40px;
		font-size: 1.6rem;
	}
	.comFormTxt .newTxt br {
		display: none;
	}
}

select::-ms-expand { display: none; }

/*------------------------------------------------------------
	comTimeBox
------------------------------------------------------------*/
.comTimeBoxBg {
	padding: 60px 0 0;
	line-height: 1.22 !important;
	background: #fff1dd;
}
.comTimeBoxBg * {
	line-height: 1.22 !important;
}
.comTimeBox {
	max-width: 1370px;
	margin: 0 auto;
	position: relative;
}
.comTimeBox .link {
	width: 832px;
	position: absolute;
	left: 50%;
	bottom: 21px;
	transform: translateX(-48.7%);
}
.comTimeBox .timeBox {
	position: absolute;
	left: 0;
	top: 294px;
	width: 100%;
}
.countdown {
	width: 1094px;
	height: 196px;
	margin: 0 auto;
	padding: 11px 20px 10px 33px;
	font-family: 'Noto Sans JP', sans-serif;
	background: url(../../img/common/com_time_bg02.png) no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
}
.countdown .bloc-time {
	float: left;
	position: relative;
	margin-right: 47px;
	text-align: center;
}
.countdown .bloc-time:not(:last-child):before {
	position: absolute;
	right: -29px;
	top: 50%;
	background: url(../../img/common/com_time_dot.png) no-repeat;
	width: 12px;
	height: 50px;
	content: "";
	margin-top: -6px;
}
.countdown .bloc-time:last-child {
	margin-right: 0;
}
.countdown .count-title {
	display: block;
	margin-bottom: 10px;
	color: #000;
	font-size: 2.5rem;
	font-weight: 500;
}
.countdown .figure {
	position: relative;
	float: left;
	height: 117px;
	width: 106px;
	margin-right: 10px;
	background-color: #333;
	border-radius: 8px;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown .figure:last-child {
	margin-right: 0;
}
.countdown .figure > span {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: 600;
	color: #fff;
	font-size: 9.8rem;
	line-height: 117px !important;
}
.countdown .figure > span span {
	line-height: 117px !important;
}
.countdown .figure .top:after,
.countdown .figure .bottom-back:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #BA9636;
}
.countdown .figure .top {
	z-index: 3;
	background-color: #333;
	border-radius: 8px 8px 0 0;
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-webkit-transform: perspective(200px);
			transform: perspective(200px);
}
.countdown .figure .bottom {
	z-index: 1;
}
.countdown .figure .bottom:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: rgba(0, 0, 0, 0.02);
}
.countdown .figure .bottom-back {
	z-index: 2;
	top: 0;
	height: 50%;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	background-color: #333;
}
.countdown .figure .bottom-back span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.countdown .figure .top,
.countdown .figure .top-back {
	height: 50%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
}
.countdown .figure .top-back {
	z-index: 4;
	bottom: 0;
	border-radius: 0 0 8px 8px;
	background-color: #333;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: perspective(200px) rotateX(180deg);
			transform: perspective(200px) rotateX(180deg);
}
.countdown .figure .top-back span {
	position: absolute;
	top: -100%;
	left: 0;
	right: 0;
	margin: auto;
}
@media all and (max-width: 896px) {
	.comTimeBox {
		width: 83.5vw;
		max-width: inherit;
	}
	.comTimeBoxc img {
		width: 100%;
	}
	.comTimeBox .link {
		width: 70.05vw;
		bottom: 1.4vw;
	}
	.comTimeBox .timeBox {
		position: absolute;
		left: 0;
		top: 25.8vw;
		width: 100%;
	}
	.countdown {
		width: 76.47vw;
		height: auto;
		padding: 1vw 1vw 1.8vw 2.4vw;
		background-image: url(../../img/common/com_time_bg02_sp.png);
		background-size: cover;
	}
	.countdown .bloc-time {
		margin-right: 3.3vw;
	}
	.countdown .bloc-time:not(:last-child):before {
		right: -3.25vw;
		width: 2.188vw;
		height: 4.688vw;
		margin-top: -0.469vw;
		background-size: 0.9vw auto;
	}
	.countdown .bloc-time:last-child {
		margin-right: 0;
	}
	.countdown .figure .top::after, 
	.countdown .figure .bottom-back::after {
		border-bottom-width: 2px;
	}
	.countdown .count-title {
		margin-bottom: 0.5vw;
		font-size: 1.8vw;
	}
	.countdown .figure {
		height: 8.5vw;
		width: 7.5vw;
		margin-right: 0.6vw;
		border-radius: 5px;
	}
	.countdown .figure > span {
		font-size: 6.5vw;
		line-height: 8.5vw !important;
	}
	.countdown .figure > span span {
		line-height: 8.5vw !important;
	}
	.countdown .figure .top {
		border-radius: 5px 5px 0 0;
	}
	.countdown .figure .top-back {
		border-radius: 0 0 5px 5px;
	}
	.countdown .figure .bottom-back {
		border-radius: 5px 5px 0 0;
	}
}