@charset "UTF-8";



.l-container {
	min-width: var(--min-device-width);
}

.l-inner {
	max-width: var(--site-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--space-inline);
	padding-right: var(--space-inline);
}

.l-inner .l-inner {
	padding: 0;
}

.l-padding._top {
	padding-top: 120px;
}

.l-padding._top-large {
	padding-top: 180px;
}

.l-padding._top-small {
	padding-top: 100px;
}

.l-padding._bottom {
	padding-bottom: 120px;
}

.l-padding._bottom-large {
	padding-bottom: 180px;
}

.l-padding._bottom-small {
	padding-bottom: 100px;
}

.l-spacer._regular {
	height: 120px;
}

.l-spacer._small {
	height: 100px;
}

.c-bg._base {
	background-color: var(--color-base);
}

.c-bg._text-light {
	background-color: var(--color-text-light);
}

.c-bg._text-light2 {
	background-color: var(--color-text-light2);
}

.c-bg._link {
	background-color: var(--color-link);
}

.c-bg._outline {
	background-color: var(--color-outline);
}

.c-bg._text-link {
	background-color: var(--color-text-link);
}

.c-bg._white {
	background-color: var(--color-white);
}

.c-bg._primary {
	background-color: var(--color-primary);
}

.c-bg._pale {
	background-color: var(--color-pale);
}

.c-bg._pale2 {
	background-color: var(--color-pale2);
}

.c-bg._border {
	background-color: var(--color-border);
}

.c-bg._border2 {
	background-color: var(--color-border2);
}

.c-bg._border3 {
	background-color: var(--color-border3);
}

.c-bg._attention {
	background-color: var(--color-attention);
}



.c-bread {
	display: grid;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.6875rem;
}

.c-bread a {
	color: #AFAFAF;
}

.c-bread__bg,
.c-bread__list {
	grid-column: 1/2;
	grid-row: 1/2;
}

.c-bread__list {
	position: relative;
	z-index: 30;
	padding: 42px 50% 1px 207px;
	word-break: break-all;
}

.c-bread__list > li {
	display: inline;
	margin-right: 6px;
}

.c-bread__list > li + li:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 6px;
	border-radius: 1000px;
	background-color: #D6D6D6;
}

.c-bread__bg {
	position: relative;
	z-index: 10;
}

.c-bread__bg::before {
	content: "";
	position: absolute;
	z-index: -10;
	top: 0;
	left: -10000px;
	right: -10000px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-width: 1440px;
	background: url(../img/cmn/bread_bg.png) no-repeat left top;
	background-size: 100% 100%;
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
}

.c-button {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	max-width: 100%;
	padding: 5px 10px;
	border: 1px solid;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 2.53846;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	-webkit-transition: color 0.5s, border-color 0.5s, background-color 0.5s;
	transition: color 0.5s, border-color 0.5s, background-color 0.5s;
}

.c-button_wrapper._center {
	text-align: center;
}

.c-button_wrapper._mt {
	margin-top: 60px;
}

.c-button_wrapper._mt-small {
	margin-top: 50px;
}

.c-button:hover {
	text-decoration: none;
}

.c-button__arrow._back {
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.c-button._w_regular {
	width: 206px;
}

.c-button._w_small {
	width: 180px;
}

.c-button._w_fluid {
	width: 100%;
}

.c-button._h_regular {
	min-height: 50px;
}

.c-button._radius {
	border-radius: 9999px;
}

.c-button._color_primary {
	border-color: var(--color-primary);
	color: #fff;
	background-color: var(--color-primary);
}

.c-button._color_primary:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .c-button._color_primary:focus {
	color: var(--color-primary);
	--svg-main-color: var(--color-primary);
	background-color: #fff;
}

html[data-whatintent="mouse"] .c-button._color_primary:hover {
	color: var(--color-primary);
	--svg-main-color: var(--color-primary);
	background-color: #fff;
}

.c-button._color_dark {
	border-color: #000;
	color: #fff;
	background-color: #000;
}

.c-button._color_dark:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .c-button._color_dark:focus {
	color: #000;
	--svg-main-color: #000;
	background-color: #fff;
}

html[data-whatintent="mouse"] .c-button._color_dark:hover {
	color: #000;
	--svg-main-color: #000;
	background-color: #fff;
}

.c-button._disabled {
	opacity: 0.5;
	pointer-events: none;
}

.c-color._base {
	color: var(--color-base);
}

.c-color._text-light {
	color: var(--color-text-light);
}

.c-color._text-light2 {
	color: var(--color-text-light2);
}

.c-color._link {
	color: var(--color-link);
}

.c-color._outline {
	color: var(--color-outline);
}

.c-color._text-link {
	color: var(--color-text-link);
}

.c-color._white {
	color: var(--color-white);
}

.c-color._primary {
	color: var(--color-primary);
}

.c-color._pale {
	color: var(--color-pale);
}

.c-color._pale2 {
	color: var(--color-pale2);
}

.c-color._border {
	color: var(--color-border);
}

.c-color._border2 {
	color: var(--color-border2);
}

.c-color._border3 {
	color: var(--color-border3);
}

.c-color._attention {
	color: var(--color-attention);
}

.c-heading {
	margin-bottom: 50px;
}

.c-heading__title {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.03125;
	text-align: center;
}

.c-heading2 {
	position: relative;
	margin-bottom: 40px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.21212;
}

.c-heading2::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: -40px;
	width: 20px;
	height: 6px;
	background-color: rgba(0, 0, 0, 0.2);
}

.c-heading2._small {
	margin-bottom: 20px;
	font-size: 1.625rem;
}

.c-heading2._inset {
	margin-left: 40px;
	margin-bottom: 40px;
}

.c-heading3 {
	margin-bottom: 40px;
}

.c-heading3._mb_small {
	margin-bottom: 15px;
}

.c-heading3__title {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.66667;
	--letter-spacing: 0.08em;
}

.c-link-arrow {
	--c-color: var(--color-base);
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--c-color);
	--svg-main-color: var(--c-color);
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: normal;
}

.c-link-arrow_wrapper._center {
	text-align: center;
}

.c-link-arrow_wrapper._mt {
	margin-top: 36px;
}

.c-link-arrow::before {
	content: "";
	position: absolute;
	top: -15px;
	bottom: -15px;
	left: -20px;
	right: -20px;
}

.c-link-arrow__icon {
	margin-left: 8px;
}

.c-link-arrow._color_base {
	--c-color: var(--color-base);
}

.c-link-arrow._color_white {
	--c-color: #fff;
}



.c-list {
	display: table;
	counter-reset: c-list;
}

.c-list > li {
	display: table-row;
	counter-increment: c-list;
}

.c-list > li::before {
	display: table-cell;
}

.c-list._point > li::before {
	content: "\30fb";
}

.c-list._disc > li::before {
	content: "\25cf";
}

.c-list._square > li::before {
	content: "\25a0";
}

.c-list._decimal > li::before {
	content: counter(c-list) ".";
}

.c-list._decimal-zero > li::before {
	content: counter(c-list, decimal-leading-zero) ".";
}

.c-list._upper-roman > li::before {
	content: counter(c-list, upper-roman) ".";
}

.c-list._lower-roman > li::before {
	content: counter(c-list, lower-roman) ".";
}

.c-list._upper-alpha > li::before {
	content: counter(c-list, upper-alpha) ".";
}

.c-list._lower-alpha > li::before {
	content: counter(c-list, lower-alpha) ".";
}

.c-list._hiragana > li::before {
	content: counter(c-list, hiragana) ".";
}

.c-list._katakana > li::before {
	content: counter(c-list, katakana) ".";
}

.c-list._hiragana-iroha > li::before {
	content: counter(c-list, hiragana-iroha) ".";
}

.c-list._katakana-iroha > li::before {
	content: counter(c-list, katakana-iroha) ".";
}

.c-list._kanji > li::before {
	content: counter(c-list, trad-chinese-informal) ".";
}

.c-list._custom > li::before {
	content: attr(data-list);
}

.c-logo-fixed {
	display: none;
	position: fixed;
	z-index: -10;
	top: 30%;
	left: 50%;
	opacity: 0.1;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.c-media {
	height: 100%;
}

.c-media__link {
	position: relative;
	display: grid;
	height: 100%;
	color: #fff;
	font-family: "Lato", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	background-color: #000;
	overflow: hidden;
}

.c-media__link:hover {
	text-decoration: none;
}

.c-media__link::before {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	right: 0;
	height: 200px;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

.c-media__link._dark::before {
	height: 100% !important;
}

.c-media__desc,
.c-media__image {
	grid-column: 1/2;
	grid-row: 1/2;
}

.c-media__desc {
	position: relative;
	z-index: 20;
	-webkit-align-self: end;
	-ms-flex-item-align: end;
	align-self: end;
	padding: 40px;
}

.c-media__copy {
	font-size: 1.125rem;
}

.c-media__title {
	font-size: 1.875rem;
	line-height: 1.2;
}

.c-media__excerpt {
	margin-top: 15px;
	font-size: 0.8125rem;
	line-height: 1.30769;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.c-media__image {
	position: relative;
}

.c-media__image::before {
	content: "";
	display: block;
	padding-bottom: 65%;
}

.c-media__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.c-media__play {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.c-media__play svg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 20%;
}

.c-media._small .c-media__link::before {
	height: 130px;
}

.c-media._small .c-media__desc {
	padding: 20px;
}

.c-media._small .c-media__copy {
	margin-bottom: 5px;
	font-size: clamp(0.625rem, 1.69271vw, 0.8125rem);
	line-height: 1.22222;
}

.c-media._small .c-media__title {
	font-size: clamp(0.75rem, 2.34375vw, 1.125rem);
	line-height: 1.22222;
}

.c-media._small .c-media__excerpt {
	font-size: clamp(0.625rem, 1.69271vw, 0.8125rem);
}

.c-media._small .c-media__play svg {
	width: 72px;
}

.c-pagetitle {
	position: relative;
	z-index: 30;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin: -20px 165px 31px;
	color: #fff;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	line-height: 1;
	--letter-spacing: 0.08em;
}

.c-pagetitle__name {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding-bottom: 20px;
	font-size: 3.75rem;
}

.c-pagetitle__name::after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
	background-color: #fff;
}

.c-pagetitle__category {
	margin-left: 30px;
	font-size: 1.375rem;
}

.c-search-result {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5px 0.5em;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
}

.c-search-result._mb {
	margin-bottom: 60px;
}

.c-search-result__desc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5px 0.5em;
}

.c-search-result__desc span:not(:last-child)::after {
	content: " ,";
}

.c-search-result__desc a {
	color: var(--color-text-link);
}

.c-table-box {
	padding: 40px;
	border: 1px solid var(--color-border);
}

.c-table-box:not(:last-child) {
	margin-bottom: 40px;
}

.c-table-box table {
	width: 100%;
	--letter-spacing: 0.08em;
}

.c-table-box table th,
.c-table-box table td {
	border-inline: 0;
	border-block: 1px solid var(--color-border);
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
}

.c-table-box table th {
	width: 110px;
	padding-left: 20px;
	font-size: 1rem;
	font-weight: 700;
}

.c-table-box table td {
	font-size: 0.875rem;
	font-weight: 600;
}

.p-banner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.p-banner__item {
	min-width: 0;
}

.p-banner__link {
	position: relative;
	z-index: 10;
	height: 100%;
	padding: 330px 20px 44px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.p-banner__link {
	color: #fff;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-weight: 700;
	text-align: center;
	background-color: #000;
}

.p-banner__link:hover {
	text-decoration: none;
}

.p-banner__link::before,
.p-banner__link::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.p-banner__link::before {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: -10;
}

.p-banner__link::after {
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.p-banner__title {
	font-size: 1.5rem;
	line-height: 1.375;
}

.p-banner__title::after {
	content: "";
	display: block;
	width: 1px;
	height: 34px;
	margin: 30px auto 24px;
	background-color: rgba(255, 255, 255, 0.5);
}

.p-banner__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center 76%;
	object-position: center 76%;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -20;
}

.p-banner2._mt {
	margin-top: 60px;
}

.p-banner2__link a {
	display: block;
}

.p-banner2__link img {
	width: 100%;
}

.p-category {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	--letter-spacing: 0.08em;
}

.p-category._mt {
	margin-top: 100px;
}

.p-category._mt_small {
	margin-top: 60px;
}

.p-category._mb {
	margin-bottom: 100px;
}

.p-category__all {
	position: relative;
	z-index: 10;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 10px 0;
	height: calc(100% - 20px);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	max-height: 128px;
	pointer-events: none;
}

.p-category__all a {
	pointer-events: auto;
	display: block;
	width: 150px;
	padding: 11px 10px;
	color: #fff;
	font-size: 0.9375rem;
	text-align: center;
	background-color: #000;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.p-category__all a:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .p-category__all a:focus {
	opacity: 0.8;
}

html[data-whatintent="mouse"] .p-category__all a:hover {
	opacity: 0.8;
}

.p-category__search {
	justify-self: end;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.p-category__search button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
	width: 150px;
	min-height: 50px;
	padding: 10px;
	border: 0;
	color: #fff;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.8125rem;
	font-weight: 700;
	background-color: var(--color-primary);
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	--letter-spacing: 0.12em;
	cursor: pointer;
}

.p-category__search button:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .p-category__search button:focus {
	opacity: 0.8;
}

html[data-whatintent="mouse"] .p-category__search button:hover {
	opacity: 0.8;
}

.p-category__body {
	margin-left: 75px;
	margin-right: 75px;
	padding: 34px 75px 34px 126px;
	background-color: var(--color-pale2);
}

.p-category__term {
	font-size: 1.25rem;
}

.p-category__group {
	display: grid;
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	grid-template-columns: 226px 1fr;
}

.p-category__term {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 30px;
}

.p-category__term::after {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	content: "";
	display: block;
	height: 1px;
	margin-left: 20px;
	background-color: #CCCCCC;
}

.p-category__data {
	padding-top: 3px;
	min-width: 0;
	font-size: 1rem;
	overflow: hidden;
}

.p-category__data ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 3px 40px;
}

.p-category__data li {
	position: relative;
}

.p-category__data li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -25px;
	margin: auto 0;
	width: 6px;
	height: 6px;
	border-radius: 100px;
	background-color: #CCCCCC;
}

.p-category__label {
	cursor: pointer;
}

.p-category__label input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.p-category__label input:checked ~ .p-category__name {
	color: var(--color-text-link);
}

.p-detail__container:not(:first-child) {
	margin-top: 140px;
}

.p-detail__head-image {
	position: relative;
	min-height: 400px;
}

.p-detail__head-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-detail__head-desc {
	font-size: 1.125rem;
	line-height: 2.11111;
}

.p-detail__head-desc-in {
	padding: 80px 0 40px calc(50% + 80px);
}

.p-detail__head-thumb {
	margin-top: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 10px;
}

.p-detail__head-thumb > li {
	-webkit-flex-basis: 120px;
	-ms-flex-preferred-size: 120px;
	flex-basis: 120px;
}

.p-detail__head-thumb a {
	position: relative;
	display: block;
}

.p-detail__head-thumb a::before {
	content: "";
	display: block;
	padding-bottom: 66.66667%;
}

.p-detail__head-thumb a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-detail__body {
	margin-top: 100px;
	--distance: 160px;
	--gap: 80px;
}

.p-detail__map {
	position: relative;
	height: 600px;
}

.p-detail__map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.p-detail__info-item:not(:last-child) {
	margin-bottom: 50px;
}

.p-detail__heading {
	margin-bottom: 20px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.5rem;
}

.p-detail__table {
	width: 100%;
	font-size: 0.9375rem;
}

.p-detail__table :is(th,
td) {
	position: relative;
	padding-block: 18px;
	border-block: 1px solid var(--color-border);
	vertical-align: middle;
	line-height: 1.46667;
}

.p-detail__table th::after {
	content: "";
	display: block;
	width: 1px;
	height: 18px;
	position: absolute;
	top: -100px;
	bottom: -100px;
	right: 0;
	margin-block: auto;
	background-color: var(--color-border);
}

.p-detail__table td {
	padding-left: 30px;
	font-weight: 500;
}

.p-detail__table a {
	color: var(--color-text-link);
}

.p-post__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 40px;
}

.p-post__title {
	grid-area: title;
}

.p-post__date {
	grid-area: date;
}

.p-post__image {
	grid-area: image;
}

.p-post__link {
	display: grid;
	grid-template: "image" auto "date" auto "title" auto /    1fr;
}

.p-post__link:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .p-post__link:focus .p-post__title {
	text-decoration: underline;
}

html[data-whatintent="mouse"] .p-post__link:hover .p-post__title {
	text-decoration: underline;
}

.p-post__image {
	position: relative;
	background-color: #000;
}

.p-post__image::before {
	content: "";
	display: block;
	padding-bottom: 65%;
}

.p-post__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-post__date {
	margin-bottom: 10px;
	color: var(--color-text-light);
	font-size: 0.8125rem;
}

.p-post__title {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	font-size: 1.125rem;
	line-height: 1.66667;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.p-post2._full .c-media__link {
	max-width: none;
}

.p-post2._full .p-post2__list {
	gap: 0;
}

.p-post2__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.p-post2__item {
	min-width: 0;
}

.p-post3 {
	max-width: 960px;
	margin-inline: auto;
}

.p-post3__date,
.p-post3__title {
	position: relative;
	padding-block: 18px;
	border-block: 1px solid var(--color-border);
	vertical-align: middle;
	line-height: 1.46667;
}

.p-post3__date::after {
	content: "";
	display: block;
	width: 1px;
	height: 18px;
	position: absolute;
	top: -100px;
	bottom: -100px;
	right: 0;
	margin-block: auto;
	background-color: var(--color-border);
}

.p-post3__title {
	padding-left: 30px;
	font-weight: 500;
}

.p-recommended__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.p-recommended__item {
	min-width: 0;
	width: calc((100% - 80px) / 3);
	margin-left: 40px;
}

.p-recommended__item:nth-child(1),
.p-recommended__item:nth-child(2) {
	width: calc(50% - 20px);
}

.p-recommended__item:nth-child(n+3) .c-media .c-media__link::before {
	height: 130px;
}

.p-recommended__item:nth-child(n+3) .c-media .c-media__desc {
	padding: 20px;
}

.p-recommended__item:nth-child(n+3) .c-media .c-media__copy {
	margin-bottom: 5px;
	font-size: clamp(0.625rem, 1.69271vw, 0.8125rem);
	line-height: 1.22222;
}

.p-recommended__item:nth-child(n+3) .c-media .c-media__title {
	font-size: clamp(0.75rem, 2.34375vw, 1.125rem);
	line-height: 1.22222;
}

.p-recommended__item:nth-child(n+3) .c-media .c-media__excerpt {
	font-size: clamp(0.625rem, 1.69271vw, 0.8125rem);
}

.p-recommended__item:nth-child(n+3) .c-media .c-media__play svg {
	width: 72px;
}

.p-recommended__item:nth-child(n+3) {
	margin-top: 40px;
}

.p-search__list {
	border-top: 1px solid var(--color-border);
	font-weight: 500;
}

.p-search__list > li {
	padding: 10px 0;
	border-bottom: 1px solid var(--color-border);
}

.p-search__list a {
	color: var(--color-text-link);
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
}

.p-single {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.p-single__eyecatch {
	margin-bottom: 70px;
}

.p-single__main {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.p-single__head {
	margin-bottom: 30px;
}

.p-single__heading {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 1.33333;
	--letter-spacing: 0.08em;
}

.p-single__date {
	margin-top: 13px;
	color: var(--color-text-light);
	font-family: "Lato", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
}

.p-single__foot {
	margin-top: 95px;
}

.p-single2__head {
	display: grid;
}

.p-single2__mv,
.p-single2__desc {
	grid-column: 1/2;
	grid-row: 1/2;
}

.p-single2__mv {
	margin-right: 50%;
}

.p-single2__image {
	position: relative;
	min-height: 100%;
	height: 400px;
}

.p-single2__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-single2__desc-in {
	margin-left: 50%;
	padding: 72px 0 72px 80px;
}

.p-single2__text {
	font-size: 1.125rem;
	line-height: 2.11111;
}

.p-single2__thumb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-top: 10px;
}

.p-single2__thumb:after {
	display: block;
	content: "";
	height: 0.01rem;
	margin-top: -10px;
}

.p-single2__thumb > li {
	width: 120px;
	margin-top: 10px;
}

.p-single2__thumb > li:not(:last-child) {
	margin-left: 10px;
}

.p-single2__thumb a {
	position: relative;
	display: block;
	background-color: #000;
}

.p-single2__thumb a::before {
	content: "";
	display: block;
	padding-bottom: 66.66667%;
}

.p-single2__thumb a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-single2__body {
	margin-top: 93px;
}

.p-single2__info-item {
	display: grid;
}

.p-single2__info-group,
.p-single2__info-map {
	grid-column: 1/2;
	grid-row: 1/2;
}

.p-single2__info-map {
	margin-left: calc(50% + 160px);
	height: 600px;
}

.p-single2__info-map iframe {
	width: 100%;
	height: 100%;
}

.p-single2__info-container {
	width: calc(50% + 120px);
}

.p-single2__info-desc:not(:last-child) {
	margin-bottom: 46px;
}

.p-single2__table {
	width: 100%;
}

.p-single2__table tr {
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
}

.p-single2__table th,
.p-single2__table td {
	position: relative;
	padding-top: 18px;
	padding-bottom: 17px;
	vertical-align: middle;
}

.p-single2__table th {
	width: 174px;
	padding-right: 3px;
	line-height: 1.53333;
}

.p-single2__table th::after {
	content: "";
	position: absolute;
	top: 20px;
	bottom: 20px;
	right: 0;
	width: 1px;
	background-color: var(--color-border);
}

.p-single2__table td {
	padding-left: 30px;
	padding-right: 20px;
	font-weight: 500;
	line-height: 1.46667;
}

.p-single2__table a {
	color: var(--color-text-link);
	font-weight: 700;
}

.p-single2__foot {
	margin-top: 60px;
}

.p-single2__back {
	text-align: center;
}

.p-hl-slide {
	position: relative;
}

.p-hl-slide__group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	opacity: 0.6;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.p-hl-slide .swiper-slide-active .p-hl-slide__group,
.p-hl-slide .swiper-slide-duplicate-active .p-hl-slide__group {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.p-hl-slide .swiper-button-custom {
	position: absolute;
	z-index: 1000;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 0;
	width: 60px;
	height: 60px;
	border-radius: 1000px;
	background-color: #000;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.p-hl-slide .swiper-button-prev-custom {
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	left: -45px;
}

.p-hl-slide .swiper-button-next-custom {
	right: -45px;
}

.p-post-slide .swiper-slide {
	width: 400px;
}

.p-topics__body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.p-topics__section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	min-width: 0;
}

.p-topics__image {
	position: relative;
}

.p-topics__image::before {
	content: "";
	display: block;
	padding-bottom: 52.77778%;
}

.p-topics__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-topics__desc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 10;
	margin-top: -60px;
}

.p-topics__desc2 {
	max-width: 560px;
	margin: 0 20px;
	padding: 57px 40px 80px;
	background-color: #fff;
}

.p-topics__heading {
	margin-bottom: 25px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.5rem;
	line-height: 1.375;
	text-align: center;
}

.p-topics__small {
	display: block;
	margin-top: 0px;
	font-size: 0.9375rem;
}

.p-topics__more {
	margin-top: 15px;
}

[data-tel] a {
	color: inherit;
	text-decoration: underline;
}

[data-full="height"] {
	height: calc(var(--vh, 1vh) * 100);
}

[data-full="min-height"] {
	min-height: calc(var(--vh, 1vh) * 100);
}

[data-full="basis"] {
	-webkit-flex-basis: calc(var(--vh, 1vh) * 100);
	-ms-flex-preferred-size: calc(var(--vh, 1vh) * 100);
	flex-basis: calc(var(--vh, 1vh) * 100);
}

.lity:not(#root) {
	background-color: rgba(0, 0, 0, 0.6);
}

.lity:not(#root) .lity-close {
	top: 40px;
	right: 40px;
	width: 86px;
	height: 86px;
	text-indent: -9999px;
	background: url(../img/cmn/close.svg) no-repeat left top;
	background-size: 100% 100%;
}

.mw_wp_form.mw_wp_form_confirm .mw_confirm-hidden {
	display: none;
}

.mw_wp_form:not(.mw_wp_form_confirm) .mw_confirm-show {
	display: none;
}



/* pagenavi */

.wp-pagenavi {
	clear: both;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.wp-pagenavi_wrapper._mt {
	margin-top: 40px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-decoration: none;
	min-width: 60px;
	height: 60px;
	padding: 5px 5px;
	margin: 5px;
	border: 1px solid #AFAFAF;
	border-radius: 1000px;
	font-family: "Lato", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.25rem;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	--svg-main-color: #fff;
	border-color: #000;
	background: #000;
	color: #fff;
}

.wp-pagenavi span.current {
	font-weight: normal;
}

.wp-pagenavi .previouspostslink {
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.wp-pagenavi .extend {
	padding-bottom: 15px;
}



/*single markup style*/

.post_text {
	font-family: "Lato", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	line-height: 1.86667;
	overflow: hidden;
}

.post_text :is(p,
ul,
ol,
table,
blockquote):not(:last-child) {
	margin-bottom: 45px;
}

.post_text img {
	max-width: 100%;
	height: auto;
}

.post_text img.alignright {
	float: right;
	margin: 0 0 15px 15px;
	display: block;
}

.post_text img.alignleft {
	float: left;
	margin: 0 15px 15px 0;
	display: block;
}

.post_text img.aligncenter {
	display: block;
	margin: 0 auto 15px;
}

.post_text :is(h1,
h2,
h3,
h4,
h5,
h6) {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
}

.post_text h1 {
	font-size: 2.25rem;
	border-bottom: 6px solid;
}

.post_text h2 {
	margin-bottom: 40px;
	padding: 24px 40px;
	font-size: 1.5rem;
	line-height: 1.66667;
	--letter-spacing: 0.08em;
	background-color: var(--color-pale);
}

.post_text h3 {
	margin-bottom: 40px;
	padding: 5px 0 5px 24px;
	border-left: 6px solid #6A6A6A;
	font-size: 1.5rem;
	line-height: 1.66667;
	--letter-spacing: 0.08em;
}

.post_text h4 {
	margin-bottom: 20px;
	font-size: 1.25rem;
	line-height: 1.65;
}

.post_text h5 {
	font-size: 1.125rem;
	border-bottom: 2px solid;
}

.post_text h6 {
	font-size: 1rem;
	border-bottom: 1px solid;
}

.post_text th,
.post_text td {
	padding: 10px;
	border: 1px solid;
}

.post_text ul,
.post_text ol {
	margin-left: 24px;
	padding-left: 1.3em;
}

.post_text li {
	list-style-type: inherit;
	line-height: 1.4;
}

.post_text li:not(:last-child) {
	margin-bottom: 6px;
}

.post_text ul:not([style]) {
	padding-left: 0;
}

.post_text ul:not([style]) > li {
	display: table;
}

.post_text ul:not([style]) > li::before {
	display: table-cell;
	content: "\30fb";
}

.post_text a {
	text-decoration: underline;
	color: #999;
}

.post_text blockquote {
	padding: 24px 30px;
	background-color: var(--color-pale);
}

/*全画面*/

body:not(.page-top) .g-wrapper {
	overflow: hidden;
}

/*ヘッダー*/

.g-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	width: 100%;
	pointer-events: none;
}

.g-header .logo,
.g-header .navi {
	pointer-events: auto;
}

.g-header .inner {
	position: relative;
}

.g-header .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-top: 60px;
}

.g-header._sub {
	position: relative;
	pointer-events: auto;
	margin-bottom: 139px;
}

.g-header._sub .inner::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 312px solid var(--color-primary);
	border-left: 162px solid transparent;
	border-right: 162px solid transparent;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.g-header._sub .container {
	margin-bottom: 30px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.g-header._sub .navi {
	position: fixed;
	right: 60px;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.g-header .logo {
	position: relative;
	z-index: 30;
	-webkit-transform: translate(40px, -30px);
	-ms-transform: translate(40px, -30px);
	transform: translate(40px, -30px);
}

.g-header .bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -100;
}

.g-header .navi {
	position: relative;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.g-header .notice,
.g-header .menu-button {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	min-width: 0;
}

.g-header .notice {
	padding-top: 12px;
}

.g-header .notice__item:nth-child(n+2) {
	margin-top: 5px;
}

.g-header .notice__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
}

.g-header .notice__link:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .g-header .notice__link:focus .notice__title {
	text-decoration: underline;
}

html[data-whatintent="mouse"] .g-header .notice__link:hover .notice__title {
	text-decoration: underline;
}

.g-header .notice__title {
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.g-header .notice__count {
	min-width: 18px;
	line-height: 17px;
	padding-bottom: 1px;
	margin-right: 10px;
	border-radius: 100px;
	font-size: 0.6875rem;
	text-align: center;
	letter-spacing: normal;
	background-color: var(--color-attention);
}

.g-header .menu-button {
	margin-left: 20px;
	-webkit-transition: -webkit-filter 0.2s;
	transition: -webkit-filter 0.2s;
	transition: filter 0.2s;
	transition: filter 0.2s, -webkit-filter 0.2s;
}

.g-header .links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	margin-left: 30px;
}

.g-header .links > li {
	position: relative;
}

.g-header .links__button {
	display: grid;
	place-items: center;
	width: 86px;
	height: 86px;
	border: 4px solid #fff;
	border-radius: 9999px;
	-webkit-transition: -webkit-filter 0.2s;
	transition: -webkit-filter 0.2s;
	transition: filter 0.2s;
	transition: filter 0.2s, -webkit-filter 0.2s;
}

.g-header .links svg {
	position: relative;
	isolation: isolate;
}

.g-header .links svg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -10;
}

.g-header .links__accordion {
	display: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.g-header .language__panel {
	position: relative;
	isolation: isolate;
	min-width: 106px;
	margin-top: 10px;
	border: 4px solid #fff;
	border-radius: 18px;
	padding: 14px 12px;
	color: #fff;
	overflow: hidden;
}

.g-header .language__panel a {
	color: inherit;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.8125rem;
	font-weight: 700;
}

.g-header .language__panel .active a {
	opacity: 0.5;
	text-decoration: line-through;
	pointer-events: none;
}

.g-header .language__panel::before {
	content: "";
	position: absolute;
	z-index: -10;
	inset: 0;
	background-color: var(--color-primary);
	opacity: 0.6;
}

.g-header .language li:not(:last-child) {
	margin-bottom: 3px;
}

.g-header .search__panel {
	position: relative;
	isolation: isolate;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px;
	border: 4px solid #fff;
	border-radius: 18px;
	color: #fff;
	overflow: hidden;
}

.g-header .search__panel::before {
	content: "";
	position: absolute;
	z-index: -10;
	inset: 0;
	background-color: var(--color-primary);
	opacity: 0.6;
}

.g-header .search input {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 240px;
	padding: 13px 15px;
	border: 0;
	outline: 0;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	background: transparent;
}

.g-header .search__button {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: grid;
	place-items: center;
	width: 50px;
}

.g-header.is-scrolled .notice__title {
	color: #000;
}

.g-header.is-scrolled .menu-button {
	-webkit-filter: brightness(0);
	filter: brightness(0);
}

.g-header.is-scrolled .links__button {
	-webkit-filter: brightness(0);
	filter: brightness(0);
}

/*フッター*/

.g-footer {
	color: #fff;
	background-color: #151515;
}

.g-footer a {
	color: inherit;
}

.g-footer .banner1__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.g-footer .banner1__link {
	position: relative;
	z-index: 10;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 200px;
	padding: 10px 10px;
	color: #fff;
	background-color: #000;
}

.g-footer .banner1__link:hover {
	text-decoration: none;
}

.g-footer .banner1__title {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.5rem;
	line-height: 1.375;
	text-align: center;
}

.g-footer .banner1__subtitle {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	opacity: 0.4;
}

.g-footer .banner1__arrow {
	margin-top: 15px;
}

.g-footer .banner1__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -10;
}

.g-footer .banner2 {
	padding: 30px 20px;
	overflow: hidden;
}

.g-footer .banner2 .swiper-slide {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.g-footer .banner2 .swiper-slide img {
	display: block;
}

.g-footer .foot {
	padding-top: 60px;
	padding-bottom: 25px;
	border-top: 1px solid #fff;
}

.g-footer .logo {
	margin-bottom: 35px;
	text-align: center;
}

.g-footer .navi__list {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.8125rem;
	text-align: center;
}

.g-footer .navi__item {
	display: inline-block;
	margin: 0 15px;
}

.g-footer .sns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0 40px;
	margin-top: 20px;
}

html[lang="tw"] .g-footer .sns {
	gap: 0 25px;
}

.g-footer .sns svg {
	display: block;
}

.g-footer .sns a {
	position: relative;
	isolation: isolate;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1;
	gap: 5px;
}

.g-footer .sns a:hover {
	text-decoration: none;
}

.g-footer .sns a::before {
	content: "";
	position: absolute;
	z-index: -10;
	inset: -15px;
}

.g-footer .copyright {
	margin-top: 30px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.6875rem;
	text-align: center;
}

/*メイン*/

.g-main {
	display: block;
}

.g-main:after {
	content: " ";
	display: block;
	clear: both;
}

.g-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 100%;
	padding-top: var(--header-space);
	background-color: #F8F8F8;
	z-index: 6000;
	-webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	transition: transform 0.35s, -webkit-transform 0.35s;
}

.g-menu.is-open {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.g-menu .container {
	max-height: 100vh;
	max-height: 100svh;
	overflow-y: auto;
}

.g-menu .close {
	margin-bottom: -46px;
	text-align: right;
}

.g-menu .button {
	position: relative;
	z-index: 10;
}

.g-menu .nav {
	padding-left: 13px;
}

.g-menu .nav__list > li {
	position: relative;
}

.g-menu .nav__list > li:nth-child(n+2) {
	margin-top: 34px;
}

.g-menu .nav__list > li::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 6px;
	background-color: rgba(0, 0, 0, 0.2);
}

.g-menu .nav__parent a {
	position: relative;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.33333;
}

.g-menu .nav__parent a::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 2px;
}

.g-menu .nav__parent a:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .g-menu .nav__parent a:focus::before {
	background-color: #000;
}

html[data-whatintent="mouse"] .g-menu .nav__parent a:hover::before {
	background-color: #000;
}

.g-menu .nav__parent span {
	margin-left: 1em;
	font-size: 0.6875rem;
	color: var(--color-text-light2);
}

.g-menu .nav__child {
	margin-top: 5px;
	overflow: hidden;
}

.g-menu .nav__child > li {
	position: relative;
}

.g-menu .nav__child a {
	position: relative;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.125rem;
	line-height: 1.77778;
}

.g-menu .nav__child a::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 2px;
}

.g-menu .nav__child a:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .g-menu .nav__child a:focus::before {
	background-color: #000;
}

html[data-whatintent="mouse"] .g-menu .nav__child a:hover::before {
	background-color: #000;
}

.g-menu .nav__child span {
	display: block;
	margin-top: -5px;
	padding-bottom: 1px;
	font-size: 0.6875rem;
	color: var(--color-text-light2);
}

.g-menu .info {
	margin-top: 60px;
	display: grid;
	grid-template: "info-title info-border info-link" auto /    auto       auto        1fr;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
}

.g-menu .info::before {
	grid-area: info-border;
}

.g-menu .info__title {
	grid-area: info-title;
}

.g-menu .info__link {
	grid-area: info-link;
}

.g-menu .info::before {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	margin-top: 1rem;
	background-color: var(--color-border2);
}

.g-menu .info__title {
	font-size: 1rem;
	font-weight: 700;
}

.g-menu .info__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5px 30px;
	font-size: 0.875rem;
	font-weight: 700;
	overflow: hidden;
}

.g-menu .info__link > li {
	position: relative;
}

.q-access-about .desc {
	margin-bottom: 80px;
}

.q-access-about .image {
	position: relative;
	height: 400px;
}

.q-access-about .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.q-access-about .text {
	max-width: 720px;
}

.q-access-about .map {
	text-align: center;
}

.q-access-getting .tab .swiper-slide {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.q-access-getting .tab .swiper-slide:not(:last-child) .tab__button {
	padding-right: 66px;
}

.q-access-getting .tab .swiper-slide:not(:last-child) .tab__button::after {
	content: "";
}

.q-access-getting .tab__navi {
	margin-bottom: 40px;
}

.q-access-getting .tab__button {
	position: relative;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-border);
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
}

.q-access-getting .tab__button::after {
	width: 6px;
	height: 6px;
	border-radius: 9999px;
	position: absolute;
	top: 0;
	bottom: 10px;
	right: 33px;
	margin-block: auto;
	background-color: var(--color-border);
}

.q-access-getting .tab__button[aria-selected="true"] {
	color: var(--color-text-link);
}

.q-access-getting .tab__button:hover {
	text-decoration: none;
}

.q-access-getting .tab [aria-hidden="false"] {
	opacity: 1;
	visibility: visible;
	display: block;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.q-access-getting .tab [aria-hidden="true"] {
	opacity: 0;
	position: absolute;
	visibility: hidden;
	display: none;
	z-index: -9999;
}

.q-access-getting .heading {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	margin-bottom: 15px;
}

.q-access-getting .heading__icon {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.q-access-getting .heading__icon svg {
	display: block;
}

.q-access-getting .heading__title {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.53846;
	--letter-spacing: 0.08em;
}

.q-access-getting .trans:not(:first-child) {
	margin-top: 45px;
}

.q-access-getting .trans__desc {
	margin-bottom: 20px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
}

.q-access-getting .trans__desc:not(:first-of-type) {
	margin-top: 30px;
}

.q-access-getting .trans__step {
	position: relative;
	isolation: isolate;
}

.q-access-getting .trans__step::before {
	content: "";
	position: absolute;
	z-index: -10;
	background-color: var(--color-border);
}

.q-access-getting .trans__label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	min-height: 48px;
	padding: var(--padding, 3px 35px);
	color: #fff;
	text-align: center;
	line-height: 1.2;
	background-color: var(--color-base);
}

.q-access-getting .trans__exp {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 48px;
	font-size: 0.875rem;
	line-height: 1.8;
	text-align: center;
	--letter-spacing: 0.08;
}

.q-access-getting .trans__exp2 {
	padding-top: 5px;
	font-size: 0.75rem;
	line-height: 1.2;
	text-align: center;
}

.q-access-contact .c-heading3 {
	margin-bottom: 20px;
}

.q-access-contact .section:not(:last-child) {
	margin-bottom: 50px;
}

.q-access-contact .content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 60px;
}

.q-access-contact .content__title {
	margin-bottom: 10px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.65;
}

.q-access-contact .table {
	width: 100%;
	font-size: 0.9375rem;
}

.q-access-contact .table :is(th,
td) {
	position: relative;
	padding-block: 18px;
	border-block: 1px solid var(--color-border);
	vertical-align: middle;
	line-height: 1.46667;
}

.q-access-contact .table th::after {
	content: "";
	display: block;
	width: 1px;
	height: 18px;
	position: absolute;
	top: -100px;
	bottom: -100px;
	right: 0;
	margin-block: auto;
	background-color: var(--color-border);
}

.q-access-contact .table td {
	padding-left: 30px;
}

.q-access-contact .table a {
	color: var(--color-text-link);
}

.q-access-information .text {
	margin-bottom: 40px;
}

.q-courses-detail .inner {
	max-width: 960px;
}

.q-courses-detail .mv {
	margin-bottom: 70px;
}

.q-courses-detail .content {
	max-width: 800px;
	margin-inline: auto;
}

.q-courses-detail .content__head {
	margin-bottom: 40px;
}

.q-courses-detail .heading {
	margin-bottom: 10px;
	font-size: 2.25rem;
	font-weight: 600;
	--letter-spacing: 0.08em;
	line-height: 1.33333;
}

.q-courses-detail .date {
	color: var(--color-text-light);
	font-weight: 700;
}

.q-courses-detail .flow__title {
	grid-area: title;
}

.q-courses-detail .flow__count {
	grid-area: count;
}

.q-courses-detail .flow__desc {
	grid-area: desc;
}

.q-courses-detail .flow__image {
	grid-area: image;
}

.q-courses-detail .flow__item::after {
	grid-area: border;
}

.q-courses-detail .flow__item {
	display: grid;
	grid-template: "count  image" auto "border image" 1fr "border title" auto "border desc"  auto "border  .  "  50px /    132px  1fr;
}

.q-courses-detail .flow__item::after {
	content: "";
	width: 1px;
	background-color: var(--color-border);
}

.q-courses-detail .flow__item:not(:last-child) {
	margin-bottom: 15px;
}

.q-courses-detail .flow__item:last-child {
	border-bottom: 1px solid var(--color-border);
}

.q-courses-detail .flow__travel-time:not(:last-child) {
	margin-bottom: 25px;
}

.q-courses-detail .flow__count {
	margin-bottom: 30px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
}

.q-courses-detail .flow__count::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	margin-top: 5px;
	background-color: var(--color-text-link);
}

.q-courses-detail .flow__image {
	margin-bottom: 30px;
}

.q-courses-detail .flow__image img {
	width: 100%;
}

.q-courses-detail .flow__title {
	margin-bottom: 5px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--color-text-link);
	--letter-spacing: 0.08em;
}

.q-courses-detail .flow__title a {
	color: inherit;
	text-decoration: underline;
}

.q-courses-detail .flow__travel-time {
	display: grid;
	grid-template: "text     border-h" auto "border-v     .   " 30px /    auto     1fr;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px 30px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1rem;
	line-height: 2.0625;
}

.q-courses-detail .flow__travel-time p {
	grid-area: text;
}

.q-courses-detail .flow__travel-time::before {
	grid-area: border-h;
}

.q-courses-detail .flow__travel-time::after {
	grid-area: border-v;
}

.q-courses-detail .flow__travel-time::before,
.q-courses-detail .flow__travel-time::after {
	content: "";
	display: block;
	background-color: var(--color-border);
}

.q-courses-detail .flow__travel-time::before {
	height: 1px;
}

.q-courses-detail .flow__travel-time::after {
	width: 1px;
	height: 100%;
}

.q-courses .course {
	position: relative;
	isolation: isolate;
	padding: 80px 0;
}

.q-courses .course__bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -10;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

.q-courses .course__desc {
	position: relative;
	min-height: 210px;
	max-width: 530px;
	margin-left: 40px;
	padding: 40px 125px 40px 80px;
	background-color: #fff;
}

.q-courses .course__title {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	line-height: 1.55556;
}

.q-courses .course__more a {
	width: 182px;
}

.q-links .links__group:not(:last-child) {
	margin-bottom: 140px;
}

.q-links .links__desc {
	margin-bottom: 50px;
}

.q-links .links__category {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.5rem;
	letter-spacing: 0.08em;
}

.q-links .links__category:not(:first-child) {
	margin-top: 50px;
}

.q-links .links__list {
	border-top: 1px solid var(--color-border);
}

.q-links .links__list > li {
	border-bottom: 1px solid var(--color-border);
}

.q-links .link {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 83px;
	padding: 18px 45px 18px 0;
}

.q-links .link::before,
.q-links .link::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	width: 42px;
	height: 42px;
}

.q-links .link::before {
	border: 1px solid var(--color-border3);
	border-radius: 9999px;
}

.q-links .link::after {
	background: url(../img/cmn/icon_arrow.svg) no-repeat center center;
	background-size: 16px;
	-webkit-filter: brightness(0);
	filter: brightness(0);
}

.q-links .link__title {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
}

.q-links .link__desc {
	margin-top: 3px;
	line-height: 1.33333;
}

.q-links .link:hover {
	text-decoration: none;
}

html[data-whatinput="keyboard"] .q-links .link:focus .link__title {
	text-decoration: underline;
}

html[data-whatintent="mouse"] .q-links .link:hover .link__title {
	text-decoration: underline;
}

.q-pamphrets .pamphrets {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 20px;
}

.q-pamphrets .pamphret {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.q-pamphrets .pamphret__image {
	margin-bottom: 20px;
}

.q-pamphrets .pamphret__image img {
	width: 100%;
}

.q-pamphrets .pamphret__desc {
	text-align: center;
}

.q-pamphrets .pamphret__name {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.125rem;
	line-height: 1.22222;
	letter-spacing: 0.08em;
}

.q-pamphrets .pamphret__link {
	margin-top: 10px;
}

.q-pamphrets .pamphret__download {
	position: relative;
	isolation: isolate;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 5px;
	-moz-column-gap: 5px;
	column-gap: 5px;
	color: var(--color-text-link);
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.8125rem;
}

.q-pamphrets .pamphret__download::before {
	content: "";
	position: absolute;
	inset: -10px;
}

.q-pamphrets .pamphret__download svg {
	display: block;
	--svg-main-color: var(--color-text-link);
}

.q-photo-detail .content {
	max-width: 960px;
	margin-inline: auto;
}

.q-photo-detail .mv {
	margin-bottom: 40px;
}

.q-photo-detail .mv__image {
	text-align: center;
}

.q-photo-detail .mv__link {
	margin-top: 10px;
	text-align: right;
}

.q-photo-detail .mv__link a {
	color: var(--color-text-link);
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-weight: 700;
	text-decoration: underline;
}

.q-photo-detail .desc {
	max-height: 240px;
	padding: 40px;
	background-color: var(--color-pale2);
	overflow-y: auto;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
}

.q-photo-detail .desc h2 {
	margin-bottom: 25px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.65;
}

.q-photo-detail .desc ol {
	display: table;
	counter-reset: ol;
	border-collapse: collapse;
}

.q-photo-detail .desc ol > li {
	display: table-row;
	counter-increment: ol;
}

.q-photo-detail .desc ol > li:not(:last-child) {
	border-bottom: 15px solid transparent;
}

.q-photo-detail .desc ol > li::before {
	display: table-cell;
	content: counter(ol) ".";
	padding-right: 0.5em;
}

.q-photo-detail .download {
	margin-top: 30px;
}

.q-photo-detail .download__button {
	margin-top: 20px;
}

.q-photo-detail .agree {
	text-align: center;
}

.q-photo-detail .agree__label {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	text-align: left;
	font-weight: 600;
	cursor: pointer;
}

.q-shopping .bg {
	position: relative;
	isolation: isolate;
	color: #fff;
	background-color: #000;
}

.q-shopping .bg a {
	color: inherit;
}

.q-shopping .bg__image img {
	position: absolute;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -10;
}

.q-shopping .content {
	text-align: center;
}

.q-shopping .heading {
	margin-bottom: 50px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 2rem;
	line-height: 1.03125;
}

.q-shopping .text {
	line-height: 2.2;
}

.q-shopping .link {
	margin-top: 50px;
}

.q-shopping .link__arrow {
	margin-left: 3px;
}

.q-top-bg {
	position: relative;
}

.q-top-bg::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -20;
	background-color: #fff;
}

.q-top {
	overflow: hidden;
}

.q-top .container {
	position: relative;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff;
}

.q-top .container::before {
	content: "";
	position: absolute;
	z-index: -10;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.q-top .basis {
	min-height: 400px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.q-top .inner {
	position: relative;
	z-index: 10;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.q-top .logo {
	margin-bottom: 30px;
}

.q-top .logo::before {
	content: "";
	display: block;
	max-width: calc(100vw - (var(--space-inline) * 2));
	width: 1000px;
	height: 120px;
	position: absolute;
	z-index: -10;
	top: 0;
	bottom: 0;
	left: -10000px;
	right: -10000px;
	margin: auto;
	/* background-color: rgba(255, 255, 255, 0.5); */
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
}

.q-top .text {
	font-weight: 700;
	line-height: 2.2;
	text-align: center;
}

.q-top .movie-size,
.q-top .movie {
	position: absolute;
	top: -10000px;
	bottom: -10000px;
	left: -10000px;
	right: -10000px;
	margin: auto;
	z-index: -30;
}

.q-top .movie-size {
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

.q-top .movie {
	position: fixed;
	top: 0;
	bottom: auto;
	width: 100%;
	height: 100%;
}

.q-top .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.q-top2 {
	display: grid;
}

.q-top2 .mv,
.q-top2 .main {
	grid-column: 1/2;
	grid-row: 1/2;
	min-height: 600px;
}

.q-top2 .mv__section {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	display: grid;
	grid-template: "side1 center side2" auto /    1fr   1fr    1fr;
	height: 100vh;
}

.q-top2 .mv__section::after {
	grid-area: center;
	content: "";
	display: block;
}

.q-top2 .mv__section__side._before {
	grid-area: side1;
}

.q-top2 .mv__section__side._after {
	grid-area: side2;
}

.q-top2 .mv__body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.q-top2 .mv__side {
	position: relative;
}

.q-top2 .mv__image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.q-top2 .mv__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.q-top2 .mv__section:nth-child(1) .mv__side._after img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 20% center;
	object-position: 20% center;
}

.q-top2 .mv__section:nth-child(2) .mv__side._after img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 20% center;
	object-position: 20% center;
}

.q-top2 .mv__section:nth-child(3) .mv__side._after img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 90% center;
	object-position: 90% center;
}

.q-top2 .mv__section:nth-child(4) .mv__side._before img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 60% center;
	object-position: 60% center;
}

.q-top2 .mv__section:nth-child(4) .mv__side._after img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 75% center;
	object-position: 75% center;
}

.q-top2 .main {
	position: relative;
	z-index: 10;
	width: 33.33%;
	margin: 0 auto;
}

.q-top2 .main__section {
	display: contents;
}

.q-top2 .main__heading {
	margin-bottom: 30px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.16667;
	text-align: center;
}

.q-top2 .main__subtitle {
	margin-top: -30px;
	padding-bottom: 30px;
	color: var(--color-text-light2);
	font-size: 0.9375rem;
	font-weight: 700;
	text-align: center;
}

.q-top2 .main__small {
	font-size: 0.9375rem;
}

.q-top2 .main__more {
	margin-top: 50px;
}

.q-top2 .main__image {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.q-top2 .main__image::before {
	content: "";
	display: block;
}

.q-top2 .main__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center 5%;
	object-position: center 5%;
}

.q-top2 .main__text {
	font-weight: 500;
}

html[lang="en"] .q-top2 .main__text {
	font-weight: 700;
}

.q-top3 .banner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 20px;
}

.q-top3 .banner__item {
	min-width: 0;
}

.q-top3 .banner__link {
	position: relative;
	z-index: 10;
	height: 100%;
	padding: 280px 20px 65px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.q-top3 .banner__link {
	color: #fff;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-weight: 700;
	text-align: center;
	background-color: #000;
}

.q-top3 .banner__link:hover {
	text-decoration: none;
}

.q-top3 .banner__link::before,
.q-top3 .banner__link::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.q-top3 .banner__link::before {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: -10;
}

.q-top3 .banner__link::after {
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.q-top3 .banner__title {
	font-size: 1.5rem;
	line-height: 1.375;
}

.q-top3 .banner__subtitle {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	opacity: 0.4;
}

.q-top3 .banner__more::before {
	content: "";
	display: block;
	width: 1px;
	height: 34px;
	margin: 22px auto 24px;
	background-color: rgba(255, 255, 255, 0.5);
}

.q-top3 .banner__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -20;
}

.q-top4 .padding {
	padding-top: 124px;
	padding-bottom: 120px;
	overflow: hidden;
}

.q-top4 .bg {
	position: relative;
	z-index: 10;
	color: #fff;
	background-color: #000;
}

.q-top4 .bg a {
	color: inherit;
}

.q-top4 .bg__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -30;
}

.q-top4 .text {
	text-align: center;
}

.q-top4 .banner {
	max-width: 1200px;
	margin: 36px auto 0;
}

.q-top4 .banner__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.q-top4 .banner__item {
	min-width: 0;
	line-height: 1;
}

.q-top4 .banner__link {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 10;
	min-height: 88px;
	padding: 10px  30px;
	color: #fff;
	--svg-main-color: #fff;
	background-color: #000;
}

.q-top4 .banner__link:hover {
	text-decoration: none;
}

.q-top4 .banner__link::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: -10;
}

.q-top4 .banner__text {
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}

.q-top4 .banner__subtitle {
	margin-top: 5px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 0.8125rem;
	font-weight: 700;
	opacity: 0.4;
}

.q-top4 .banner__arrow svg {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto 0;
}

.q-top4 .banner__img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -20;
}

.q-top5 .padding {
	padding-top: 80px;
	padding-bottom: 80px;
}

.q-top6 .padding {
	padding-top: 80px;
	padding-bottom: 330px;
}

.q-top6 .bg {
	position: relative;
	z-index: 10;
}

.q-top6 .bg__image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 378px;
	z-index: -10;
	background-color: #000;
}

.q-top6 .bg__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.q-top6 .heading {
	color: #fff;
}

.q-top6 .post {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
}

.q-top6 .post__thumb {
	position: relative;
	z-index: 10;
	margin-bottom: 15px;
	background-color: #000;
}

.q-top6 .post__thumb::after {
	content: "";
	display: block;
	padding-bottom: 68.96552%;
	background-color: rgba(0, 0, 0, 0.3);
}

.q-top6 .post__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -10;
}

.q-top6 .post__icon {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.q-top6 .post__icon svg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.q-top6 .post__title {
	font-size: 1.125rem;
	line-height: 1.66667;
	text-align: center;
}

.q-top6 .slide {
	position: relative;
	overflow: hidden;
}

.q-top6 .slide .swiper-slide {
	-webkit-transform: scale(0.65) translateY(-15px);
	-ms-transform: scale(0.65) translateY(-15px);
	transform: scale(0.65) translateY(-15px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: -webkit-transform 0.8s;
	transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	transition: transform 0.8s, -webkit-transform 0.8s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.q-top6 .slide .swiper-slide-active,
.q-top6 .slide .swiper-slide-duplicate-active {
	z-index: 10;
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
}

.q-top6 .slide .swiper-slide-active .post,
.q-top6 .slide .swiper-slide-duplicate-active .post {
	pointer-events: auto;
}

.q-top6 .slide .swiper-slide-active .post__icon,
.q-top6 .slide .swiper-slide-duplicate-active .post__icon {
	opacity: 1;
}

.q-top6 .slide .swiper-button-custom {
	position: absolute;
	z-index: 1000;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 0;
	bottom: 80px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	width: 60px;
	height: 60px;
	border-radius: 1000px;
	background-color: rgba(255, 255, 255, 0.3);
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.q-top6 .slide .swiper-button-prev-custom {
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	right: 60vw;
}

.q-top6 .slide .swiper-button-next-custom {
	left: 60vw;
}

.q-topics-detail .lede {
	margin-bottom: 80px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.25rem;
	line-height: 2;
	--letter-spacing: 0.08em;
}

.q-topics-detail .slide {
	position: relative;
	isolation: isolate;
	margin-bottom: 180px;
	padding: 90px 170px 0;
}

.q-topics-detail .slide::before {
	content: "";
	position: absolute;
	z-index: -10;
	top: 0;
	left: 0;
	right: 0;
	padding-bottom: 39.0625%;
	background-color: var(--color-pale2);
}

.q-topics-detail .slide .swiper-slide {
	-webkit-transform: translateY(90px);
	-ms-transform: translateY(90px);
	transform: translateY(90px);
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}

.q-topics-detail .slide .swiper-slide-active,
.q-topics-detail .slide .swiper-slide-duplicate-active {
	-webkit-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	transform: translateY(0) !important;
}

.q-topics-detail .slide .swiper-button-custom {
	--slide-button-position: 30px;
	--slide-button-size: 82px;
	display: grid;
	place-items: center;
	width: var(--slide-button-size);
	height: var(--slide-button-size);
	border-radius: 9999px;
	background-color: #fff;
	position: absolute;
	z-index: 100;
	top: 40%;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.q-topics-detail .slide .swiper-button-custom svg {
	-webkit-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%);
}

.q-topics-detail .slide .swiper-button-next-custom {
	right: var(--slide-button-position);
}

.q-topics-detail .slide .swiper-button-prev-custom {
	left: var(--slide-button-position);
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.q-topics-detail .mv {
	margin-bottom: 45px;
}

.q-topics-detail .mv img {
	width: 100%;
}

.q-topics-detail .heading {
	margin-bottom: 18px;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 2;
	--letter-spacing: 0.08em;
}

.q-topics-detail .text {
	font-size: 1rem;
	font-weight: 700;
	line-height: 2;
}

.q-topics-detail .more {
	margin-top: 140px;
}

.q-topics-detail .dictionary {
	margin-bottom: 120px;
}

.q-topics-detail .dictionary__lede {
	margin-bottom: 50px;
	font-size: 1rem;
	line-height: 1.625;
}

.q-topics-detail .dictionary__image {
	position: relative;
	margin-bottom: 10px;
}

.q-topics-detail .dictionary__image::before {
	content: "";
	display: block;
	padding-bottom: 66.66667%;
}

.q-topics-detail .dictionary__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.q-topics-detail .dictionary__heading {
	margin-bottom: 5px;
	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
}

.q-topics-detail .dictionary__text {
	font-size: 0.875rem;
	line-height: 1.85714;
}

.q-topics-detail .dictionary .swiper-slide {
	width: 370px;
	padding-right: 10px;
}

.q-topics-detail .gallery__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.q-topics-detail .gallery__image {
	position: relative;
}

.q-topics-detail .gallery__image::before {
	content: "";
	display: block;
	padding-bottom: 60%;
}

.q-topics-detail .gallery__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@media (max-width: 1440px) {

.q-top2 .mv__section {
	grid-template-columns: 25fr 50fr 25fr;
}

.q-top2 .main {
	width: 50%;
}

}

@media (max-width: 1380px) {

.p-hl-slide .swiper-button-custom {
	top: -20px;
}

.p-hl-slide .swiper-button-prev-custom {
	left: -20px;
}

.p-hl-slide .swiper-button-next-custom {
	right: -20px;
}

}

@media (max-width: 1280px) {

.c-heading2 {
	padding-left: 25px;
}

.c-heading2::before {
	left: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.c-heading2._inset {
	margin-left: 10px;
}

.c-media__desc {
	padding: 20px;
}

.c-media__title {
	font-size: 1.5rem;
}

.c-media__excerpt {
	margin-top: 10px;
}

.c-media__play svg {
	width: 72px;
}

.p-banner {
	grid-template-columns: repeat(2, 1fr);
	padding-bottom: 40px;
}

.p-banner__link {
	min-height: 120px;
	padding: 20px;
}

.p-banner__link {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.p-banner__title::after {
	display: none;
}

.p-banner__more {
	display: none;
}

.p-detail__head-desc-in {
	padding: 40px 0 20px calc(50% + 20px);
}

.p-single2__desc-in {
	padding: 40px 0 40px 40px;
}

.p-topics__desc {
	margin-top: -30px;
}

.p-topics__desc2 {
	padding: 30px 20px 60px;
}

.post_text img.alignright,
.post_text img,
.post_text img.alignleft {
	float: none;
	margin: 0 auto;
	display: block;
}

.post_text img.emoji {
	display: inline !important;
}

.post_text table {
	width: 100% !important;
}

.q-access-about .image {
	height: 320px;
}

.q-access-getting .tab__button {
	font-size: 1.125rem;
}

.q-access-getting .trans__label {
	font-size: 0.8125rem;
}

.q-access-getting .trans__exp {
	font-size: 0.8125rem;
}

.q-access-contact .content {
	gap: 40px 30px;
}

.q-top3 .banner {
	grid-template-columns: repeat(2, 1fr);
}

.q-top3 .banner__link {
	min-height: 120px;
	padding: 20px;
}

.q-top3 .banner__link {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.q-top3 .banner__more::before {
	display: none;
}

.q-top3 .banner__more {
	display: none;
}

.q-top6 .padding {
	padding-bottom: 150px;
}

.q-topics-detail .slide {
	margin-bottom: 150px;
	padding: 80px 100px 0;
}

.q-topics-detail .slide .swiper-button-custom {
	--slide-button-position: 10px;
	--slide-button-size: 60px;
}

.q-topics-detail .gallery__list {
	gap: 20px;
}

}

@media not all and (max-width: 1000px) {

.c-bread__list {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.p-category__container {
	display: grid;
}

.p-category__all,
.p-category__body,
.p-category__search {
	grid-column: 1/2;
	grid-row: 1/2;
}

.p-detail__head-grid {
	display: grid;
}

.p-detail__head-image,
.p-detail__head-desc {
	grid-column: 1/2;
	grid-row: 1/2;
}

.p-detail__head-thumb {
	grid-column: 1/2;
	grid-row: 2/3;
}

.p-detail__head-image,
.p-detail__head-thumb {
	width: 50%;
}

.p-detail__body-grid {
	display: grid;
}

.p-detail__map,
.p-detail__info {
	grid-column: 1/2;
	grid-row: 1/2;
}

.p-detail__map {
	width: calc(50% - var(--distance));
	margin-left: auto;
}

.p-detail__info-in {
	padding-right: calc(50% - var(--distance) + var(--gap));
}

.p-post3__list {
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.p-post3__item {
	display: table-row;
}

.p-post3__date,
.p-post3__title {
	display: table-cell;
}

.g-header .inner {
	max-width: none;
	padding: 0 60px;
}

.q-access-getting .trans__step {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
}

.q-access-getting .trans__step > li {
	max-width: 245px;
}

.q-access-getting .trans__step._small > li {
	max-width: 160px;
	--padding: 3px 30px;
}

.q-access-getting .trans__step::before {
	top: 24px;
	left: 0;
	right: 0;
	height: 1px;
}

}

@media (max-width: 1000px) {

.c-bread__list {
	padding: 37px 80px 5px;
}

.c-bread__bg::before {
	left: -100px;
	right: auto;
	background-size: 100% 60%;
}

.c-bread__bg::after {
	content: "";
	position: absolute;
	z-index: -10;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	background-color: #fff;
}

.c-pagetitle {
	margin: 0 130px 30px;
}

.c-pagetitle {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 10px 95px 30px;
}

.c-pagetitle__name {
	font-size: 3.125rem;
}

.c-pagetitle__name {
	font-size: 2.5rem;
}

.p-category__all {
	margin-bottom: -40px;
	top: 20px;
}

.p-category__search {
	margin-top: -20px;
}

.p-category__search button {
	margin-left: auto;
	margin-right: 15px;
}

.p-category__body {
	margin-right: 0;
	margin-left: 20px;
	padding: 80px 20px 34px 40px;
}

.p-category__term {
	font-size: 1.125rem;
}

.p-category__group {
	grid-template-columns: 180px 1fr;
}

.p-category__data {
	font-size: 0.875rem;
}

.p-detail__head-image {
	min-height: 0;
	max-height: 400px;
	width: 100% !important;
	overflow: hidden;
}

.p-detail__head-image::before {
	content: "";
	display: block;
	padding-bottom: 55.55556%;
}

.p-detail__head-desc-in {
	margin-top: 40px;
	padding: 0;
}

.p-detail__head-thumb {
	margin-top: 15px;
	padding-inline: var(--space-inline);
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.p-detail__map {
	height: 300px;
	margin-bottom: 50px;
}

.p-post__list {
	gap: 40px 20px;
}

.p-post2__list {
	gap: 20px;
}

.p-post3__list {
	border-top: 1px solid var(--color-border);
}

.p-post3__item {
	padding-block: 15px;
	border-bottom: 1px solid var(--color-border);
}

.p-post3__date,
.p-post3__title {
	padding-block: 0;
	border-block: 0;
}

.p-post3__date {
	margin-bottom: 10px;
}

.p-post3__date::after {
	content: none;
}

.p-post3__title {
	padding-left: 0;
}

.p-recommended__item {
	width: calc((100% - 40px) / 3);
}

.p-recommended__item:nth-child(1),
.p-recommended__item:nth-child(2) {
	width: calc(50% - 10px);
}

.p-recommended__item {
	margin-left: 20px;
}

.p-recommended__item:nth-child(n+3) {
	margin-top: 20px;
}

.p-hl-slide__group {
	gap: 20px;
}

.p-hl-slide .swiper-button-custom {
	width: 40px;
	height: 40px;
}

.p-topics__body {
	grid-template-columns: repeat(1, 1fr);
}

.p-topics__image::before {
	height: 380px;
	padding-bottom: 0;
}

.p-topics__desc {
	margin-top: -60px;
	padding: 0 80px;
}

.p-topics__desc2 {
	max-width: none;
	margin: 0;
	padding: 57px 40px 80px;
}

.lity:not(#root) .lity-close {
	top: 20px;
	right: 20px;
	width: 43px;
	height: 43px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	min-width: 50px;
	height: 50px;
}

.g-header .inner {
	padding: 0 30px;
}

.g-header .container {
	padding-top: 40px;
}

.g-header .container {
	padding-top: 20px;
}

.g-header._sub {
	margin-bottom: 80px;
}

.g-header._sub {
	margin-bottom: 40px;
}

.g-header._sub .inner::before {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

.g-header._sub .inner::before {
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
}

.g-header._sub .navi {
	right: 40px;
}

.g-header._sub .navi {
	right: 20px;
}

.g-header .logo {
	-webkit-transform: translate(35px, -10px);
	-ms-transform: translate(35px, -10px);
	transform: translate(35px, -10px);
}

.g-header .logo {
	-webkit-transform: translate(5px, 0px) scale(0.85);
	-ms-transform: translate(5px, 0px) scale(0.85);
	transform: translate(5px, 0px) scale(0.85);
}

.g-footer .banner1__link {
	min-height: 150px;
}

.q-access-getting .trans:not(:first-child) {
	margin-top: 60px;
}

.q-access-getting .trans__desc {
	margin-bottom: 10px;
}

.q-access-getting .trans__step > li:not(:last-child) {
	margin-bottom: 25px;
}

.q-access-getting .trans__step::before {
	inset: 0;
	width: 3px;
	margin-inline: auto;
}

.q-access-getting .trans__label {
	font-size: 0.9375rem;
}

.q-access-getting .trans__exp {
	min-height: 0;
	padding-block: 5px;
	background-color: #fff;
}

.q-access-getting .trans__exp2 {
	padding-bottom: 5px;
	background-color: #fff;
}

.q-access-contact .table {
	border-top: 1px solid var(--color-border);
}

.q-access-contact .table,
.q-access-contact .table > tbody,
.q-access-contact .table tr,
.q-access-contact .table th,
.q-access-contact .table td {
	display: block;
}

.q-access-contact .table tr {
	padding-block: 15px;
	border-bottom: 1px solid var(--color-border);
}

.q-access-contact .table :is(th,
td) {
	padding-block: 0;
	border-block: 0;
}

.q-access-contact .table th {
	margin-bottom: 10px;
	font-size: 1rem;
}

.q-access-contact .table th::after {
	content: none;
}

.q-access-contact .table td {
	padding-left: 0;
}

.q-pamphrets .pamphret__name {
	font-size: 1rem;
}

.q-top4 .banner__list {
	grid-template-columns: repeat(2, 1fr);
}

.q-top6 .slide .swiper-slide {
	-webkit-transform: scale(0.9) translateY(-5px);
	-ms-transform: scale(0.9) translateY(-5px);
	transform: scale(0.9) translateY(-5px);
}

.q-top6 .slide .swiper-button-custom {
	display: none;
}

.q-topics-detail .slide::before {
	height: auto;
}

.q-topics-detail .more {
	margin-top: 100px;
}

}

@media not all and (max-width: 768px) {

.l-inner {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.p-detail__table th {
	width: 175px;
	padding-right: 5px;
}

.p-detail__table._small th {
	width: 138px;
}

.p-post__image {
	margin-bottom: 15px;
}

.p-post3__date {
	width: 120px;
	padding-right: 5px;
}

.p-recommended__item:nth-child(1),
.p-recommended__item:nth-child(3n) {
	margin-left: 0;
}

.g-menu .inner {
	max-width: none;
	padding: 60px;
}

.g-menu .nav__list > li {
	padding-left: 38px;
}

.g-menu .nav__child > li {
	display: inline-block;
	margin-right: 40px;
	margin-top: 5px;
}

.g-menu .nav__child > li::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 6px;
	height: 6px;
	margin-block: auto;
	border-radius: 9999px;
	background-color: var(--color-border2);
}

.q-access-about .container {
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: 1fr 1fr;
}

.q-access-about .desc {
	grid-column: 1/3;
	grid-row: 1/2;
}

.q-access-about .image {
	grid-column: 1/2;
	grid-row: 2/3;
}

.q-access-about .map {
	grid-column: 2/3;
	grid-row: 1/3;
	align-self: end;
}

.q-access-about .map {
	margin-bottom: -120px;
}

.q-access-contact .table th {
	width: 138px;
	padding-right: 5px;
}

.q-courses .course__title {
	font-size: 1.125rem;
}

.q-courses .course__more {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.q-top-bg._pc_hide::before {
	content: none;
}

.q-top2 .main__body {
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 50px 60px;
}

.q-top2 .main__image {
	display: none;
}

}

@media (max-width: 768px) {

.l-padding._top {
	padding-top: 80px;
}

.l-padding._top-large {
	padding-top: 100px;
}

.l-padding._top-small {
	padding-top: 60px;
}

.l-padding._bottom {
	padding-bottom: 80px;
}

.l-padding._bottom-large {
	padding-bottom: 100px;
}

.l-padding._bottom-small {
	padding-bottom: 60px;
}

.l-spacer._regular {
	height: 80px;
}

.l-spacer._small {
	height: 60px;
}

.c-bread__list {
	padding-left: 40px;
	padding-right: 40px;
}

.c-bread__bg::before {
	left: -250px;
}

.c-heading {
	margin-bottom: 13px;
}

.c-heading__title {
	font-size: 1.75rem;
	line-height: 1.17857;
}

.c-heading2 {
	margin-bottom: 30px;
	padding-left: 18px;
	font-size: 1.5rem;
}

.c-heading2::before {
	width: 14px;
	height: 4px;
}

.c-heading2._inset {
	margin-left: 8px;
	margin-bottom: 30px;
}

.c-heading3 {
	margin-bottom: 15px;
}

.c-heading3__title {
	font-size: 1.25rem;
}

.c-link-arrow_wrapper._mt {
	margin-top: 22px;
}

.c-logo-fixed {
	display: none !important;
}

.c-media .c-media__link::before {
	height: 130px;
}

.c-media .c-media__desc {
	padding: 20px;
}

.c-media .c-media__copy {
	margin-bottom: 5px;
	font-size: clamp(0.625rem, 1.69271vw, 0.8125rem);
	line-height: 1.22222;
}

.c-media .c-media__title {
	font-size: clamp(0.75rem, 2.34375vw, 1.125rem);
	line-height: 1.22222;
}

.c-media .c-media__excerpt {
	font-size: clamp(0.625rem, 1.69271vw, 0.8125rem);
}

.c-media .c-media__play svg {
	width: 72px;
}

.c-media._small .c-media__desc {
	padding: 10px;
}

.c-pagetitle {
	margin-left: 30px;
	margin-right: 30px;
}

.c-search-result._mb {
	margin-bottom: 40px;
}

.c-search-result {
	font-size: 1rem;
}

.c-table-box {
	padding: 20px;
}

.c-table-box table {
	border-top: 1px solid var(--color-border);
}

.c-table-box table,
.c-table-box table :is(tbody,
tr,
th,
td) {
	display: block;
}

.c-table-box table tr {
	padding-block: 10px;
	border-bottom: 1px solid var(--color-border);
}

.c-table-box table th,
.c-table-box table td {
	border: 0;
	padding: 0;
}

.c-table-box table th {
	width: auto;
	margin-bottom: 5px;
	padding: 0;
}

.p-banner__link {
	min-height: 100px;
}

.p-banner__title {
	font-size: 1.25rem;
}

.p-category__all a {
	width: 120px;
	padding: 5px 10px;
}

.p-category__search button {
	width: 130px;
	min-height: 0;
	padding: 10px 10px;
}

.p-category__body {
	margin-left: 10px;
	padding-left: 20px;
}

.p-category__group {
	display: block;
}

.p-category__group:nth-child(n+2) {
	margin-top: 10px;
}

.p-detail__container:not(:first-child) {
	margin-top: 80px;
}

.p-detail__head-thumb > li {
	-webkit-flex-basis: 80px;
	-ms-flex-preferred-size: 80px;
	flex-basis: 80px;
}

.p-detail__table {
	border-top: 1px solid var(--color-border);
}

.p-detail__table,
.p-detail__table > tbody,
.p-detail__table tr,
.p-detail__table th,
.p-detail__table td {
	display: block;
}

.p-detail__table tr {
	padding-block: 15px;
	border-bottom: 1px solid var(--color-border);
}

.p-detail__table :is(th,
td) {
	padding-block: 0;
	border-block: 0;
}

.p-detail__table th {
	margin-bottom: 10px;
	font-size: 1.125rem;
}

.p-detail__table th::after {
	content: none;
}

.p-detail__table td {
	padding-left: 0;
}

.p-post__list {
	grid-template-columns: repeat(1, 1fr);
	gap: 20px 0;
}

.p-post__link {
	grid-template: "image date"  auto "image title" 1fr /    140px 1fr;
	gap: 0 15px;
}

.p-post__date {
	margin-bottom: 4px;
}

.p-post__title {
	font-size: 0.9375rem;
	line-height: 1.46667;
}

.p-post2__list {
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.p-recommended__item:nth-child(n+3) {
	width: calc(50% - 5px) !important;
}

.p-recommended__item:nth-child(1),
.p-recommended__item:nth-child(2) {
	width: 100%;
}

.p-recommended__item:nth-child(n+3) .c-media .c-media__desc {
	padding: 10px;
}

.p-recommended__item {
	margin-left: 10px;
}

.p-recommended__item:nth-child(2),
.p-recommended__item:nth-child(2n+1) {
	margin-left: 0;
}

.p-recommended__item:nth-child(n+2) {
	margin-top: 10px;
}

.p-search__list a {
	font-size: 1rem;
}

.p-single__eyecatch {
	margin-bottom: 50px;
}

.p-single__heading {
	font-size: 1.875rem;
}

.p-single__foot {
	margin-top: 70px;
}

.p-hl-slide__group {
	grid-template-columns: 1fr;
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
}

.p-hl-slide .swiper-button-custom {
	width: 30px;
	height: 30px;
}

.p-hl-slide .swiper-button-custom::before {
	content: "";
	position: absolute;
	top: -20px;
	bottom: -20px;
	left: -20px;
	right: -20px;
}

.p-post-slide .swiper-slide {
	width: 260px;
}

.p-topics__image::before {
	height: auto;
	padding-bottom: 52.77778%;
}

.p-topics__desc {
	margin-top: -30px;
	padding: 0 20px;
}

.p-topics__desc2 {
	padding: 30px 20px 60px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	min-width: 38px;
	height: 38px;
	margin: 5px 3px;
	font-size: 1rem;
}

.wp-pagenavi a svg,
.wp-pagenavi span svg {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

.post_text h1 {
	font-size: 1.75rem;
}

.post_text h2 {
	font-size: 1.375rem;
	padding: 15px 20px;
}

.post_text h3 {
	padding-left: 15px;
	font-size: 1.375rem;
}

.post_text h4 {
	font-size: 1.125rem;
}

.post_text blockquote {
	padding: 15px 20px;
}

.g-header._sub .container {
	margin-bottom: 0;
}

.g-header .links__button {
	width: 56px;
	height: 56px;
	border-width: 3px;
}

.g-header .search {
	left: auto;
	right: -77px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.g-footer .banner1__link {
	min-height: 100px;
}

.g-footer .banner1__title {
	font-size: 1.25rem;
	line-height: 1.65;
}

.g-footer .banner1__arrow {
	display: none;
}

.g-footer .banner2 {
	padding: 22px 20px;
}

.g-footer .foot {
	padding-top: 65px;
}

.g-menu .inner {
	padding-top: 20px;
	padding-bottom: 60px;
}

.g-menu .close {
	margin-bottom: -6px;
}

.g-menu .nav {
	padding-left: 10px;
}

.g-menu .nav__list > li:nth-child(n+2) {
	margin-top: 26px;
}

.g-menu .nav__list > li::before {
	content: none;
}

.g-menu .nav__parent a {
	font-size: 1.5rem;
	line-height: 1.375;
}

.g-menu .nav__child {
	padding-left: 15px;
	border-left: 4px solid rgba(0, 0, 0, 0.2);
}

.g-menu .nav__child > li:nth-child(n+2) {
	margin-top: 2px;
}

.g-menu .info {
	margin-top: 30px;
	grid-template: "info-title  info-title" auto "info-border info-link" auto /    auto        1fr;
	gap: 10px 10px;
}

.g-menu .info::before {
	margin-top: 0;
	width: 1px;
	height: auto;
}

.g-menu .info__title {
	font-size: 1.125rem;
}

.g-menu .info__link > li::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	width: 6px;
	height: 6px;
	margin-block: auto;
	border-radius: 9999px;
	background-color: var(--color-border2);
}

.q-access-about .desc {
	margin-bottom: 40px;
}

.q-access-about .image {
	height: 280px;
}

.q-access-about .map {
	margin-bottom: 20px;
}

.q-access-about .map img {
	width: 300px;
}

.q-access-getting .tab .swiper-slide:not(:last-child) .tab__button {
	padding-right: 30px;
}

.q-access-getting .tab__button {
	font-size: 0.875rem;
}

.q-access-getting .tab__button::after {
	right: 12px;
}

.q-access-getting .heading__title {
	font-size: 1.25rem;
}

.q-access-contact .content__title {
	font-size: 1.125rem;
}

.q-courses-detail .mv {
	margin-bottom: 45px;
}

.q-courses-detail .heading {
	font-size: 1.75rem;
}

.q-courses-detail .flow__item {
	grid-template-columns: 100px 1fr;
}

.q-courses-detail .flow__count {
	font-size: 1.125rem;
}

.q-courses-detail .flow__count::after {
	width: 30px;
}

.q-courses-detail .flow__image {
	margin-bottom: 20px;
}

.q-courses-detail .flow__title {
	font-size: 1.125rem;
}

.q-courses-detail .flow__desc {
	font-size: 0.875rem;
}

.q-courses .course__desc {
	max-width: none;
	margin: 0;
	padding: 40px 20px 40px 30px;
}

.q-courses .course__more {
	margin-top: 20px;
	text-align: right;
}

.q-links .links__group:not(:last-child) {
	margin-bottom: 100px;
}

.q-links .link {
	padding-right: 40px;
}

.q-links .link::before,
.q-links .link::after {
	width: 34px;
	height: 34px;
}

.q-links .link::after {
	background-size: 14px;
}

.q-pamphrets .pamphrets {
	grid-template-columns: repeat(2, 1fr);
}

.q-shopping .heading {
	margin-bottom: 30px;
}

.q-shopping .link {
	margin-top: 30px;
}

.q-top .basis {
	min-height: 680px;
	padding-bottom: 94px;
}

.q-top .inner {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.q-top .logo {
	position: relative;
	margin-bottom: 20px;
}

.q-top .logo::before {
	top: 77px;
	bottom: auto;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.q-top2 .mv {
	display: none;
}

.q-top2 .main {
	width: auto;
}

.q-top2 .main__body {
	position: relative;
	z-index: 10;
	padding: 50px var(--space-inline) 45px;
	background-color: #fff;
}

.q-top2 .main__heading {
	margin-bottom: 18px;
}

.q-top2 .main__subtitle {
	margin-top: -15px;
	margin-bottom: 18px;
}

.q-top2 .main__more {
	margin-top: 8px;
}

.q-top2 .main__image::before {
	height: 300px;
}

.q-top3 .banner {
	gap: 10px;
	padding: 10px;
}

.q-top3 .banner__link {
	min-height: 100px;
}

.q-top3 .banner__title {
	font-size: 1.25rem;
}

.q-top4 .padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

.q-top4 .text {
	line-height: 2.2;
}

.q-top4 .banner {
	margin-top: 20px;
}

.q-top4 .banner__list {
	gap: 15px;
}

.q-top4 .banner__link {
	min-height: 62px;
}

.q-top4 .banner__text {
	font-size: 1.25rem;
}

.q-top4 .banner__arrow svg {
	right: 10px;
}

.q-top5 .c-heading {
	margin-bottom: 20px;
}

.q-top5 .padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

.q-top6 .c-heading {
	margin-bottom: 30px;
}

.q-top6 .padding {
	padding-top: 50px;
	padding-bottom: 44px;
}

.q-top6 .bg__image {
	height: 200px;
}

.q-top6 .post__title {
	font-size: 0.9375rem;
	line-height: 1.46667;
}

.q-topics-detail .lede {
	margin-bottom: 60px;
	font-size: 1rem;
}

.q-topics-detail .slide {
	padding: 40px 30px 0;
}

.q-topics-detail .slide .swiper-slide {
	-webkit-transform: translateY(45px);
	-ms-transform: translateY(45px);
	transform: translateY(45px);
}

.q-topics-detail .slide .swiper-button-custom {
	--slide-button-position: 0px;
	--slide-button-size: 40px;
}

.q-topics-detail .mv {
	margin-bottom: 25px;
}

.q-topics-detail .heading {
	line-height: 1.6;
}

.q-topics-detail .more {
	margin-top: 80px;
}

.q-topics-detail .dictionary__lede {
	margin-bottom: 30px;
	font-size: 0.875rem;
}

.q-topics-detail .dictionary__heading {
	font-size: 1rem;
	line-height: 1.6;
}

.q-topics-detail .dictionary .swiper-slide {
	width: 260px;
	padding-right: 0;
}

.q-topics-detail .gallery__list {
	grid-template-columns: repeat(2, 1fr);
}

}

@media (max-width: 768px) and (max-width: 768px) {

.c-media .c-media__desc {
	padding: 10px;
}

}

@media (max-width: 600px) {

.c-pagetitle {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.c-pagetitle__name {
	font-size: 2rem;
}

.c-pagetitle__category {
	margin-top: 5px;
	margin-left: 0;
}

.p-banner {
	grid-template-columns: repeat(1, 1fr);
}

.p-post__link {
	grid-template-columns: 120px 1fr;
}

.g-header .menu-button {
	margin-left: 10px;
}

.g-header .links {
	gap: 10px;
}

.g-footer .banner1__list {
	grid-template-columns: repeat(1, 1fr);
}

.q-access-contact .content {
	grid-template-columns: repeat(1, 1fr);
}

.q-courses-detail .flow__item {
	grid-template: "count  count  count" auto "border image  image" 1fr "border title  title" auto "border desc   desc"  auto "border  .      .  "  30px /    20px   auto   1fr;
}

.q-courses-detail .flow__count {
	margin-bottom: 20px;
}

.q-courses-detail .flow__travel-time {
	font-size: 0.875rem;
}

.q-pamphrets .pamphret__name {
	font-size: 0.875rem;
}

.q-photo-detail .desc {
	padding: 20px;
}

.q-photo-detail .agree__label {
	font-size: 0.875rem;
}

.q-top2 .main__image::before {
	height: 220px;
}

.q-top3 .banner {
	grid-template-columns: repeat(1, 1fr);
}

.q-topics-detail .slide .swiper-button-custom {
	top: 25%;
}

}

@media (max-width: 500px) {

.q-top4 .banner__link {
	padding: 10px 20px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

}