@charset "UTF-8";
/* font family */
/* fon weight */
/*----------
	おでかけ トップ
	/travel/
----- */
.un-travel-top-recommend .c-heading-lv2__icon {
	background-image: url("/assets/img/travel/top/icon_recommend.svg");
}

.un-travel-top-news .c-heading-lv2__icon {
	background-image: url("/assets/img/travel/top/icon_news.svg");
}

.un-travel-top-area {
	--color-tohoku-donan: var(--color-theme-main);
	--color-kanto-izu: #BE2D76;
	--color-shinetsu-hokuriku: #0F60B1;
}
.un-travel-top-area .c-caption-imagelink__image i {
	display: inline-block;
	width: 48px;
	height: 48px;
	background-color: var(--color-tohoku-donan);
}
.un-travel-top-area .c-caption-imagelink__caption {
	font-size: 1.8rem;
	line-height: 1.125;
}
.un-travel-top-area .c-caption-imagelink__caption span {
	font-size: 1.4rem;
}
.un-travel-top-area .c-grid__item:nth-of-type(2) .c-caption-imagelink__image i {
	background-color: var(--color-kanto-izu);
}
.un-travel-top-area .c-grid__item:nth-of-type(3) .c-caption-imagelink__image i {
	background-color: var(--color-shinetsu-hokuriku);
}
.un-travel-top-area .c-toggle__trigger {
	height: 80px;
	font-size: 1.8rem;
}
@media (min-width: 751px) {
	.un-travel-top-area .l-sidebg-right::before {
		width: 100%;
	}
	.un-travel-top-area .c-caption-imagelink__image i {
		width: 56px;
		height: 56px;
	}
	.un-travel-top-area .c-caption-imagelink__caption {
		font-size: 2.4rem;
	}
	.un-travel-top-area .c-caption-imagelink__caption span {
		font-size: 1.8rem;
	}
	.un-travel-top-area .c-toggle__trigger {
		height: 120px;
		font-size: 2.4rem;
	}
}
@media (hover: hover) {
	.un-travel-top-area .c-caption-imagelink__inner:hover {
		border-color: var(--color-tohoku-donan);
		color: var(--color-tohoku-donan);
	}
	.un-travel-top-area .c-grid__item:nth-of-type(2) .c-caption-imagelink__inner:hover {
		border-color: var(--color-kanto-izu);
		color: var(--color-kanto-izu);
	}
	.un-travel-top-area .c-grid__item:nth-of-type(3) .c-caption-imagelink__inner:hover {
		border-color: var(--color-shinetsu-hokuriku);
		color: var(--color-shinetsu-hokuriku);
	}
}

.un-travel-top-purpose__links .c-anchor-button__inner figure {
	padding: 24px 0 4px 0;
}
.un-travel-top-purpose__links .c-anchor-button__inner img {
	width: 48px;
	height: 48px;
}
.un-travel-top-purpose__section .c-center-col img {
	border-radius: 20px;
}
@media (min-width: 751px) {
	.un-travel-top-purpose__links .c-anchor-button__inner figure {
		padding: 24px 0 4px 0;
	}
	.un-travel-top-purpose__links .c-anchor-button__inner img {
		width: 56px;
		height: 56px;
	}
}

.un-services-slider .swiper-wrapper {
	align-items: stretch;
	height: 100%;
}
.un-services-slider .swiper-slide {
	border-radius: 50px;
	height: auto;
}
@media (min-width: 751px) {
	.un-services-slider .swiper-slide {
		flex-basis: auto;
	}
}
.un-services-slider__card {
	padding: 30px 15px 50px;
	background-color: #FFF;
}
.un-services-slider__card > figure {
	width: 255px;
	margin: 0 auto;
}
.un-services-slider__card > .c-text {
	min-height: 2lh;
	margin-top: 20px;
}
@media (min-width: 751px) {
	.un-services-slider__card {
		padding: 50px;
	}
	.un-services-slider__card > figure {
		width: 310px;
	}
	.un-services-slider__card > .c-text {
		text-align: center;
	}
}
.un-services-slider__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px -5px 0;
}
.un-services-slider__grid > div {
	flex: 0 0 calc(50% - 10px);
	margin: 0 5px;
}
.un-services-slider__grid > div:nth-of-type(3) {
	margin-top: 10px;
}
.un-services-slider__grid .c-text {
	display: grid;
	align-items: center;
	min-height: 2lh;
	font-weight: 600;
}
.un-services-slider__grid figure {
	margin-top: 10px;
}
.un-services-slider__grid figure img {
	border-radius: 8px;
}
@media (min-width: 751px) {
	.un-services-slider__grid {
		flex-wrap: nowrap;
		margin: 30px -20px 0;
	}
	.un-services-slider__grid > div {
		flex: 1 0 calc(33.3333333333% - 40px);
		margin: 0 20px;
	}
	.un-services-slider__grid > div:nth-of-type(3) {
		margin-top: 0;
	}
	.un-services-slider__grid figure {
		margin-top: 20px;
	}
	.un-services-slider__grid figure img {
		border-radius: 15px;
	}
}
/*# sourceMappingURL=travel-top.css.map */