@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LXT */
/* 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;}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 1rem;
	color: #6B512A;
	font-weight: 400;
	text-align: center;
}
/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {
	margin: 0 auto 4rem;
	width: 24.5rem;
}
.comLinkUl li:not(:last-child) {
	margin-bottom: 1rem;
}
.comLinkUl li a {
	padding: 0.3rem 0.5rem;
	min-height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	color: #6B512A;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	border-radius: 0.4rem;
	border: 1px solid #6B512A;
	background: #FFF;
	transition: .4s cubic-bezier(0.45, 0, 0.55, 1);
	overflow: hidden;
	z-index: 2;
}
.comLinkUl li a::after {
	background: #6B512A;
	border-radius: 50%;
	content: "";
	display: block;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 100%;
	height: 0;
	z-index: -1;
	transform: translateY(-50%) scale(0.1);
	transition: opacity .5s, transform 0s;
	transition-delay: 0s, .4s;
}
.comLinkUl li.sm a {
	font-size: 1.4rem;
}
@media all and (min-width: 897px) {
	.comLinkUl li a:hover {
		color: #fff;
	}
	.comLinkUl li a:hover::after {
		opacity: 1;
		transform: translateY(-50%) scale(1.1);
		transition-delay: 0s;
		transition: opacity .8s, transform .6s ease-in-out;
	}
}
/*------------------------------------------------------------
	comSnsList
------------------------------------------------------------*/
.comSnsList {
	gap: 1rem 1.6rem;
}
.comSnsList li {
	width: 4.4rem;
}
.comSnsList li a {
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1.429px solid #6B512A;
	background: #FFF;
}
.comSnsList li a img {
	width: 2.4rem;
}
.comSnsList li:nth-child(2) a img {
	width: 2rem;
}
.comSnsList li:nth-child(4) a img {
	width: 2.8rem;
}
.comSnsList li:last-child a img {
	width: 2.6rem;
}
@media all and (min-width: 897px) {
	.comSnsList li a:hover {
		transform: translateY(-5px);
	}
	
@media all and (min-width: 897px) {
	.banner a:hover {
		transform: translateY(-5px);
	}
}