@charset "UTF-8";
/**
 * リキッドレスポンシブ時に、要素のvwを返す。
 * @param {number} $size デザインデータ上の縦横値
 * @param {number} $viewport デザインデータの横幅
 */
@keyframes hoverArrow {
	0% {
		opacity: 1;
		left: 50%;
	}
	50% {
		opacity: 0;
		left: 100%;
	}
	50.01% {
		opacity: 0;
		left: 0%;
	}
	100% {
		opacity: 1;
		left: 50%;
	}
}

@keyframes bggradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.js-fade-in {
	opacity: 0;
	transform: translateY(50px);
	transition: 1s;
}

.js-fade-in.is-show {
	opacity: 1;
	transform: translateY(0);
}

.grad-wrapper {
	width: 100vw;
	height: 100vh;
	background: linear-gradient(45deg, #ebedee, #e0c3fc, #8ec5fc, #ebedee);
	/*グラデーションを定義*/
	background-size: 200% 200%;
	animation: bggradient 15s ease infinite;
}

/**
 * リキッドレスポンシブ時に、要素のvwを返す。
 * @param {number} $size デザインデータ上の縦横値
 * @param {number} $viewport デザインデータの横幅
 */
/* モーダル本体の初期状態 */
.modal {
	opacity: 0;
	transform: scale(0.9);
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

@media screen and (max-width: 768px) {
	.modal {
		margin-left: auto;
		margin-right: auto;
	}
}

/* JavaScript で開いたときに適用 */
.modal[open] {
	animation-name: fadeIn;
	animation-fill-mode: forwards;
	animation-duration: 200ms;
	animation-timing-function: ease-out;
}

/* 背景のフェードイン */
.modal::backdrop {
	background: rgba(0, 0, 0, 0.5);
	animation: fadeInBackdrop 0.3s ease-out forwards;
}

.modal-youtube {
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
}

@media print, screen and (min-width: 769px) {
	.modal-youtube {
		width: 80%;
		max-width: 900px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 768px) {
	.modal-youtube {
		width: 100%;
	}
}

.modal-youtube .modal-inner {
	width: 100%;
}

@media print, screen and (min-width: 769px) {
	.modal-youtube .modal-inner {
		padding-top: calc(50 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.modal-youtube .modal-inner {
		padding-top: calc(80 * 100vw / 768);
	}
}

.modal-youtube .modal-content {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
}

.modal-youtube .modal-content iframe {
	width: 100%;
	height: 100%;
}

.modal-youtube .modal-content iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.modal-youtube .modal-close {
	position: fixed;
	right: 0;
	color: #fff;
	line-height: 1;
	cursor: pointer;
}

@media print, screen and (min-width: 769px) {
	.modal-youtube .modal-close {
		top: calc(-10 * 100vw / 1400);
		font-size: calc(60 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.modal-youtube .modal-close {
		top: calc(-20 * 100vw / 768);
		font-size: calc(100 * 100vw / 768);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.page__top {
	opacity: 0;
	transition: opacity 0.4s;
}

.page__top {
	letter-spacing: 0.05em;
}

.page__top.is-loaded {
	opacity: 1;
}

.page__top a {
	color: #222;
}

.page__top h2 {
	padding: 0;
	letter-spacing: 0.05em;
}

.page__top .common__button {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	line-height: 1;
	position: relative;
	background-color: #fff;
}

@media print, screen and (min-width: 769px) {
	.page__top .common__button {
		font-size: 1.0625rem;
		border: 2px solid #1d87d0;
		padding: calc(18 * 100vw / 1400) 50px calc(18 * 100vw / 1400) 1.875rem;
		line-height: 1;
	}
}

@media screen and (max-width: 768px) {
	.page__top .common__button {
		font-size: calc(23 * 100vw / 768);
		border: calc(2 * 100vw / 768) solid #1d87d0;
		padding: calc(24 * 100vw / 768) calc(16 * 100vw / 768) calc(24 * 100vw / 768) 0;
		line-height: 1;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .common__button__with__arrow:hover .common__button__arrow {
		transform: translateY(-50%) scale(1.2);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .common__button__with__arrow:hover .common__button__arrow::after {
		animation: hoverArrow 1s ease-in-out;
		transform: translate(-50%, -50%) scale(calc(1 / 1.2));
	}
}

.page__top .common__button__arrow {
	position: relative;
	display: block;
	background-color: #1d87d0;
	border-radius: 999px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.3s;
}

@media print, screen and (min-width: 769px) {
	.page__top .common__button__arrow {
		width: 30px;
		min-width: 30px;
		height: 30px;
		min-height: 30px;
		right: 20px;
	}
}

@media screen and (max-width: 768px) {
	.page__top .common__button__arrow {
		width: calc(40 * 100vw / 768);
		min-width: calc(40 * 100vw / 768);
		height: calc(40 * 100vw / 768);
		right: calc(20 * 100vw / 768);
	}
}

.page__top .common__button__arrow::after {
	content: "";
	display: block;
}

.page__top .common__button__arrow::after {
	background-image: url("/share/img//icon-arrow-white.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .common__button__arrow::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 769px) {
	.page__top .common__button__arrow::after {
		width: 18px;
		height: 18px;
		background-size: 18px 18px;
	}
}

@media screen and (max-width: 768px) {
	.page__top .common__button__arrow::after {
		width: calc(24 * 100vw / 768);
		height: calc(24 * 100vw / 768);
		background-size: calc(24 * 100vw / 768) calc(24 * 100vw / 768);
	}
}

.page__top img {
	width: 100%;
}

@media print, screen and (min-width: 769px) {
	.page__top .top__inner {
		width: calc(1220 * 100vw / 1400);
	}
	.page__top .top__inner {
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	.page__top .top__inner {
		padding-left: calc(40 * 100vw / 768);
		padding-right: calc(40 * 100vw / 768);
	}
}

.page__top .section__title {
	font-weight: bold;
	text-align: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .section__title {
		font-size: 2.1875rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .section__title {
		font-size: calc(40 * 100vw / 768);
	}
}

.page__top .kv {
	width: 100%;
	position: relative;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv {
		height: calc(750 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv {
		height: calc(1100 * 100vw / 768);
	}
}

.page__top .kv .kv__description {
	position: relative;
}

.page__top .kv .kv__description p {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	perspective: 1000;
	transition: opacity 0.5s ease-in-out;
	letter-spacing: 0.12em;
	line-height: 2;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__description p {
		margin-top: calc(30 * 100vw / 1400);
		font-size: calc(20 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__description p {
		margin-top: calc(25 * 100vw / 768);
		font-size: calc(24 * 100vw / 768);
	}
}

.page__top .kv .kv__description p.is-active {
	opacity: 1;
}

.page__top .kv .kv__title__wrap {
	position: absolute;
	left: 0;
	z-index: 2;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__title__wrap {
		top: 61%;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__title__wrap {
		top: calc(660 * 100vw / 768);
		left: calc(44 * 100vw / 768);
		width: calc(650 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__title {
		width: calc(448 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__title {
		width: calc(430 * 100vw / 768);
	}
}

.page__top .kv .kv__slider .splide__progress {
	background-color: #cccccc;
	border-radius: 999px;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__slider .splide__progress {
		width: calc(75 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__slider .splide__progress {
		width: calc(120 * 100vw / 768);
	}
}

.page__top .kv .kv__slider .splide__progress__bar {
	background: #666;
	border-radius: 999px;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__slider .splide__progress__bar {
		height: calc(5 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__slider .splide__progress__bar {
		padding: calc(6 * 100vw / 768) 0;
	}
}

.page__top .kv .kv__slider {
	position: relative;
	overflow: hidden;
	max-height: 100%;
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__slider {
		height: 100svh;
	}
}

.page__top .kv .kv__slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__inner {
		width: calc(1220 * 100vw / 1400);
	}
	.page__top .kv .kv__inner {
		margin-left: auto;
		margin-right: auto;
	}
}

.page__top .kv .kv__slider__utility {
	position: absolute;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__slider__utility {
		width: calc(250 * 100vw / 1400);
		bottom: calc(30 * 100vw / 1400);
		right: calc(40 * 100vw / 1400);
		display: flex;
		align-items: center;
		gap: calc(20 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__slider__utility {
		bottom: calc(25 * 100vw / 768);
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		gap: calc(15 * 100vw / 768);
	}
}

.page__top .kv .kv__slider__utility .splide__arrows {
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__slider__utility .splide__arrows {
		gap: calc(20 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__slider__utility .splide__arrows {
		gap: calc(20 * 100vw / 768);
		margin-right: calc(15 * 100vw / 768);
	}
}

.page__top .kv .kv__slider__utility .splide__arrow {
	transform: translate(0, 0);
	position: static;
	background: none;
	opacity: 1;
}

.page__top .kv .kv__slider__utility .splide__arrow::after {
	content: "";
	display: block;
}

.page__top .kv .kv__slider__utility .splide__arrow::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__slider__utility .splide__arrow::after {
		width: calc(18 * 100vw / 1400);
		height: calc(18 * 100vw / 1400);
		background-size: calc(18 * 100vw / 1400) calc(18 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__slider__utility .splide__arrow::after {
		width: calc(36 * 100vw / 768);
		height: calc(36 * 100vw / 768);
		background-size: calc(36 * 100vw / 768) calc(36 * 100vw / 768);
	}
}

.page__top .kv .kv__slider__utility .splide__arrow.splide__arrow--prev::after {
	content: "";
}

.page__top .kv .kv__slider__utility .splide__arrow.splide__arrow--prev::after {
	background-image: url("/share/img/icon-arrow-gray-left.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .kv .kv__slider__utility .splide__arrow.splide__arrow--next::after {
	content: "";
}

.page__top .kv .kv__slider__utility .splide__arrow.splide__arrow--next::after {
	background-image: url("/share/img/icon-arrow-gray.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .kv .kv__slider__utility .splide__arrow svg {
	display: none;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__slider__utility .splide__arrow:hover::after {
		animation: hoverArrow 1s ease-in-out;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__slider__utility .splide__toggle {
		width: calc(50 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__slider__utility .splide__toggle {
		width: calc(60 * 100vw / 768);
	}
}

.page__top .kv .kv__slider {
	opacity: 0;
	transition: 1s;
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__slider {
		height: calc(750 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__slider {
		height: calc(1110 * 100vw / 768);
	}
}

.page__top .kv .kv__slider.is-show {
	opacity: 1;
}

.page__top .kv .kv__slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page__top .kv .kv__title,
.page__top .kv .kv__link,
.page__top .kv .kv__description {
	opacity: 0;
	transform: translateY(10px);
	transition: 1s;
}

.page__top .kv .kv__title.is-show,
.page__top .kv .kv__link.is-show,
.page__top .kv .kv__description.is-show {
	opacity: 1;
	transform: translateY(0);
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__button {
		position: absolute;
		top: calc(135 * 100vw / 1400);
		width: calc(220 * 100vw / 1400);
		min-width: 220px;
		font-size: 1rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .kv .kv__button {
		top: calc(210 * 100vw / 768);
		left: calc(148 * 100vw / 768);
		width: calc(360 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .kv .kv__button .common__button__arrow {
		right: 15px;
	}
}

.page__top .important-news {
	background-color: #f9f9f9;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news {
		padding-top: calc(30 * 100vw / 1400);
		padding-bottom: calc(30 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news {
		padding-top: calc(40 * 100vw / 768);
		padding-bottom: calc(60 * 100vw / 768);
	}
}

.page__top .important-news.is-open .important-news__lists__more__wrap {
	grid-template-rows: 1fr;
}

.page__top .important-news.is-open .important-news__trigger span::after {
	background-image: url("/share/img/icon-minus-blue.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .important-news .important-news__wrap {
	position: relative;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__wrap {
		padding-left: calc(36 * 100vw / 1400);
		padding-right: calc(36 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__wrap {
		padding-left: calc(40 * 100vw / 768);
		padding-right: calc(40 * 100vw / 768);
	}
}

.page__top .important-news .important-news__title {
	font-weight: bold;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__title {
		font-size: 1.0625rem;
		margin-bottom: calc(20 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__title {
		font-size: calc(28 * 100vw / 768);
		margin-bottom: calc(16 * 100vw / 768);
	}
}

.page__top .important-news .important-news__trigger {
	position: absolute;
	top: 0;
}

.page__top .important-news .important-news__trigger {
	letter-spacing: 0.08em;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__trigger {
		right: 0;
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__trigger {
		right: calc(40 * 100vw / 768);
	}
}

.page__top .important-news .important-news__trigger span {
	position: relative;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__trigger span {
		font-size: 1.0625rem;
		padding-right: calc(25 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__trigger span {
		font-size: calc(28 * 100vw / 768);
		padding-right: calc(48 * 100vw / 768);
	}
}

.page__top .important-news .important-news__trigger span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.page__top .important-news .important-news__trigger span::after {
	background-image: url("/share/img/icon-plus-blue.svg");
	background-repeat: no-repeat;
	background-position: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__trigger span::after {
		width: calc(18 * 100vw / 1400);
		height: calc(18 * 100vw / 1400);
		background-size: calc(18 * 100vw / 1400) calc(18 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__trigger span::after {
		width: calc(32 * 100vw / 768);
		height: calc(32 * 100vw / 768);
		background-size: calc(32 * 100vw / 768) calc(32 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__list {
		font-size: 1.0625rem;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__list + .important-news__list {
		margin-top: calc(15 * 100vw / 1400);
		font-size: 1.0625rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__list + .important-news__list {
		margin-top: calc(30 * 100vw / 768);
	}
}

.page__top .important-news .important-news__list a {
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__list a {
		transition: opacity 0.3s;
	}
	.page__top .important-news .important-news__list a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__list a {
		flex-direction: column;
		gap: calc(8 * 100vw / 768);
	}
}

.page__top .important-news .important-news__list > div {
	display: flex;
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__list > div {
		flex-direction: column;
		gap: calc(8 * 100vw / 768);
	}
}

.page__top .important-news .important-news__list .important-news__date {
	display: block;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__list .important-news__date {
		width: 13.4375rem;
	}
}

.page__top .important-news .important-news__list .important-news__text {
	display: block;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__list .important-news__text {
		width: calc(100% - 215 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__list .important-news__text {
		line-height: calc(49 / 28);
	}
}

.page__top .important-news .important-news__lists__more__wrap {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.2s;
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news .important-news__lists__more__wrap {
		margin-top: calc(15 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news .important-news__lists__more__wrap {
		margin-top: calc(30 * 100vw / 768);
	}
}

.page__top .important-news .important-news__lists__more {
	overflow: hidden;
}

.page__top .topics {
	background: linear-gradient(to bottom, #ebebeb, #fff);
}

@media print, screen and (min-width: 769px) {
	.page__top .topics {
		padding-top: calc(100 * 100vw / 1400);
		padding-bottom: calc(100 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics {
		padding-top: calc(110 * 100vw / 768);
		padding-bottom: calc(190 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .topics__title {
		margin-bottom: calc(50 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .topics__title {
		margin-bottom: calc(30 * 100vw / 768);
	}
}

.page__top .topics .topics__slider .splide__slide a {
	display: block;
	width: 100%;
	position: relative;
}

.page__top .topics .topics__slider .splide__slide a {
	transition: opacity 0.3s;
}

.page__top .topics .topics__slider .splide__slide a:hover {
	opacity: 0.7;
}

.page__top .topics .topics__slider .splide__slide a img {
	transition: 0.3s;
}

.page__top .topics .topics__slider .splide__slide a:hover img {
	transform: scale(1.05);
}

.page__top .topics .topics__slider .splide__slide .topics__slider__thumbnail {
	width: 100%;
	padding-bottom: 66%;
	position: relative;
	overflow: hidden;
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .topics__slider .splide__slide .topics__slider__thumbnail {
		border-radius: calc(10 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .topics__slider .splide__slide .topics__slider__thumbnail {
		border-radius: calc(34 * 100vw / 768);
	}
}

.page__top .topics .topics__slider .splide__slide .topics__slider__thumbnail img {
	position: absolute;
}

.page__top .topics .topics__slider .splide__slide .topics__slider__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page__top .topics .topics__slider .splide__slide .topics__slider__title {
	font-weight: bold;
	text-align: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .topics__slider .splide__slide .topics__slider__title {
		font-size: 1.3125rem;
		margin-top: calc(20 * 100vw / 1400);
		padding-left: calc(70 * 100vw / 1400);
		padding-right: calc(70 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .topics__slider .splide__slide .topics__slider__title {
		font-size: calc(36 * 100vw / 768);
		margin-top: calc(18 * 100vw / 768);
	}
}

.page__top .topics .topics__slider .splide__slide .topics__slider__desc {
	text-align: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .topics__slider .splide__slide .topics__slider__desc {
		font-size: 1.0625rem;
		margin-top: calc(16 * 100vw / 1400);
		padding-left: calc(70 * 100vw / 1400);
		padding-right: calc(70 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .topics__slider .splide__slide .topics__slider__desc {
		margin-top: calc(18 * 100vw / 1400);
		line-height: calc(49 / 28);
	}
}

.page__top .topics .topics__slider__utility {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .topics__slider__utility {
		margin-top: calc(60 * 100vw / 1400);
		gap: calc(20 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .topics__slider__utility {
		margin-top: calc(70 * 100vw / 768);
		gap: calc(30 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .important-news + .pickup {
		margin-top: calc(60 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important-news + .pickup {
		margin-top: calc(40 * 100vw / 768);
	}
}

.page__top .pickup {
	position: relative;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup {
		padding-top: calc(90 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup {
		padding-top: calc(110 * 100vw / 768);
	}
}

.page__top .pickup .pickup__inner {
	position: relative;
	z-index: 1;
}

.page__top .pickup .pickup__grad__wrap {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	z-index: 0;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__grad__wrap {
		height: calc(1700 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__grad__wrap {
		height: calc(4200 * 100vw / 768);
	}
}

.page__top .pickup .pickup__grad {
	background: linear-gradient(90deg, #e0f2fe, #f1effd);
	/*グラデーションを定義*/
	background-size: 200% 200%;
	animation: bggradient 8s ease infinite;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	border-radius: 50%;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__grad {
		height: calc(1700 * 100vw / 1400);
		width: calc(2800 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__grad {
		height: calc(4200 * 100vw / 768);
		width: calc(3000 * 100vw / 768);
	}
}

.page__top .pickup .pickup__title {
	margin-left: auto;
	margin-right: auto;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__title {
		width: calc(433 * 100vw / 1400);
		margin-bottom: calc(36 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__title {
		width: calc(433 * 100vw / 768);
		margin-bottom: calc(36 * 100vw / 768);
	}
}

.page__top .pickup .pickup__desc {
	text-align: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__desc {
		line-height: calc(32 / 19);
		font-size: 1.1875rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__desc {
		line-height: calc(49 / 28);
	}
}

.page__top .pickup .pickup__sdgs {
	background-color: #fff;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__sdgs {
		margin-top: calc(25 * 100vw / 1400);
		padding: calc(40 * 100vw / 1400);
		border-radius: calc(20 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__sdgs {
		margin-top: calc(30 * 100vw / 768);
		padding: calc(50 * 100vw / 768) calc(80 * 100vw / 768);
		border-radius: calc(30 * 100vw / 768);
	}
}

.page__top .pickup .pickup__sdgs__wrap {
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__sdgs__wrap {
		justify-content: center;
		align-items: center;
		gap: calc(75 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__sdgs__wrap {
		flex-direction: column;
		gap: calc(40 * 100vw / 768);
		margin-top: calc(40 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__sdgs__wrap figure {
		width: calc(600 * 100vw / 1400);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__sdgs__wrap .pickup__sdgs__text {
		width: calc(380 * 100vw / 1400);
		font-size: 1.0625rem;
		line-height: 2;
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__sdgs__wrap .pickup__sdgs__text {
		line-height: calc(49 / 28);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__sdgs__wrap .pickup__sdgs__text p {
		margin-bottom: calc(15 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__sdgs__wrap .pickup__sdgs__text p {
		margin-bottom: calc(40 * 100vw / 768);
	}
}

.page__top .pickup .pickup__lists {
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__lists {
		align-items: stretch;
		gap: calc(45 * 100vw / 1400);
		margin-top: calc(45 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__lists {
		flex-direction: column;
		gap: calc(60 * 100vw / 768);
		margin-top: calc(60 * 100vw / 768);
	}
}

.page__top .pickup .pickup__list {
	background-color: #fff;
	overflow: hidden;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__list {
		border-radius: calc(15 * 100vw / 1400);
		width: calc(375 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__list {
		border-radius: calc(30 * 100vw / 768);
	}
}

.page__top .pickup .pickup__list a {
	display: block;
}

.page__top .pickup .pickup__list a {
	transition: opacity 0.3s;
}

.page__top .pickup .pickup__list a:hover {
	opacity: 0.7;
}

.page__top .pickup .pickup__list a img {
	transition: 0.3s;
}

.page__top .pickup .pickup__list a:hover img {
	transform: scale(1.05);
}

.page__top .pickup .pickup__list figure {
	position: relative;
	padding-bottom: calc((253 / 376) * 100%);
	overflow: hidden;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__list figure {
		width: 100%;
		height: calc(253 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__list figure {
		width: 100%;
		height: calc(450 * 100vw / 768);
	}
}

.page__top .pickup .pickup__list figure img {
	position: absolute;
	top: 0;
	left: 0;
}

.page__top .pickup .pickup__list figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__list__desc {
		padding: calc(20 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__list__desc {
		padding: calc(40 * 100vw / 768) calc(70 * 100vw / 768);
	}
}

.page__top .pickup .pickup__list__title {
	font-weight: bold;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__list__title {
		font-size: 1.3125rem;
		margin-bottom: calc(10 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__list__title {
		text-align: center;
		font-size: calc(36 * 100vw / 768);
		margin-bottom: calc(20 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__list__text {
		font-size: 1.0625rem;
		line-height: calc(26 / 17);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__list__text {
		line-height: calc(49 / 28);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__sdgs__button {
		font-size: 1.0625rem;
		padding-left: 0.9375rem;
		padding-right: 50px;
	}
}

.page__top .pickup .pickup__button {
	margin-left: auto;
	margin-right: auto;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__button {
		margin-top: calc(75 * 100vw / 1400);
		width: 17.8125rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__button {
		margin-top: calc(60 * 100vw / 768);
		width: calc(380 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom {
		margin-top: calc(100 * 100vw / 1400);
		padding-top: calc(40 * 100vw / 1400);
		border-radius: calc(30 * 100vw / 1400) calc(30 * 100vw / 1400) 0 0;
		background-color: #fff;
		width: calc(1200 * 100vw / 1400);
	}
	.page__top .pickup .pickup__bottom {
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom {
		margin-top: calc(120 * 100vw / 768);
		padding-top: calc(40 * 100vw / 768);
		border-radius: calc(30 * 100vw / 768) calc(30 * 100vw / 768) 0 0;
		background-color: #fff;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__title {
		width: calc(830 * 100vw / 1400);
		margin-bottom: calc(36 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__title {
		width: calc(370 * 100vw / 768);
		margin-bottom: calc(48 * 100vw / 768);
	}
}

.page__top .pickup .pickup__bottom .pickup__bottom__title {
	margin-left: auto;
	margin-right: auto;
}

.page__top .pickup .pickup__bottom .pickup__bottom__frame {
	overflow: hidden;
	display: flex;
	justify-content: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__frame {
		width: 100%;
		background-color: #fff;
		border: calc(6 * 100vw / 1400) solid #fff;
		border-radius: calc(30 * 100vw / 1400);
		gap: calc(6 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__frame {
		width: calc(730 * 100vw / 768);
		background-color: #fff;
		border-radius: calc(30 * 100vw / 768);
		gap: calc(6 * 100vw / 768);
	}
	.page__top .pickup .pickup__bottom .pickup__bottom__frame {
		margin-left: auto;
		margin-right: auto;
	}
}

.page__top .pickup .pickup__bottom .pickup__bottom__lists {
	transition: transform 0.9s;
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__lists {
		gap: calc(10 * 100vw / 768);
	}
}

.page__top .pickup .pickup__bottom .pickup__bottom__list {
	overflow: hidden;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list.rectangle01 {
		width: calc(360 * 100vw / 1400);
		height: calc(180 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list.rectangle01 {
		width: calc(360 * 100vw / 768);
		height: calc(215 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list.rectangle02 {
		width: calc(360 * 100vw / 1400);
		height: calc(360 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list.rectangle02 {
		width: calc(360 * 100vw / 768);
		height: calc(360 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list.rectangle03 {
		width: calc(460 * 100vw / 1400);
		height: calc(270 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list.rectangle03 {
		width: calc(360 * 100vw / 768);
		height: calc(263 * 100vw / 768);
	}
}

.page__top .pickup .pickup__bottom .pickup__bottom__list a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list a {
		transition: opacity 0.3s;
	}
	.page__top .pickup .pickup__bottom .pickup__bottom__list a:hover {
		opacity: 0.7;
	}
	.page__top .pickup .pickup__bottom .pickup__bottom__list a img {
		transition: 0.3s;
	}
	.page__top .pickup .pickup__bottom .pickup__bottom__list a:hover img {
		transform: scale(1.05);
	}
}

.page__top .pickup .pickup__bottom .pickup__bottom__list a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page__top .pickup .pickup__bottom .pickup__bottom__list a .pickup__bottom__arrow {
	display: block;
	border-radius: 99px;
	position: absolute;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list a .pickup__bottom__arrow {
		border: calc(2 * 100vw / 1400) solid #fff;
		width: calc(32 * 100vw / 1400);
		height: calc(32 * 100vw / 1400);
		right: calc(15 * 100vw / 1400);
		bottom: calc(15 * 100vw / 1400);
		filter: drop-shadow(0 0 calc(10 * 100vw / 1400) rgba(0, 0, 0, 0.7));
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list a .pickup__bottom__arrow {
		border: calc(3 * 100vw / 768) solid #fff;
		width: calc(46 * 100vw / 768);
		height: calc(46 * 100vw / 768);
		right: calc(18 * 100vw / 768);
		bottom: calc(18 * 100vw / 768);
	}
}

.page__top .pickup .pickup__bottom .pickup__bottom__list a .pickup__bottom__arrow::after {
	content: "";
}

.page__top .pickup .pickup__bottom .pickup__bottom__list a .pickup__bottom__arrow::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list a .pickup__bottom__arrow::after {
		width: calc(18 * 100vw / 1400);
		height: calc(18 * 100vw / 1400);
		background-size: calc(18 * 100vw / 1400) calc(18 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list a .pickup__bottom__arrow::after {
		width: calc(20 * 100vw / 768);
		height: calc(20 * 100vw / 768);
		background-size: calc(20 * 100vw / 768) calc(20 * 100vw / 768);
	}
}

.page__top .pickup .pickup__bottom .pickup__bottom__list a .pickup__bottom__arrow::after {
	background-image: url("/share/img/icon-arrow-white.svg");
	background-repeat: no-repeat;
	background-position: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list a:hover .pickup__bottom__arrow::after {
		animation: hoverArrow 1s ease-in-out;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list + .pickup__bottom__list {
		margin-top: calc(6 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .pickup .pickup__bottom .pickup__bottom__list + .pickup__bottom__list {
		margin-top: calc(5 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .product {
		margin-top: calc(130 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product {
		margin-top: calc(120 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__inner {
		width: calc(1040 * 100vw / 1400);
	}
	.page__top .product .product__inner {
		margin-left: auto;
		margin-right: auto;
	}
}

.page__top .product .product__title {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__title {
		margin-bottom: calc(50 * 100vw / 1400);
		gap: calc(20 * 100vw / 1400);
		min-height: calc(50 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .product__title {
		margin-bottom: calc(40 * 100vw / 768);
		gap: calc(18 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__title .product__know__title__icon {
		width: calc(44 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .product__title .product__know__title__icon {
		width: calc(58 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__title .product__try__title__icon {
		width: calc(44 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .product__title .product__try__title__icon {
		width: calc(58 * 100vw / 768);
	}
}

.page__top .product .splide__slide a {
	display: block;
	width: 100%;
	position: relative;
}

.page__top .product .splide__slide a {
	transition: opacity 0.3s;
}

.page__top .product .splide__slide a:hover {
	opacity: 0.7;
}

.page__top .product .splide__slide .product__slider__thumbnail {
	width: 100%;
	position: relative;
	overflow: hidden;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__slide .product__slider__thumbnail {
		border-radius: calc(10 * 100vw / 1400);
		padding-bottom: 33.3333%;
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .splide__slide .product__slider__thumbnail {
		border-radius: calc(30 * 100vw / 1400);
		padding-bottom: 60%;
	}
}

.page__top .product .splide__slide .product__slider__thumbnail img {
	position: absolute;
}

.page__top .product .splide__slide .product__slider__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page__top .product .product__slider__utility {
	display: flex;
	align-items: center;
	position: relative;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__slider__utility {
		margin-top: calc(60 * 100vw / 1400);
		gap: calc(20 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .product__slider__utility {
		margin-top: calc(70 * 100vw / 768);
		gap: calc(30 * 100vw / 768);
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__slider__utility .product__button {
		font-size: 1.0625rem;
		bottom: calc(0 * 100vw / 1400);
		width: 16.875rem;
		position: absolute;
		right: 0;
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .product__slider__utility .product__button {
		width: calc(380 * 100vw / 768);
		margin-top: calc(60 * 100vw / 768);
	}
	.page__top .product .product__slider__utility .product__button {
		margin-left: auto;
		margin-right: auto;
	}
}

.page__top .product .product__other {
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__other {
		margin-top: calc(80 * 100vw / 1400);
		justify-content: center;
		width: calc(1220 * 100vw / 1400);
		gap: calc(65 * 100vw / 1400);
	}
	.page__top .product .product__other {
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .product__other {
		margin-top: calc(100 * 100vw / 768);
		flex-direction: column;
		gap: calc(100 * 100vw / 768);
		padding-left: calc(40 * 100vw / 768);
		padding-right: calc(40 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__other .product__try,
	.page__top .product .product__other .product__buy {
		width: calc(576 * 100vw / 1400);
	}
}

.page__top .product .product__other .product__try a,
.page__top .product .product__other .product__buy a {
	width: 100%;
	display: block;
}

.page__top .product .product__other .product__try a,
.page__top .product .product__other .product__buy a {
	transition: opacity 0.3s;
}

.page__top .product .product__other .product__try a:hover,
.page__top .product .product__other .product__buy a:hover {
	opacity: 0.7;
}

.page__top .product .product__other .product__try a img,
.page__top .product .product__other .product__buy a img {
	transition: 0.3s;
}

.page__top .product .product__other .product__try a:hover img,
.page__top .product .product__other .product__buy a:hover img {
	transform: scale(1.05);
}

.page__top .product .product__other__thumbnail {
	padding-bottom: 50%;
	position: relative;
	overflow: hidden;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__other__thumbnail {
		border-radius: calc(25 * 100vw / 1400);
		margin-bottom: calc(15 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .product__other__thumbnail {
		border-radius: calc(30 * 100vw / 768);
		margin-bottom: calc(20 * 100vw / 768);
	}
}

.page__top .product .product__other__thumbnail img {
	position: absolute;
}

.page__top .product .product__other__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page__top .product .product__other__desc {
	text-align: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .product__other__desc {
		font-size: 1.1875rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .product__other__desc {
		line-height: calc(49 / 28);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .video {
		margin-top: calc(120 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .video {
		margin-top: calc(110 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .video .video__title {
		margin-bottom: calc(40 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .video .video__title {
		margin-bottom: calc(40 * 100vw / 768);
	}
}

.page__top .video .video__lists {
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .video .video__lists {
		align-items: center;
		justify-content: center;
		gap: calc(45 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .video .video__lists {
		flex-direction: column;
		gap: calc(40 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .video .video__list {
		width: calc(377 * 100vw / 1400);
	}
}

.page__top .video .video__list button {
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

@media print, screen and (min-width: 769px) {
	.page__top .video .video__list button {
		border-radius: calc(10 * 100vw / 1400);
	}
	.page__top .video .video__list button img {
		transition: 0.3s;
	}
	.page__top .video .video__list button:hover img {
		transform: scale(1.05);
	}
	.page__top .video .video__list button {
		transition: opacity 0.3s;
	}
	.page__top .video .video__list button:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px) {
	.page__top .video .video__list button {
		border-radius: calc(30 * 100vw / 768);
	}
}

.page__top .video .video__list button img {
	position: absolute;
}

.page__top .video .video__list button img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page__top .video .video__list button::after {
	content: "";
	display: block;
	pointer-events: none;
}

.page__top .video .video__list button::after {
	background-image: url("/share/img/icon-video-play.png");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .video .video__list button::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 769px) {
	.page__top .video .video__list button::after {
		width: calc(48 * 100vw / 1400);
		height: calc(48 * 100vw / 1400);
		background-size: calc(48 * 100vw / 1400) calc(48 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .video .video__list button::after {
		width: calc(88 * 100vw / 768);
		height: calc(88 * 100vw / 768);
		background-size: calc(88 * 100vw / 768) calc(88 * 100vw / 768);
	}
}

.page__top .video .video__button {
	margin-left: auto;
	margin-right: auto;
}

@media print, screen and (min-width: 769px) {
	.page__top .video .video__button {
		width: 27.1875rem;
		margin-top: calc(75 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .video .video__button {
		width: calc(580 * 100vw / 768);
		margin-top: calc(60 * 100vw / 768);
	}
	.page__top .video .video__button {
		margin-left: auto;
		margin-right: auto;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .news {
		margin-top: calc(120 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .news {
		margin-top: calc(100 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__title {
		margin-bottom: calc(60 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__title {
		margin-bottom: calc(40 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__tabs {
		border-bottom: calc(2 * 100vw / 1400) solid #1d87d0;
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__tabs {
		border-bottom: calc(4 * 100vw / 768) solid #1d87d0;
	}
}

.page__top .news .news__tab__lists {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__tab__lists {
		gap: calc(35 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__tab__lists {
		gap: calc(40 * 100vw / 768);
	}
}

.page__top .news .news__tab__list {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__tab__list {
		font-size: 1.0625rem;
		width: 16rem;
		height: 3.5rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__tab__list {
		font-size: calc(28 * 100vw / 768);
		width: calc(315 * 100vw / 768);
		height: calc(80 * 100vw / 768);
	}
}

.page__top .news .news__tab__list button {
	width: 100%;
	height: 100%;
	background-color: #ccc;
	text-align: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__tab__list button {
		border-radius: calc(10 * 100vw / 1400) calc(10 * 100vw / 1400) 0 0;
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__tab__list button {
		border-radius: calc(12 * 100vw / 768) calc(12 * 100vw / 768) 0 0;
	}
}

.page__top .news .news__tab__list button.is-active {
	background-color: #1d87d0;
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__lists {
		padding-top: calc(30 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__lists {
		padding-top: calc(60 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__list {
		border-top: calc(2 * 100vw / 1400) solid #e6e6e6;
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__list {
		border-top: calc(4 * 100vw / 768) solid #e6e6e6;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__list:last-of-type {
		border-bottom: calc(2 * 100vw / 1400) solid #e6e6e6;
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__list:last-of-type {
		border-bottom: calc(4 * 100vw / 768) solid #e6e6e6;
	}
}

.page__top .news .news__list a,
.page__top .news .news__list div {
	display: flex;
	align-items: flex-start;
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__list a,
	.page__top .news .news__list div {
		gap: calc(50 * 100vw / 1400);
		padding: calc(25 * 100vw / 1400) calc(10 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__list a,
	.page__top .news .news__list div {
		padding: calc(30 * 100vw / 768) calc(25 * 100vw / 768);
		flex-wrap: wrap;
		align-items: center;
	}
}

.page__top .news .news__list a .news__date,
.page__top .news .news__list div .news__date {
	display: block;
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__list a .news__date,
	.page__top .news .news__list div .news__date {
		font-size: 1.0625rem;
		width: 10rem;
		white-space: nowrap;
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__list a .news__date,
	.page__top .news .news__list div .news__date {
		margin-right: calc(60 * 100vw / 768);
	}
}

.page__top .news .news__list a .news__category,
.page__top .news .news__list div .news__category {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1d87d0;
	font-weight: bold;
	line-height: 1;
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__list a .news__category,
	.page__top .news .news__list div .news__category {
		min-width: 10rem;
		height: 1.4375rem;
		border: 0.125rem solid #1d87d0;
		font-size: 0.9375rem;
		border-radius: 0.375rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__list a .news__category,
	.page__top .news .news__list div .news__category {
		min-width: calc(240 * 100vw / 768);
		padding-left: calc(10 * 100vw / 768);
		padding-right: calc(10 * 100vw / 768);
		height: calc(36 * 100vw / 768);
		border: calc(4 * 100vw / 768) solid #1d87d0;
		font-size: calc(22 * 100vw / 768);
		border-radius: calc(10 * 100vw / 768);
	}
}

.page__top .news .news__list a .news__text,
.page__top .news .news__list div .news__text {
	display: block;
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__list a .news__text,
	.page__top .news .news__list div .news__text {
		font-size: 1.0625rem;
		width: calc(730 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__list a .news__text,
	.page__top .news .news__list div .news__text {
		width: 100%;
		margin-top: calc(12 * 100vw / 768);
		line-height: calc(49 / 28);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__list a {
		transition: opacity 0.3s;
	}
	.page__top .news .news__list a:hover {
		opacity: 0.7;
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__button__wrap {
		display: flex;
		justify-content: flex-end;
		margin-top: calc(80 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__button__wrap {
		display: flex;
		justify-content: center;
		margin-top: calc(60 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .news .news__button {
		width: 21.9375rem;
	}
}

@media screen and (max-width: 768px) {
	.page__top .news .news__button {
		width: calc(500 * 100vw / 768);
	}
}

.page__top .news .news__lists__news {
	display: none;
}

.page__top .important__link {
	display: flex;
	justify-content: center;
}

@media print, screen and (min-width: 769px) {
	.page__top .important__link {
		margin-top: calc(100 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important__link {
		margin-top: calc(80 * 100vw / 768);
	}
}

.page__top .important__link a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	position: relative;
}

@media print, screen and (min-width: 769px) {
	.page__top .important__link a {
		gap: calc(10 * 100vw / 1400);
		font-size: calc(25 * 100vw / 1400);
		padding-right: calc(35 * 100vw / 1400);
	}
	.page__top .important__link a {
		transition: opacity 0.3s;
	}
	.page__top .important__link a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px) {
	.page__top .important__link a {
		gap: calc(20 * 100vw / 768);
		font-size: calc(28 * 100vw / 768);
		padding-right: calc(44 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .important__link a img {
		width: calc(47 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important__link a img {
		width: calc(47 * 100vw / 768);
	}
}

.page__top .important__link a .important__button__arrow {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@media print, screen and (min-width: 769px) {
	.page__top .important__link a .important__button__arrow {
		width: calc(30 * 100vw / 1400);
		min-width: calc(30 * 100vw / 1400);
		height: calc(30 * 100vw / 1400);
		min-height: calc(30 * 100vw / 1400);
		right: calc(0 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important__link a .important__button__arrow {
		width: calc(30 * 100vw / 768);
		min-width: calc(30 * 100vw / 768);
		height: calc(30 * 100vw / 768);
		min-height: calc(30 * 100vw / 768);
		right: calc(0 * 100vw / 768);
	}
}

.page__top .important__link a .important__button__arrow::after {
	content: "";
	display: block;
}

.page__top .important__link a .important__button__arrow::after {
	background-image: url("/share/img/icon-arrow-black.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .important__link a .important__button__arrow::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 769px) {
	.page__top .important__link a .important__button__arrow::after {
		width: calc(18 * 100vw / 1400);
		height: calc(18 * 100vw / 1400);
		background-size: calc(18 * 100vw / 1400) calc(18 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .important__link a .important__button__arrow::after {
		width: calc(30 * 100vw / 768);
		height: calc(30 * 100vw / 768);
		background-size: calc(30 * 100vw / 768) calc(30 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .important__link a:hover .important__button__arrow::after {
		animation: hoverArrow 1s ease-in-out;
	}
}

.page__top .others {
	background-color: #dfeaf5;
}

@media print, screen and (min-width: 769px) {
	.page__top .others {
		padding-top: calc(100 * 100vw / 1400);
		padding-bottom: calc(100 * 100vw / 1400);
		margin-top: calc(70 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .others {
		padding-top: calc(120 * 100vw / 768);
		padding-bottom: calc(100 * 100vw / 768);
		margin-top: calc(70 * 100vw / 768);
	}
}

.page__top .others .others__lists {
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .others .others__lists {
		justify-content: space-between;
		gap: calc(40 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .others .others__lists {
		justify-content: center;
		flex-direction: column;
		gap: calc(40 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .others .others__list {
		width: calc(274 * 100vw / 1400);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .others .others__list .others__thumbnail {
		width: 100%;
		height: calc(164 * 100vw / 1400);
		border-radius: calc(12 * 100vw / 1400);
		overflow: hidden;
	}
}

@media screen and (max-width: 768px) {
	.page__top .others .others__list .others__thumbnail {
		height: calc(402 * 100vw / 768);
		border-radius: calc(30 * 100vw / 768);
		overflow: hidden;
	}
}

.page__top .others .others__list .others__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page__top .others .others__list a {
	display: flex;
	flex-direction: column;
	text-align: center;
	line-height: calc(24 / 14);
	letter-spacing: 0;
}

@media print, screen and (min-width: 769px) {
	.page__top .others .others__list a {
		font-size: 0.875rem;
		gap: calc(20 * 100vw / 1400);
	}
	.page__top .others .others__list a {
		transition: opacity 0.3s;
	}
	.page__top .others .others__list a:hover {
		opacity: 0.7;
	}
	.page__top .others .others__list a img {
		transition: 0.3s;
	}
	.page__top .others .others__list a:hover img {
		transform: scale(1.05);
	}
}

@media screen and (max-width: 768px) {
	.page__top .others .others__list a {
		gap: calc(30 * 100vw / 768);
		line-height: calc(49 / 24);
	}
}

@media screen and (max-width: 768px) {
	.page__top .splide__progress__bar {
		height: calc(10 * 100vw / 768);
	}
}

.page__top .product {
	/* スライド共通のスタイル */
	/* アクティブなスライドのスタイル */
}

.page__top .product .splide__arrows {
	position: static;
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__arrows {
		gap: calc(10 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .splide__arrows {
		gap: calc(20 * 100vw / 768);
	}
}

.page__top .product .splide__progress {
	width: calc(80 * 100vw / 1400);
	border-radius: 999px;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__progress {
		padding: calc(3 * 100vw / 1400);
		border: calc(2 * 100vw / 1400) solid #ccc;
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .splide__progress {
		padding: calc(8 * 100vw / 768);
		border: calc(4 * 100vw / 768) solid #ccc;
		width: calc(140 * 100vw / 768);
	}
}

.page__top .product .splide__progress .splide__progress__bar {
	background-color: #666;
	border-radius: 999px;
}

.page__top .product .splide__slide img {
	transition: 0.7s;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__slide img {
		border-radius: calc(20 * 100vw / 1400);
		transform: scale(0.93);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .splide__slide img {
		border-radius: calc(30 * 100vw / 1400);
		transform: scale(0.9);
	}
}

.page__top .product .splide__slide.is-active img {
	transform: scale(1);
}

.page__top .product .splide__length {
	color: #000000;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__length {
		font-size: calc(15 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .splide__length {
		font-size: calc(24 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__toggle {
		width: calc(48 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .splide__toggle {
		width: calc(80 * 100vw / 768);
	}
}

.page__top .product .splide__arrow {
	background: none;
	position: relative;
	right: auto;
	left: auto;
	transform: translate(0);
	opacity: 1;
	border: 1px solid #ccc;
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__arrow {
		width: calc(48 * 100vw / 1400);
		height: calc(48 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .splide__arrow {
		width: calc(80 * 100vw / 768);
		height: calc(80 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__arrow:hover::after {
		animation: hoverArrow 1s ease-in-out;
	}
}

.page__top .product .splide__arrow svg {
	display: none;
}

.page__top .product .splide__arrow::after {
	content: "";
	display: block;
}

.page__top .product .splide__arrow::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 769px) {
	.page__top .product .splide__arrow::after {
		width: calc(18 * 100vw / 1400);
		height: calc(18 * 100vw / 1400);
		background-size: calc(18 * 100vw / 1400) calc(18 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .product .splide__arrow::after {
		width: calc(36 * 100vw / 768);
		height: calc(36 * 100vw / 768);
		background-size: calc(36 * 100vw / 768) calc(36 * 100vw / 768);
	}
}

.page__top .product .splide__arrow.splide__arrow--prev::after {
	background-image: url("/share/img/icon-arrow-gray-left.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .product .splide__arrow.splide__arrow--next::after {
	background-image: url("/share/img/icon-arrow-gray.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .topics .splide__arrows {
	position: static;
	display: flex;
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .splide__arrows {
		gap: calc(10 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .splide__arrows {
		gap: calc(24 * 100vw / 768);
	}
}

.page__top .topics .splide__progress {
	border-radius: 999px;
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .splide__progress {
		padding: calc(3 * 100vw / 1400);
		border: calc(2 * 100vw / 1400) solid #ccc;
		width: calc(80 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .splide__progress {
		padding: calc(8 * 100vw / 768);
		border: calc(4 * 100vw / 768) solid #ccc;
		width: calc(140 * 100vw / 768);
	}
}

.page__top .topics .splide__progress .splide__progress__bar {
	background-color: #666;
	border-radius: 999px;
}

.page__top .topics .splide__length {
	color: #000000;
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .splide__length {
		font-size: calc(15 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .splide__length {
		font-size: calc(24 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .splide__toggle {
		width: calc(48 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .splide__toggle {
		width: calc(80 * 100vw / 768);
	}
}

.page__top .topics .splide__arrow {
	background: none;
	position: static;
	transform: translate(0);
	opacity: 1;
	border: 1px solid #ccc;
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .splide__arrow {
		width: calc(48 * 100vw / 1400);
		height: calc(48 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .splide__arrow {
		width: calc(80 * 100vw / 768);
		height: calc(80 * 100vw / 768);
	}
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .splide__arrow:hover::after {
		animation: hoverArrow 1s ease-in-out;
	}
}

.page__top .topics .splide__arrow svg {
	display: none;
}

.page__top .topics .splide__arrow::after {
	content: "";
	display: block;
}

.page__top .topics .splide__arrow::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 769px) {
	.page__top .topics .splide__arrow::after {
		width: calc(18 * 100vw / 1400);
		height: calc(18 * 100vw / 1400);
		background-size: calc(18 * 100vw / 1400) calc(18 * 100vw / 1400);
	}
}

@media screen and (max-width: 768px) {
	.page__top .topics .splide__arrow::after {
		width: calc(36 * 100vw / 768);
		height: calc(36 * 100vw / 768);
		background-size: calc(36 * 100vw / 768) calc(36 * 100vw / 768);
	}
}

.page__top .topics .splide__arrow.splide__arrow--prev::after {
	background-image: url("/share/img/icon-arrow-gray-left.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.page__top .topics .splide__arrow.splide__arrow--next::after {
	background-image: url("/share/img/icon-arrow-gray.svg");
	background-repeat: no-repeat;
	background-position: center;
}

/*# sourceMappingURL=../../../../_map/assets/styles/pages/top/style.css.map */