@charset "UTF-8";
#ht-footer .ht-BoxGR{
	background-color:#f7f7f7;
	padding:60px 100px;
}
#ht-footer #ht-footer01 .ht-footer01Box{
	background-color:#fff;
	border:2px solid #dedede;
	border-radius: 20px;
	padding:15px;
}
#ht-footer #ht-footer01 .ht-footer01Box dt{
	font-size:2rem;
	font-weight:700;
	line-height:1.4;
	margin-bottom:10px;
	text-align:center;
}
#ht-footer #ht-footer01 .ht-footer01Box dd{
	line-height:1.6;
	margin-bottom:10px;
	padding:0 10px;
	font-size:1.6rem;
}
#ht-footer #ht-footer01 .ht-footer01Box p.icon{
	text-align:center;
	font-size:1.2rem;
}
#ht-footer #ht-footer01 .ht-footer01Box p.link{
	text-align:right;
	font-size:1.5rem;
	font-weight:700;
}
#ht-footer #ht-footer01 a{
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#ht-footer #ht-footer01 a:hover {
	opacity: 0.4;
	text-decoration: none;
}
#ht-footer #ht-footer01 p.link span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	background: url("../img/footer/icon_arrow.svg") left 0 no-repeat;
	background-size: auto;
	background-size: 12px auto;
	vertical-align: middle;
}

#ht-footer #ht-footer02{
	max-width:1200px;
	margin:80px auto 100px;
	font-size:1.8rem;
}
#ht-footer .ht-contactE p.btnD::before {
	content:"";
	background-image:url("../img/footer/icon_mail.svg");
	background-size:contain;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	left:20px;
	top: 22px;
	position:absolute
}
#ht-footer .ht-contactE p.btnD::after{
	content:"";
	background-size:contain;
	background-repeat:no-repeat;
	width: 31px;
	height: 31px;
	top: 55px;
	right: 0px;
	position:absolute;
	background-image:url("../img/footer/icon_arrowbgA.png");
}
#ht-footer .ht-contactE p.btnA::before {
	content:"";
	background-image:url("../img/footer/icon_freedial.svg");
	background-size:contain;
	background-repeat:no-repeat;
	top: 23px;
	left: 20px;
	width: 45px;
	height: 45px;
	position:absolute
}
#ht-footer .ht-contactE a{
	text-decoration: none;
	-webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
#ht-footer .ht-contactE a:hover{
	text-decoration: none;
	opacity: .4;
}
#ht-footer .ht-contactE p.btn{
	padding:30px;
	background-color:#fff;
	border:1px solid #19a7a0;
	border-radius: 10px;
	font-size:2.2rem;
	font-weight:700;
	text-align:center;
}
#ht-footer .ht-ContactEmds{
	text-align: center;
	margin-top:40px;
}
#ht-footer .ht-ContactEtxt{
	color:#825046;
	font-weight:700;
	font-size:2rem;
	line-height:1.6;
	text-align:center;
}
#ht-footer .ht-ContactEtxt{
	padding-left: 100px;
	background: url("../img/footer/icon_contact.svg")no-repeat;
	display: inline-block;
	height: 80px;
}
#ht-footer .ht-contactE dt.ttl{
	font-size:2rem;
	font-weight:700;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-top:50px;
	border-bottom:1px solid #ebebeb;
}
#ht-footer .ht-contactE dd.ht-contactEbtn div{
	position:relative;
}
#ht-footer .ht-contactE p.btn span{
vertical-align: middle;
}
#ht-footer .ht-contactE p.btnE::before {
	content:"";
	background-image:url("../img/footer/icon_mail.svg");
	background-size:contain;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	left:30px;
	top: 22px;
	position:absolute
}
#ht-footer .ht-contactE .ht-contactInfo span{
	padding: 6px;
	background-color: #4F4F4F;
	color: #fff;
	font-size: 1.6rem;
	margin-right: 10px;
}
#ht-footer .ht-contactE .Caution{
	font-size:1.6rem;
}
#ht-footer .ht-contactE p.btnE::after{
	content:"";
	background-size:contain;
	background-repeat:no-repeat;
	width: 31px;
	height: 31px;
	top: 55px;
	right: 0px;
	position:absolute;
	background-image:url("../img/footer/icon_arrowbgA.png");
}
#ht-footerNav .ht-Link02 a::after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 10px;
	background: url("../img/footer/icon_open_blank.svg") left 0 no-repeat;
	background-size: 12px auto;
	vertical-align: middle;
}


@media screen and (min-width:769px){
	.sp_br{
		display: none;
	}
	.onlyforPC{display:block !important;}
	.onlyforSP{display:none !important;}
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}
	#ht-footer #ht-footer01{
		max-width:1200px;
		margin:0 auto;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		column-gap: 10px;
		row-gap: 15px;
	}
	#ht-footer #ht-footer01 .ht-footer01Box{
		height:100%;
	}
	#ht-footer .ht-contactE dd.ht-contactEbtn{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		column-gap: 20px;
		margin-bottom:20px;
	}
	#ht-footer .ht-contactE p.btn span:nth-child(1){
		font-size:1.8rem;
	}
	#ht-footer .ht-contactE p.btn span:nth-child(3){
		font-size:3rem;
	}
	#ht-footer .ht-contactE .ht-contactInfo span:nth-child(4){
		margin-left:60px;
	}
	#ht-footer .ht-CButton a {
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		align-items:center;
		padding:30px;
		font-size:1.6rem;
		font-weight:700;
		width:350px;
		color:#333;
		border:1px solid #EBEBEB;
		text-decoration:none;
		-webkit-transition:background .2s ease,color .2s ease;
		-moz-transition:background .2s ease,color .2s ease;
		-o-transition:background .2s ease,color .2s ease;
		transition:background .2s ease,color .2s ease;
		position:relative;
		-webkit-transition:opacity .3s ease;
		-moz-transition:opacity .3s ease;
		-o-transition:opacity .3s ease;
		transition:opacity .3s ease
	}
	#ht-footer .ht-CButton a:after {
		content:"";
		background-size:contain;
		background-repeat:no-repeat;
		width: 11px;
		height: 11px;
		right: 15px;
		position:absolute;
		background-image:url("../img/footer/icon_arrowBtn.svg");
	}
	#ht-footer .ht-CButton a:hover {
		opacity:.4
	}
	#ht-footerNav{
		width: 100%;
		background: #eeeeee;
		position: relative;
		font-size:1.4rem;
		line-height:1.4;
	}
	#ht-footerNav #ht-footerNavBox{
		width: 1200px;
		margin:0 auto;
		padding-bottom:40px;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link01{
		padding-top:60px;
		display:flex;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link01 li{
		margin-right:60px;
		margin-bottom:20px;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link02 li{
		margin-bottom:20px;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link02 li a{
		text-decoration: none;
		cursor: pointer;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link02 li a:hover{
		text-decoration: underline;
	}
}

@media screen and (max-width:768px){
	.pc_br{
		display: none;
	}
	.onlyforPC{display:none !important;}
	.onlyforSP{display:block !important;}

	#ht-footer .ht-contactE .iconforSP::after{
		content:"";
		background-size:contain;
		background-repeat:no-repeat;
		width: 32px;
		height: 32px;
		top: 45px;
		right: 0px;
		position:absolute;
		background-image:url("../img/footer/icon_telephone.png");
	}
	#ht-footer #ht-footer01 .ht-footer01Box{
		border-radius: 10px;
	}
	#ht-footer .ht-BoxGR{
		background-color:#f7f7f7;
		padding:30px 20px;
	}
	#ht-footer #ht-footer01 .ht-footer01Box{
		display: grid;
		grid-template-columns: 90px auto;
		grid-template-rows: auto;
		row-gap: 10px;
	}
	#ht-footer #ht-footer01 .ht-footer01Box p.icon{
		margin-right:15px;
	}
	#ht-footer #ht-footer01 .ht-footer01Box p.link{
		font-size:1.4rem;
	}
	#ht-footer #ht-footer01 .ht-footer01Box dt{
		margin-bottom:10px;
		text-align:left;
		font-size:1.6rem;
	}
	#ht-footer #ht-footer01 .ht-footer01Box dd{
		padding:0;
		margin-bottom:10px;
		font-size:1.4rem;
	}
	#ht-footer #ht-footer01 .ht-footer01Box{
		margin-bottom:10px;
	}
	#ht-footer #ht-footer01 .ht-footer01Box{
		border:1px solid #dedede;
	}
	#ht-footer #ht-footer02{
		margin:60px 20px;
		line-height: 1.4;
	}
	#ht-footer .ht-contactE p.btnD::before{
		left:20px;
		top: 16px;
	}
	#ht-footer .ht-contactE p.btnD::after{
		top: 45px;
	}
	#ht-footer .ht-contactE p.btnA::before {
		top: 18px;
		left: 20px;
		width: 40px;
		height: 40px;
	}
	#ht-footer .ht-contactE p.btnE::before {
		left:20px;
		top: 16px;
	}
	#ht-footer .ht-contactE p.btn{
		text-align:left;
		font-size:1.6rem;
		padding:25px 20px 25px 70px;
	}
	#ht-footer .ht-contactE p.btnE::after{
		top: 45px;
	}
	#ht-footer02 .ht-contactEbtn p.btn.iconforSP{
		padding:12px 12px 12px 80px;
		text-align:left;
		margin-bottom:10px;
		min-height:76px;
	}
	#ht-footer .ht-contactInfo span{
		padding: 6px;
		background-color: #4F4F4F;
		color: #fff;
		font-size: 1.2rem;
		line-height: 2.8;
	}
	#ht-footer .ht-CButton a {
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		align-items:center;
		padding:20px;
		font-size:1.6rem;
		font-weight:700;
		color:#333;
		border:1px solid #EBEBEB;
		text-decoration:none;
		position:relative;
	}
	#ht-footer .ht-CButton a:after {
		content:"";
		background-size:contain;
		background-repeat:no-repeat;
		width: 11px;
		height: 11px;
		right: 15px;
		position:absolute;
		background-image:url("../img/footer/icon_arrowBtn.svg");
	}


	#ht-footerNav{
		width: 100%;
		background: #eeeeee;
		position: relative;
		font-size:1.4rem;
		line-height:1.4;
		font-weight:700;
	}
	#ht-footerNav #ht-footerNavBox{
		margin:0 20px;
		padding-bottom:30px;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link01{
		padding-top:50px;
		display: grid;
		grid-template-columns: 1.3fr 1fr;
		column-gap: 15px;
		row-gap: 10px;
		margin-bottom:20px;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link02 li{
		margin-bottom:10px;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link02 li a{
		text-decoration: none;
		cursor: pointer;
	}
	#ht-footerNav #ht-footerNavBox ul.ht-Link02 li a:hover{
		text-decoration: underline;
	}
}