@charset "UTF-8";

.guidance {
	padding-top: 43px;
}

.guidance__section:not(:last-child) {
	margin-bottom: 88px;
}

.guidance__heading {
	margin-bottom: 50px;
	text-align: center;
	font-size: 28px;
	line-height: 1.75;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.guidance__link-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.guidance__link-list__item {
	margin-bottom: 40px;
}

.guidance__link-list__item--2col {
	width: 48.5%;
}

.guidance__link-list__item--2col:not(:nth-child(2n)) {
	margin-right: 3%;
}

.guidance__link-list__item--3col {
	width: 31.3%;
}

.guidance__link-list__item--3col:not(:nth-child(3n)) {
	margin-right: 3%;
}

.guidance__link-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 60px 30px 72px;
	border: 1px solid #db6557;
	border-radius: 8px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.guidance__link-item:hover {
	background: #db6557;
	color: #FFFFFF;
}

.guidance__link-item:hover::after {
	color: #FFFFFF;
}

.guidance__link-item::after {
	content: "\f054";
	display: inline-block;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #db6557;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.guidance__link-item--sm {
	padding: 35px 30px 38px;
}

.guidance__link-item--icon::before {
	content: "";
	display: block;
	height: 48px;
	margin-bottom: 22px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.guidance__link-item--icon--01::before {
	width: 37px;
	background: url(../img/guidance/icon_company.svg) no-repeat center center/contain;
}

.guidance__link-item--icon--01:hover::before {
	background-image: url(../img/guidance/icon_company_white.svg);
}

.guidance__link-item--icon--02::before {
	width: 50px;
	background: url(../img/guidance/icon_shop.svg) no-repeat center center/contain;
}

.guidance__link-item--icon--02:hover::before {
	background-image: url(../img/guidance/icon_shop_white.svg);
}

.guidance__link-item--icon--03::before {
	width: 48px;
	background: url(../img/guidance/icon_contact.svg) no-repeat center center/contain;
}

.guidance__link-item--icon--03:hover::before {
	background-image: url(../img/guidance/icon_contact_white.svg);
}

.guidance__link-item--icon--04::before {
	width: 43px;
	background: url(../img/guidance/icon_pamphlet.svg) no-repeat center center/contain;
}

.guidance__link-item--icon--04:hover::before {
	background-image: url(../img/guidance/icon_pamphlet_white.svg);
}

.guidance__link-item__title {
	text-align: center;
	font-size: 28px;
	line-height: 1.75;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	letter-spacing: 0.1em;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.guidance__link-item--sm .guidance__link-item__title {
	font-size: 24px;
}

.guidance__link-item:hover .guidance__link-item__title {
	color: #FFFFFF;
}

.guidance__link-item__text {
	margin-top: 12px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.guidance__link-item:hover .guidance__link-item__text {
	color: #FFFFFF;
}

@media screen and (max-width: 767px) {

.guidance { /* sp */
	padding-top: 5px;
}

.guidance__section:not(:last-child) { /* sp */
	margin-bottom: 47px;
}

.guidance__heading { /* sp */
	margin-bottom: 23px;
	font-size: 19px;
}

.guidance__link-list__item { /* sp */
	width: 100%;
	margin-bottom: 15px;
}

.guidance__link-list__item--2col:not(:nth-child(2n)) { /* sp */
	margin-right: 0;
}

.guidance__link-list__item--3col:not(:nth-child(3n)) { /* sp */
	margin-right: 0;
}

.guidance__link-item { /* sp */
	padding: 28px 20px 30px;
	border-radius: 4px;
}

.guidance__link-item::after { /* sp */
	right: 15px;
	font-size: 11px;
}

.guidance__link-item--sm { /* sp */
	padding: 24px 20px;
}

.guidance__link-item--icon::before { /* sp */
	height: 32px;
	margin-bottom: 13px;
}

.guidance__link-item--icon--01::before { /* sp */
	width: 25px;
}

.guidance__link-item--icon--02::before { /* sp */
	width: 32px;
}

.guidance__link-item--icon--03::before { /* sp */
	width: 32px;
}

.guidance__link-item--icon--04::before { /* sp */
	width: 27px;
}

.guidance__link-item__title { /* sp */
	font-size: 19px;
}

.guidance__link-item--sm .guidance__link-item__title { /* sp */
	font-size: 17px;
}

.guidance__link-item__text { /* sp */
	margin-top: 6px;
}

}