@charset "UTF-8";
.contents *:not(h1, h2, h3, h4, h5, h6) + .narrow, .contents *:not(h1, h2, h3, h4, h5, h6) + .column, .contents *:not(h1, h2, h3, h4, h5, h6) + .form {
	margin-top: clamp(37px, -101.3333333333px + 17.2916666667vw, 120px);
}

.contents *:not(h1, h2, h3, h4, h5, h6) + .accordionlist, .contents *:not(h1, h2, h3, h4, h5, h6) + .relatedlist {
	margin-top: clamp(29px, -56px + 10.625vw, 80px);
}

.contents *:not(h1, h2, h3, h4, h5, h6) + .text, .contents *:not(h1, h2, h3, h4, h5, h6) + figure,
.contents *:not(h1, h2, h3, h4, h5, h6) + .image, .contents *:not(h1, h2, h3, h4, h5, h6) + .cbox, .contents *:not(h1, h2, h3, h4, h5, h6) + .table, .contents *:not(h1, h2, h3, h4, h5, h6) + .button, .contents *:not(h1, h2, h3, h4, h5, h6) + .youtube, .contents .form *:not(h1, h2, h3, h4, h5, h6) + form {
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}

.contents .narrow *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents .text *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents > div > *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents .cbox .body > *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents .column > * > *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents .table > table > tr > th > *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents .table > table > tr > td:not(.d) > *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents .table > table > tbody > tr > td > *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents .accordionlist .body > *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .contents .narrow *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .text *:not(h1, h2, h3, h4, h5, h6) + ul, .contents > div > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents > div > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents > div > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .cbox .body > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .cbox .body > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .cbox .body > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .column > * > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .column > * > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .column > * > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tr > th > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tr > th > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tr > th > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tr > td:not(.d) > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tr > td:not(.d) > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tr > td:not(.d) > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tbody > tr > td > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tbody > tr > td > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .table > table > tbody > tr > td > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .accordionlist .body > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .accordionlist .body > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .accordionlist .body > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .narrow *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .text *:not(h1, h2, h3, h4, h5, h6) + ol, .contents > div > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents > div > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents > div > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .cbox .body > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .cbox .body > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .cbox .body > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .column > * > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .column > * > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .column > * > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tr > th > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tr > th > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tr > th > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tr > td:not(.d) > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tr > td:not(.d) > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tr > td:not(.d) > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tbody > tr > td > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tbody > tr > td > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .table > table > tbody > tr > td > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .accordionlist .body > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .accordionlist .body > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .accordionlist .body > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents figure *:not(h1, h2, h3, h4, h5, h6) + figcaption,
.contents figure *:not(h1, h2, h3, h4, h5, h6) + p,
.contents .image *:not(h1, h2, h3, h4, h5, h6) + figcaption,
.contents .image *:not(h1, h2, h3, h4, h5, h6) + p, .contents .cbox > .image > *:not(h1, h2, h3, h4, h5, h6) + img,
.contents .cbox > .image > *:not(h1, h2, h3, h4, h5, h6) + a, .contents *:not(h1, h2, h3, h4, h5, h6) + .list, .contents .form *:not(h1, h2, h3, h4, h5, h6) + textarea, .contents .form *:not(h1, h2, h3, h4, h5, h6) + label {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
}

html {
	--basefontname: "Noto Sans JP", sans-serif;
}
html[lang="ko"] {
	--basefontname: "Noto Sans KR", sans-serif;
}
html[lang="zh-TW"] {
	--basefontname: "Noto Sans TC", sans-serif;
}
html[lang="zh-CN"] {
	--basefontname: "Noto Sans SC", sans-serif;
}

body {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 500;
	color: #000;
	font-family: var(--basefontname);
}

* {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	overflow-y: scroll;
	scroll-behavior: smooth;
}
@media screen and (max-width: 767px) {
	html {
		font-size: 16px !important;
	}
}

:target {
	scroll-margin-top: 120px;
}

body {
	margin: 0px auto;
	background: #fff;
	overflow: clip;
}

input, select, textarea, button {
	font: inherit;
}

main {
	position: relative;
	min-height: 50vh;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 0px;
}

a {
	text-decoration: none;
}

dl, ul, ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

p, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}

@media screen and (max-width: 767px) {
	.view_pc {
		display: none !important;
	}
}

.view_sp {
	display: none !important;
}
@media screen and (max-width: 767px) {
	.view_sp {
		display: block !important;
	}
}

.contents .narrow p:not(.image):not(.caption) a.noicon:after, .contents .text p:not(.image):not(.caption) a.noicon:after, .contents > div > p:not(.image):not(.caption) a.noicon:after, .contents .cbox .body > p:not(.image):not(.caption) a.noicon:after, .contents .column > * > p:not(.image):not(.caption) a.noicon:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a.noicon:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a.noicon:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a.noicon:after, .contents .accordionlist .body > p:not(.image):not(.caption) a.noicon:after, .contents .narrow ul > li a.noicon:after, .contents .text ul > li a.noicon:after, .contents > div > ul > li a.noicon:after, .contents .cbox .body > ul > li a.noicon:after, .contents .column > * > ul > li a.noicon:after, .contents .table > table > tr > th > ul > li a.noicon:after, .contents .table > table > tr > td:not(.d) > ul > li a.noicon:after, .contents .table > table > tbody > tr > td > ul > li a.noicon:after, .contents .accordionlist .body > ul > li a.noicon:after, .contents .narrow ol > li a.noicon:after, .contents .text ol > li a.noicon:after, .contents > div > ol > li a.noicon:after, .contents .cbox .body > ol > li a.noicon:after, .contents .column > * > ol > li a.noicon:after, .contents .table > table > tr > th > ol > li a.noicon:after, .contents .table > table > tr > td:not(.d) > ol > li a.noicon:after, .contents .table > table > tbody > tr > td > ol > li a.noicon:after, .contents .accordionlist .body > ol > li a.noicon:after, .contents > div:not(.image) > a.noicon:after, .contents .cbox .body:not(.image) > a.noicon:after, .contents .column > *:not(.image) > a.noicon:after, .contents .table > table > tr > th:not(.image) > a.noicon:after, .contents .table > table > tr > td:not(.d):not(.image) > a.noicon:after, .contents .table > table > tbody > tr > td:not(.image) > a.noicon:after, .contents .accordionlist .body:not(.image) > a.noicon:after, .contents .list a.noicon:after {
	display: none;
}
.contents .narrow p:not(.image):not(.caption) a:after, .contents .text p:not(.image):not(.caption) a:after, .contents > div > p:not(.image):not(.caption) a:after, .contents .cbox .body > p:not(.image):not(.caption) a:after, .contents .column > * > p:not(.image):not(.caption) a:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a:after, .contents .accordionlist .body > p:not(.image):not(.caption) a:after, .contents .narrow ul > li a:after, .contents .text ul > li a:after, .contents > div > ul > li a:after, .contents .cbox .body > ul > li a:after, .contents .column > * > ul > li a:after, .contents .table > table > tr > th > ul > li a:after, .contents .table > table > tr > td:not(.d) > ul > li a:after, .contents .table > table > tbody > tr > td > ul > li a:after, .contents .accordionlist .body > ul > li a:after, .contents .narrow ol > li a:after, .contents .text ol > li a:after, .contents > div > ol > li a:after, .contents .cbox .body > ol > li a:after, .contents .column > * > ol > li a:after, .contents .table > table > tr > th > ol > li a:after, .contents .table > table > tr > td:not(.d) > ol > li a:after, .contents .table > table > tbody > tr > td > ol > li a:after, .contents .accordionlist .body > ol > li a:after, .contents > div:not(.image) > a:after, .contents .cbox .body:not(.image) > a:after, .contents .column > *:not(.image) > a:after, .contents .table > table > tr > th:not(.image) > a:after, .contents .table > table > tr > td:not(.d):not(.image) > a:after, .contents .table > table > tbody > tr > td:not(.image) > a:after, .contents .accordionlist .body:not(.image) > a:after, .contents .list a:after {
	display: inline-block;
	width: 26px;
	height: 20px;
	margin-left: 5px;
	margin-top: -5px;
	vertical-align: middle;
	background: none no-repeat center center;
	background-size: 16px auto;
}
.contents .narrow p:not(.image):not(.caption) a[target="_blank"]:after, .contents .text p:not(.image):not(.caption) a[target="_blank"]:after, .contents > div > p:not(.image):not(.caption) a[target="_blank"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[target="_blank"]:after, .contents .column > * > p:not(.image):not(.caption) a[target="_blank"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[target="_blank"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[target="_blank"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[target="_blank"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[target="_blank"]:after, .contents .narrow ul > li a[target="_blank"]:after, .contents .text ul > li a[target="_blank"]:after, .contents > div > ul > li a[target="_blank"]:after, .contents .cbox .body > ul > li a[target="_blank"]:after, .contents .column > * > ul > li a[target="_blank"]:after, .contents .table > table > tr > th > ul > li a[target="_blank"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[target="_blank"]:after, .contents .table > table > tbody > tr > td > ul > li a[target="_blank"]:after, .contents .accordionlist .body > ul > li a[target="_blank"]:after, .contents .narrow ol > li a[target="_blank"]:after, .contents .text ol > li a[target="_blank"]:after, .contents > div > ol > li a[target="_blank"]:after, .contents .cbox .body > ol > li a[target="_blank"]:after, .contents .column > * > ol > li a[target="_blank"]:after, .contents .table > table > tr > th > ol > li a[target="_blank"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[target="_blank"]:after, .contents .table > table > tbody > tr > td > ol > li a[target="_blank"]:after, .contents .accordionlist .body > ol > li a[target="_blank"]:after, .contents > div:not(.image) > a[target="_blank"]:after, .contents .cbox .body:not(.image) > a[target="_blank"]:after, .contents .column > *:not(.image) > a[target="_blank"]:after, .contents .table > table > tr > th:not(.image) > a[target="_blank"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[target="_blank"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[target="_blank"]:after, .contents .accordionlist .body:not(.image) > a[target="_blank"]:after, .contents .list a[target="_blank"]:after {
	content: "";
	background-image: url(../images/blank.svg);
}
.contents .narrow p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents .text p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents > div > p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents .column > * > p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[href$=".pdf"]:after, .contents .narrow ul > li a[href$=".pdf"]:after, .contents .text ul > li a[href$=".pdf"]:after, .contents > div > ul > li a[href$=".pdf"]:after, .contents .cbox .body > ul > li a[href$=".pdf"]:after, .contents .column > * > ul > li a[href$=".pdf"]:after, .contents .table > table > tr > th > ul > li a[href$=".pdf"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[href$=".pdf"]:after, .contents .table > table > tbody > tr > td > ul > li a[href$=".pdf"]:after, .contents .accordionlist .body > ul > li a[href$=".pdf"]:after, .contents .narrow ol > li a[href$=".pdf"]:after, .contents .text ol > li a[href$=".pdf"]:after, .contents > div > ol > li a[href$=".pdf"]:after, .contents .cbox .body > ol > li a[href$=".pdf"]:after, .contents .column > * > ol > li a[href$=".pdf"]:after, .contents .table > table > tr > th > ol > li a[href$=".pdf"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[href$=".pdf"]:after, .contents .table > table > tbody > tr > td > ol > li a[href$=".pdf"]:after, .contents .accordionlist .body > ol > li a[href$=".pdf"]:after, .contents > div:not(.image) > a[href$=".pdf"]:after, .contents .cbox .body:not(.image) > a[href$=".pdf"]:after, .contents .column > *:not(.image) > a[href$=".pdf"]:after, .contents .table > table > tr > th:not(.image) > a[href$=".pdf"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[href$=".pdf"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[href$=".pdf"]:after, .contents .accordionlist .body:not(.image) > a[href$=".pdf"]:after, .contents .list a[href$=".pdf"]:after {
	content: "";
	background-image: url(../images/pdf.svg);
	background-size: auto 100%;
}
.contents .narrow p:not(.image):not(.caption) a[href$=".doc"]:after, .contents .text p:not(.image):not(.caption) a[href$=".doc"]:after, .contents > div > p:not(.image):not(.caption) a[href$=".doc"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[href$=".doc"]:after, .contents .column > * > p:not(.image):not(.caption) a[href$=".doc"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[href$=".doc"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[href$=".doc"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[href$=".doc"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[href$=".doc"]:after, .contents .narrow ul > li a[href$=".doc"]:after, .contents .text ul > li a[href$=".doc"]:after, .contents > div > ul > li a[href$=".doc"]:after, .contents .cbox .body > ul > li a[href$=".doc"]:after, .contents .column > * > ul > li a[href$=".doc"]:after, .contents .table > table > tr > th > ul > li a[href$=".doc"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[href$=".doc"]:after, .contents .table > table > tbody > tr > td > ul > li a[href$=".doc"]:after, .contents .accordionlist .body > ul > li a[href$=".doc"]:after, .contents .narrow ol > li a[href$=".doc"]:after, .contents .text ol > li a[href$=".doc"]:after, .contents > div > ol > li a[href$=".doc"]:after, .contents .cbox .body > ol > li a[href$=".doc"]:after, .contents .column > * > ol > li a[href$=".doc"]:after, .contents .table > table > tr > th > ol > li a[href$=".doc"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[href$=".doc"]:after, .contents .table > table > tbody > tr > td > ol > li a[href$=".doc"]:after, .contents .accordionlist .body > ol > li a[href$=".doc"]:after, .contents > div:not(.image) > a[href$=".doc"]:after, .contents .cbox .body:not(.image) > a[href$=".doc"]:after, .contents .column > *:not(.image) > a[href$=".doc"]:after, .contents .table > table > tr > th:not(.image) > a[href$=".doc"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[href$=".doc"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[href$=".doc"]:after, .contents .accordionlist .body:not(.image) > a[href$=".doc"]:after, .contents .list a[href$=".doc"]:after, .contents .narrow p:not(.image):not(.caption) a[href$=".docx"]:after, .contents .text p:not(.image):not(.caption) a[href$=".docx"]:after, .contents > div > p:not(.image):not(.caption) a[href$=".docx"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[href$=".docx"]:after, .contents .column > * > p:not(.image):not(.caption) a[href$=".docx"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[href$=".docx"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[href$=".docx"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[href$=".docx"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[href$=".docx"]:after, .contents .narrow ul > li a[href$=".docx"]:after, .contents .text ul > li a[href$=".docx"]:after, .contents > div > ul > li a[href$=".docx"]:after, .contents .cbox .body > ul > li a[href$=".docx"]:after, .contents .column > * > ul > li a[href$=".docx"]:after, .contents .table > table > tr > th > ul > li a[href$=".docx"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[href$=".docx"]:after, .contents .table > table > tbody > tr > td > ul > li a[href$=".docx"]:after, .contents .accordionlist .body > ul > li a[href$=".docx"]:after, .contents .narrow ol > li a[href$=".docx"]:after, .contents .text ol > li a[href$=".docx"]:after, .contents > div > ol > li a[href$=".docx"]:after, .contents .cbox .body > ol > li a[href$=".docx"]:after, .contents .column > * > ol > li a[href$=".docx"]:after, .contents .table > table > tr > th > ol > li a[href$=".docx"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[href$=".docx"]:after, .contents .table > table > tbody > tr > td > ol > li a[href$=".docx"]:after, .contents .accordionlist .body > ol > li a[href$=".docx"]:after, .contents > div:not(.image) > a[href$=".docx"]:after, .contents .cbox .body:not(.image) > a[href$=".docx"]:after, .contents .column > *:not(.image) > a[href$=".docx"]:after, .contents .table > table > tr > th:not(.image) > a[href$=".docx"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[href$=".docx"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[href$=".docx"]:after, .contents .accordionlist .body:not(.image) > a[href$=".docx"]:after, .contents .list a[href$=".docx"]:after {
	content: "";
	background-image: url(../images/doc.svg);
	background-size: auto 100%;
}
.contents .narrow p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents .text p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents > div > p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents .column > * > p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[href$=".ppt"]:after, .contents .narrow ul > li a[href$=".ppt"]:after, .contents .text ul > li a[href$=".ppt"]:after, .contents > div > ul > li a[href$=".ppt"]:after, .contents .cbox .body > ul > li a[href$=".ppt"]:after, .contents .column > * > ul > li a[href$=".ppt"]:after, .contents .table > table > tr > th > ul > li a[href$=".ppt"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[href$=".ppt"]:after, .contents .table > table > tbody > tr > td > ul > li a[href$=".ppt"]:after, .contents .accordionlist .body > ul > li a[href$=".ppt"]:after, .contents .narrow ol > li a[href$=".ppt"]:after, .contents .text ol > li a[href$=".ppt"]:after, .contents > div > ol > li a[href$=".ppt"]:after, .contents .cbox .body > ol > li a[href$=".ppt"]:after, .contents .column > * > ol > li a[href$=".ppt"]:after, .contents .table > table > tr > th > ol > li a[href$=".ppt"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[href$=".ppt"]:after, .contents .table > table > tbody > tr > td > ol > li a[href$=".ppt"]:after, .contents .accordionlist .body > ol > li a[href$=".ppt"]:after, .contents > div:not(.image) > a[href$=".ppt"]:after, .contents .cbox .body:not(.image) > a[href$=".ppt"]:after, .contents .column > *:not(.image) > a[href$=".ppt"]:after, .contents .table > table > tr > th:not(.image) > a[href$=".ppt"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[href$=".ppt"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[href$=".ppt"]:after, .contents .accordionlist .body:not(.image) > a[href$=".ppt"]:after, .contents .list a[href$=".ppt"]:after, .contents .narrow p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents .text p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents > div > p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents .column > * > p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[href$=".pptx"]:after, .contents .narrow ul > li a[href$=".pptx"]:after, .contents .text ul > li a[href$=".pptx"]:after, .contents > div > ul > li a[href$=".pptx"]:after, .contents .cbox .body > ul > li a[href$=".pptx"]:after, .contents .column > * > ul > li a[href$=".pptx"]:after, .contents .table > table > tr > th > ul > li a[href$=".pptx"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[href$=".pptx"]:after, .contents .table > table > tbody > tr > td > ul > li a[href$=".pptx"]:after, .contents .accordionlist .body > ul > li a[href$=".pptx"]:after, .contents .narrow ol > li a[href$=".pptx"]:after, .contents .text ol > li a[href$=".pptx"]:after, .contents > div > ol > li a[href$=".pptx"]:after, .contents .cbox .body > ol > li a[href$=".pptx"]:after, .contents .column > * > ol > li a[href$=".pptx"]:after, .contents .table > table > tr > th > ol > li a[href$=".pptx"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[href$=".pptx"]:after, .contents .table > table > tbody > tr > td > ol > li a[href$=".pptx"]:after, .contents .accordionlist .body > ol > li a[href$=".pptx"]:after, .contents > div:not(.image) > a[href$=".pptx"]:after, .contents .cbox .body:not(.image) > a[href$=".pptx"]:after, .contents .column > *:not(.image) > a[href$=".pptx"]:after, .contents .table > table > tr > th:not(.image) > a[href$=".pptx"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[href$=".pptx"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[href$=".pptx"]:after, .contents .accordionlist .body:not(.image) > a[href$=".pptx"]:after, .contents .list a[href$=".pptx"]:after {
	content: "";
	background-image: url(../images/ppt.svg);
	background-size: auto 100%;
}
.contents .narrow p:not(.image):not(.caption) a[href$=".xls"]:after, .contents .text p:not(.image):not(.caption) a[href$=".xls"]:after, .contents > div > p:not(.image):not(.caption) a[href$=".xls"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[href$=".xls"]:after, .contents .column > * > p:not(.image):not(.caption) a[href$=".xls"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[href$=".xls"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[href$=".xls"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[href$=".xls"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[href$=".xls"]:after, .contents .narrow ul > li a[href$=".xls"]:after, .contents .text ul > li a[href$=".xls"]:after, .contents > div > ul > li a[href$=".xls"]:after, .contents .cbox .body > ul > li a[href$=".xls"]:after, .contents .column > * > ul > li a[href$=".xls"]:after, .contents .table > table > tr > th > ul > li a[href$=".xls"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[href$=".xls"]:after, .contents .table > table > tbody > tr > td > ul > li a[href$=".xls"]:after, .contents .accordionlist .body > ul > li a[href$=".xls"]:after, .contents .narrow ol > li a[href$=".xls"]:after, .contents .text ol > li a[href$=".xls"]:after, .contents > div > ol > li a[href$=".xls"]:after, .contents .cbox .body > ol > li a[href$=".xls"]:after, .contents .column > * > ol > li a[href$=".xls"]:after, .contents .table > table > tr > th > ol > li a[href$=".xls"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[href$=".xls"]:after, .contents .table > table > tbody > tr > td > ol > li a[href$=".xls"]:after, .contents .accordionlist .body > ol > li a[href$=".xls"]:after, .contents > div:not(.image) > a[href$=".xls"]:after, .contents .cbox .body:not(.image) > a[href$=".xls"]:after, .contents .column > *:not(.image) > a[href$=".xls"]:after, .contents .table > table > tr > th:not(.image) > a[href$=".xls"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[href$=".xls"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[href$=".xls"]:after, .contents .accordionlist .body:not(.image) > a[href$=".xls"]:after, .contents .list a[href$=".xls"]:after, .contents .narrow p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents .text p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents > div > p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents .column > * > p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[href$=".xlsx"]:after, .contents .narrow ul > li a[href$=".xlsx"]:after, .contents .text ul > li a[href$=".xlsx"]:after, .contents > div > ul > li a[href$=".xlsx"]:after, .contents .cbox .body > ul > li a[href$=".xlsx"]:after, .contents .column > * > ul > li a[href$=".xlsx"]:after, .contents .table > table > tr > th > ul > li a[href$=".xlsx"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[href$=".xlsx"]:after, .contents .table > table > tbody > tr > td > ul > li a[href$=".xlsx"]:after, .contents .accordionlist .body > ul > li a[href$=".xlsx"]:after, .contents .narrow ol > li a[href$=".xlsx"]:after, .contents .text ol > li a[href$=".xlsx"]:after, .contents > div > ol > li a[href$=".xlsx"]:after, .contents .cbox .body > ol > li a[href$=".xlsx"]:after, .contents .column > * > ol > li a[href$=".xlsx"]:after, .contents .table > table > tr > th > ol > li a[href$=".xlsx"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[href$=".xlsx"]:after, .contents .table > table > tbody > tr > td > ol > li a[href$=".xlsx"]:after, .contents .accordionlist .body > ol > li a[href$=".xlsx"]:after, .contents > div:not(.image) > a[href$=".xlsx"]:after, .contents .cbox .body:not(.image) > a[href$=".xlsx"]:after, .contents .column > *:not(.image) > a[href$=".xlsx"]:after, .contents .table > table > tr > th:not(.image) > a[href$=".xlsx"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[href$=".xlsx"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[href$=".xlsx"]:after, .contents .accordionlist .body:not(.image) > a[href$=".xlsx"]:after, .contents .list a[href$=".xlsx"]:after {
	content: "";
	background-image: url(../images/xls.svg);
	background-size: auto 100%;
}
.contents .narrow p:not(.image):not(.caption) a[href$=".zip"]:after, .contents .text p:not(.image):not(.caption) a[href$=".zip"]:after, .contents > div > p:not(.image):not(.caption) a[href$=".zip"]:after, .contents .cbox .body > p:not(.image):not(.caption) a[href$=".zip"]:after, .contents .column > * > p:not(.image):not(.caption) a[href$=".zip"]:after, .contents .table > table > tr > th > p:not(.image):not(.caption) a[href$=".zip"]:after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a[href$=".zip"]:after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a[href$=".zip"]:after, .contents .accordionlist .body > p:not(.image):not(.caption) a[href$=".zip"]:after, .contents .narrow ul > li a[href$=".zip"]:after, .contents .text ul > li a[href$=".zip"]:after, .contents > div > ul > li a[href$=".zip"]:after, .contents .cbox .body > ul > li a[href$=".zip"]:after, .contents .column > * > ul > li a[href$=".zip"]:after, .contents .table > table > tr > th > ul > li a[href$=".zip"]:after, .contents .table > table > tr > td:not(.d) > ul > li a[href$=".zip"]:after, .contents .table > table > tbody > tr > td > ul > li a[href$=".zip"]:after, .contents .accordionlist .body > ul > li a[href$=".zip"]:after, .contents .narrow ol > li a[href$=".zip"]:after, .contents .text ol > li a[href$=".zip"]:after, .contents > div > ol > li a[href$=".zip"]:after, .contents .cbox .body > ol > li a[href$=".zip"]:after, .contents .column > * > ol > li a[href$=".zip"]:after, .contents .table > table > tr > th > ol > li a[href$=".zip"]:after, .contents .table > table > tr > td:not(.d) > ol > li a[href$=".zip"]:after, .contents .table > table > tbody > tr > td > ol > li a[href$=".zip"]:after, .contents .accordionlist .body > ol > li a[href$=".zip"]:after, .contents > div:not(.image) > a[href$=".zip"]:after, .contents .cbox .body:not(.image) > a[href$=".zip"]:after, .contents .column > *:not(.image) > a[href$=".zip"]:after, .contents .table > table > tr > th:not(.image) > a[href$=".zip"]:after, .contents .table > table > tr > td:not(.d):not(.image) > a[href$=".zip"]:after, .contents .table > table > tbody > tr > td:not(.image) > a[href$=".zip"]:after, .contents .accordionlist .body:not(.image) > a[href$=".zip"]:after, .contents .list a[href$=".zip"]:after {
	content: "";
	background-image: url(../images/zip.svg);
	background-size: auto 100%;
}

.contents .center.button a {
	margin: auto;
}
.contents .button a {
	display: flex;
	align-items: center;
	gap: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	width: fit-content;
	min-height: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	padding: 5px clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	background: #138C46;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .button a:hover {
	opacity: 0.7;
}
.contents .button a::after {
	content: "";
	display: block;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%);
}

.contents .narrow p:not(.image):not(.caption), .contents .text p:not(.image):not(.caption), .contents > div > p:not(.image):not(.caption), .contents .cbox .body > p:not(.image):not(.caption), .contents .column > * > p:not(.image):not(.caption), .contents .table > table > tr > th > p:not(.image):not(.caption), .contents .table > table > tbody > tr > th > p:not(.image):not(.caption), .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption), .contents .table > table > tbody > tr > td > p:not(.image):not(.caption), .contents .accordionlist .body > p:not(.image):not(.caption) {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.85;
	font-weight: 500;
}
.contents .narrow p:not(.image):not(.caption) a, .contents .text p:not(.image):not(.caption) a, .contents > div > p:not(.image):not(.caption) a, .contents .cbox .body > p:not(.image):not(.caption) a, .contents .column > * > p:not(.image):not(.caption) a, .contents .table > table > tr > th > p:not(.image):not(.caption) a, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a, .contents .accordionlist .body > p:not(.image):not(.caption) a {
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .narrow p:not(.image):not(.caption) a:before, .contents .text p:not(.image):not(.caption) a:before, .contents > div > p:not(.image):not(.caption) a:before, .contents .cbox .body > p:not(.image):not(.caption) a:before, .contents .column > * > p:not(.image):not(.caption) a:before, .contents .table > table > tr > th > p:not(.image):not(.caption) a:before, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a:before, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a:before, .contents .accordionlist .body > p:not(.image):not(.caption) a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.425em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .narrow p:not(.image):not(.caption) a:hover:before, .contents .text p:not(.image):not(.caption) a:hover:before, .contents > div > p:not(.image):not(.caption) a:hover:before, .contents .cbox .body > p:not(.image):not(.caption) a:hover:before, .contents .column > * > p:not(.image):not(.caption) a:hover:before, .contents .table > table > tr > th > p:not(.image):not(.caption) a:hover:before, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a:hover:before, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a:hover:before, .contents .accordionlist .body > p:not(.image):not(.caption) a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.425em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .narrow p.center:not(.image):not(.caption), .contents .text p.center:not(.image):not(.caption), .contents > div > p.center:not(.image):not(.caption), .contents .cbox .body > p.center:not(.image):not(.caption), .contents .column > * > p.center:not(.image):not(.caption), .contents .table > table > tr > th > p.center:not(.image):not(.caption), .contents .table > table > tr > td:not(.d) > p.center:not(.image):not(.caption), .contents .table > table > tbody > tr > td > p.center:not(.image):not(.caption), .contents .accordionlist .body > p.center:not(.image):not(.caption) {
	text-align: center;
}
.contents .narrow p.right:not(.image):not(.caption), .contents .text p.right:not(.image):not(.caption), .contents > div > p.right:not(.image):not(.caption), .contents .cbox .body > p.right:not(.image):not(.caption), .contents .column > * > p.right:not(.image):not(.caption), .contents .table > table > tr > th > p.right:not(.image):not(.caption), .contents .table > table > tr > td:not(.d) > p.right:not(.image):not(.caption), .contents .table > table > tbody > tr > td > p.right:not(.image):not(.caption), .contents .accordionlist .body > p.right:not(.image):not(.caption) {
	text-align: right;
}

.contents .narrow ul.col2, .contents .text ul.col2, .contents > div > ul.col2, .contents > div > ul > li > ul.col2, .contents > div > ol > li > ul.col2, .contents .cbox .body > ul.col2, .contents .cbox .body > ul > li > ul.col2, .contents .cbox .body > ol > li > ul.col2, .contents .column > * > ul.col2, .contents .column > * > ul > li > ul.col2, .contents .column > * > ol > li > ul.col2, .contents .table > table > tr > th > ul.col2, .contents .table > table > tr > th > ul > li > ul.col2, .contents .table > table > tr > th > ol > li > ul.col2, .contents .table > table > tr > td:not(.d) > ul.col2, .contents .table > table > tr > td:not(.d) > ul > li > ul.col2, .contents .table > table > tr > td:not(.d) > ol > li > ul.col2, .contents .table > table > tbody > tr > td > ul.col2, .contents .table > table > tbody > tr > td > ul > li > ul.col2, .contents .table > table > tbody > tr > td > ol > li > ul.col2, .contents .accordionlist .body > ul.col2, .contents .accordionlist .body > ul > li > ul.col2, .contents .accordionlist .body > ol > li > ul.col2 {
	columns: 2;
	gap: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents .narrow ul.note > li::before, .contents .text ul.note > li::before, .contents > div > ul.note > li::before, .contents > div > ul > li > ul.note > li::before, .contents > div > ol > li > ul.note > li::before, .contents .cbox .body > ul.note > li::before, .contents .cbox .body > ul > li > ul.note > li::before, .contents .cbox .body > ol > li > ul.note > li::before, .contents .column > * > ul.note > li::before, .contents .column > * > ul > li > ul.note > li::before, .contents .column > * > ol > li > ul.note > li::before, .contents .table > table > tr > th > ul.note > li::before, .contents .table > table > tr > th > ul > li > ul.note > li::before, .contents .table > table > tr > th > ol > li > ul.note > li::before, .contents .table > table > tr > td:not(.d) > ul.note > li::before, .contents .table > table > tr > td:not(.d) > ul > li > ul.note > li::before, .contents .table > table > tr > td:not(.d) > ol > li > ul.note > li::before, .contents .table > table > tbody > tr > td > ul.note > li::before, .contents .table > table > tbody > tr > td > ul > li > ul.note > li::before, .contents .table > table > tbody > tr > td > ol > li > ul.note > li::before, .contents .accordionlist .body > ul.note > li::before, .contents .accordionlist .body > ul > li > ul.note > li::before, .contents .accordionlist .body > ol > li > ul.note > li::before {
	content: "※";
	width: 1em;
	height: 1em;
	top: 0;
	left: -0.5em;
	margin-top: 0;
	background: transparent;
}
.contents .narrow ul > li, .contents .text ul > li, .contents > div > ul > li, .contents > div > ul > li > ul > li, .contents > div > ol > li > ul > li, .contents .cbox .body > ul > li, .contents .cbox .body > ul > li > ul > li, .contents .cbox .body > ol > li > ul > li, .contents .column > * > ul > li, .contents .column > * > ul > li > ul > li, .contents .column > * > ol > li > ul > li, .contents .table > table > tr > th > ul > li, .contents .table > table > tr > th > ul > li > ul > li, .contents .table > table > tr > th > ol > li > ul > li, .contents .table > table > tr > td:not(.d) > ul > li, .contents .table > table > tr > td:not(.d) > ul > li > ul > li, .contents .table > table > tr > td:not(.d) > ol > li > ul > li, .contents .table > table > tbody > tr > td > ul > li, .contents .table > table > tbody > tr > td > ul > li > ul > li, .contents .table > table > tbody > tr > td > ol > li > ul > li, .contents .accordionlist .body > ul > li, .contents .accordionlist .body > ul > li > ul > li, .contents .accordionlist .body > ol > li > ul > li {
	position: relative;
	padding-left: 2em;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
}
.contents .narrow ul > li::before, .contents .text ul > li::before, .contents > div > ul > li::before, .contents > div > ul > li > ul > li::before, .contents > div > ol > li > ul > li::before, .contents .cbox .body > ul > li::before, .contents .cbox .body > ul > li > ul > li::before, .contents .cbox .body > ol > li > ul > li::before, .contents .column > * > ul > li::before, .contents .column > * > ul > li > ul > li::before, .contents .column > * > ol > li > ul > li::before, .contents .table > table > tr > th > ul > li::before, .contents .table > table > tr > th > ul > li > ul > li::before, .contents .table > table > tr > th > ol > li > ul > li::before, .contents .table > table > tr > td:not(.d) > ul > li::before, .contents .table > table > tr > td:not(.d) > ul > li > ul > li::before, .contents .table > table > tr > td:not(.d) > ol > li > ul > li::before, .contents .table > table > tbody > tr > td > ul > li::before, .contents .table > table > tbody > tr > td > ul > li > ul > li::before, .contents .table > table > tbody > tr > td > ol > li > ul > li::before, .contents .accordionlist .body > ul > li::before, .contents .accordionlist .body > ul > li > ul > li::before, .contents .accordionlist .body > ol > li > ul > li::before {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	vertical-align: middle;
	top: 0.75em;
	left: calc(1em + 5px);
	margin-top: -2.5px;
	background: #138C46;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
.contents .narrow ul > li + li, .contents .text ul > li + li, .contents > div > ul > li + li, .contents > div > ul > li > ul > li + li, .contents .cbox .body > ul > li + li, .contents .cbox .body > ul > li > ul > li + li, .contents .column > * > ul > li + li, .contents .column > * > ul > li > ul > li + li, .contents .table > table > tr > th > ul > li + li, .contents .table > table > tr > th > ul > li > ul > li + li, .contents .table > table > tbody > tr > th > ol > li > ul > li + li, .contents .table > table > tr > td:not(.d) > ul > li + li, .contents .table > table > tr > td:not(.d) > ul > li > ul > li + li, .contents .table > table > tbody > tr > td > ul > li + li, .contents .table > table > tbody > tr > td > ul > li > ul > li + li, .contents .accordionlist .body > ul > li + li, .contents .accordionlist .body > ul > li > ul > li + li {
	margin-top: 8px;
}
.contents .narrow ul > li a, .contents .text ul > li a, .contents > div > ul > li a, .contents .cbox .body > ul > li a, .contents .column > * > ul > li a, .contents .table > table > tr > th > ul > li a, .contents .table > table > tbody > tr > th > ul > li > ul > li a, .contents .table > table > tbody > tr > th > ol > li > ul > li a, .contents .table > table > tr > td:not(.d) > ul > li a, .contents .table > table > tbody > tr > td > ul > li a, .contents .accordionlist .body > ul > li a {
	vertical-align: top;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .narrow ul > li a:before, .contents .text ul > li a:before, .contents > div > ul > li a:before, .contents .cbox .body > ul > li a:before, .contents .column > * > ul > li a:before, .contents .table > table > tr > th > ul > li a:before, .contents .table > table > tr > td:not(.d) > ul > li a:before, .contents .table > table > tbody > tr > td > ul > li a:before, .contents .accordionlist .body > ul > li a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .narrow ul > li a:hover:before, .contents .text ul > li a:hover:before, .contents > div > ul > li a:hover:before, .contents .cbox .body > ul > li a:hover:before, .contents .column > * > ul > li a:hover:before, .contents .table > table > tr > th > ul > li a:hover:before, .contents .table > table > tr > td:not(.d) > ul > li a:hover:before, .contents .table > table > tbody > tr > td > ul > li a:hover:before, .contents .accordionlist .body > ul > li a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .narrow ul > li ul, .contents .text ul > li ul, .contents > div > ul > li ul, .contents .cbox .body > ul > li ul, .contents .column > * > ul > li ul, .contents .table > table > tr > th > ul > li ul, .contents .table > table > tbody > tr > th > ul > li > ul > li ul, .contents .table > table > tbody > tr > th > ol > li > ul > li ul, .contents .table > table > tr > td:not(.d) > ul > li ul, .contents .table > table > tbody > tr > td > ul > li ul, .contents .accordionlist .body > ul > li ul, .contents .narrow ul > li ol, .contents .text ul > li ol, .contents > div > ul > li ol, .contents .cbox .body > ul > li ol, .contents .column > * > ul > li ol, .contents .table > table > tr > th > ul > li ol, .contents .table > table > tbody > tr > th > ul > li > ul > li ol, .contents .table > table > tbody > tr > th > ol > li > ul > li ol, .contents .table > table > tr > td:not(.d) > ul > li ol, .contents .table > table > tbody > tr > td > ul > li ol, .contents .accordionlist .body > ul > li ol {
	margin-top: 4px;
	margin-right: 0px;
}

.contents .narrow ol, .contents .text ol, .contents > div > ul > li > ol, .contents > div > ol, .contents > div > ol > li > ol, .contents .cbox .body > ul > li > ol, .contents .cbox .body > ol, .contents .cbox .body > ol > li > ol, .contents .column > * > ul > li > ol, .contents .column > * > ol, .contents .column > * > ol > li > ol, .contents .table > table > tr > th > ul > li > ol, .contents .table > table > tr > th > ol, .contents .table > table > tr > th > ol > li > ol, .contents .table > table > tbody > tr > th > ul > li > ol, .contents .table > table > tbody > tr > th > ol, .contents .table > table > tbody > tr > th > ol > li > ol, .contents .table > table > tr > td:not(.d) > ul > li > ol, .contents .table > table > tr > td:not(.d) > ol, .contents .table > table > tr > td:not(.d) > ol > li > ol, .contents .table > table > tbody > tr > td > ul > li > ol, .contents .table > table > tbody > tr > td > ol, .contents .table > table > tbody > tr > td > ol > li > ol, .contents .accordionlist .body > ul > li > ol, .contents .accordionlist .body > ol, .contents .accordionlist .body > ol > li > ol {
	counter-reset: number;
}
.contents .narrow ol.note > li::before, .contents .text ol.note > li::before, .contents > div > ul > li > ol.note > li::before, .contents > div > ol.note > li::before, .contents > div > ol > li > ol.note > li::before, .contents .cbox .body > ul > li > ol.note > li::before, .contents .cbox .body > ol.note > li::before, .contents .cbox .body > ol > li > ol.note > li::before, .contents .column > * > ul > li > ol.note > li::before, .contents .column > * > ol.note > li::before, .contents .column > * > ol > li > ol.note > li::before, .contents .table > table > tr > th > ul > li > ol.note > li::before, .contents .table > table > tr > th > ol.note > li::before, .contents .table > table > tr > th > ol > li > ol.note > li::before, .contents .table > table > tr > td:not(.d) > ul > li > ol.note > li::before, .contents .table > table > tr > td:not(.d) > ol.note > li::before, .contents .table > table > tr > td:not(.d) > ol > li > ol.note > li::before, .contents .table > table > tbody > tr > td > ul > li > ol.note > li::before, .contents .table > table > tbody > tr > td > ol.note > li::before, .contents .table > table > tbody > tr > td > ol > li > ol.note > li::before, .contents .accordionlist .body > ul > li > ol.note > li::before, .contents .accordionlist .body > ol.note > li::before, .contents .accordionlist .body > ol > li > ol.note > li::before {
	content: "※" counter(number);
}
.contents .narrow ol > li, .contents .text ol > li, .contents > div > ul > li > ol > li, .contents > div > ol > li, .contents > div > ol > li > ol > li, .contents .cbox .body > ul > li > ol > li, .contents .cbox .body > ol > li, .contents .cbox .body > ol > li > ol > li, .contents .column > * > ul > li > ol > li, .contents .column > * > ol > li, .contents .column > * > ol > li > ol > li, .contents .table > table > tr > th > ul > li > ol > li, .contents .table > table > tr > th > ol > li, .contents .table > table > tr > th > ol > li > ol > li, .contents .table > table > tr > td:not(.d) > ul > li > ol > li, .contents .table > table > tr > td:not(.d) > ol > li, .contents .table > table > tr > td:not(.d) > ol > li > ol > li, .contents .table > table > tbody > tr > td > ul > li > ol > li, .contents .table > table > tbody > tr > td > ol > li, .contents .table > table > tbody > tr > td > ol > li > ol > li, .contents .accordionlist .body > ul > li > ol > li, .contents .accordionlist .body > ol > li, .contents .accordionlist .body > ol > li > ol > li {
	position: relative;
	padding-left: 2em;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
}
.contents .narrow ol > li::before, .contents .text ol > li::before, .contents > div > ul > li > ol > li::before, .contents > div > ol > li::before, .contents > div > ol > li > ol > li::before, .contents .cbox .body > ul > li > ol > li::before, .contents .cbox .body > ol > li::before, .contents .cbox .body > ol > li > ol > li::before, .contents .column > * > ul > li > ol > li::before, .contents .column > * > ol > li::before, .contents .column > * > ol > li > ol > li::before, .contents .table > table > tr > th > ul > li > ol > li::before, .contents .table > table > tr > th > ol > li::before, .contents .table > table > tr > th > ol > li > ol > li::before, .contents .table > table > tr > td:not(.d) > ul > li > ol > li::before, .contents .table > table > tr > td:not(.d) > ol > li::before, .contents .table > table > tr > td:not(.d) > ol > li > ol > li::before, .contents .table > table > tbody > tr > td > ul > li > ol > li::before, .contents .table > table > tbody > tr > td > ol > li::before, .contents .table > table > tbody > tr > td > ol > li > ol > li::before, .contents .accordionlist .body > ul > li > ol > li::before, .contents .accordionlist .body > ol > li::before, .contents .accordionlist .body > ol > li > ol > li::before {
	content: counter(number) ".";
	display: block;
	position: absolute;
	counter-increment: number;
	min-width: 1.5em;
	text-align: right;
	left: 0em;
}
.contents .narrow ol > li + li, .contents .text ol > li + li, .contents > div > ol > li + li, .contents > div > ol > li > ol > li + li, .contents .cbox .body > ol > li + li, .contents .cbox .body > ol > li > ol > li + li, .contents .column > * > ol > li + li, .contents .column > * > ol > li > ol > li + li, .contents .table > table > tr > th > ol > li + li, .contents .table > table > tr > th > ol > li > ol > li + li, .contents .table > table > tr > td:not(.d) > ol > li + li, .contents .table > table > tr > td:not(.d) > ol > li > ol > li + li, .contents .table > table > tbody > tr > td > ol > li + li, .contents .table > table > tbody > tr > td > ol > li > ol > li + li, .contents .accordionlist .body > ol > li + li, .contents .accordionlist .body > ol > li > ol > li + li {
	margin-top: 8px;
}
.contents .narrow ol > li a, .contents .text ol > li a, .contents > div > ol > li a, .contents .cbox .body > ol > li a, .contents .column > * > ol > li a, .contents .table > table > tr > th > ol > li a, .contents .table > table > tbody > tr > th > ol > li > ol > li a, .contents .table > table > tr > td:not(.d) > ol > li a, .contents .table > table > tbody > tr > td > ol > li a, .contents .accordionlist .body > ol > li a {
	vertical-align: top;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .narrow ol > li a:before, .contents .text ol > li a:before, .contents > div > ol > li a:before, .contents .cbox .body > ol > li a:before, .contents .column > * > ol > li a:before, .contents .table > table > tr > th > ol > li a:before, .contents .table > table > tr > td:not(.d) > ol > li a:before, .contents .table > table > tbody > tr > td > ol > li a:before, .contents .accordionlist .body > ol > li a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .narrow ol > li a:hover:before, .contents .text ol > li a:hover:before, .contents > div > ol > li a:hover:before, .contents .cbox .body > ol > li a:hover:before, .contents .column > * > ol > li a:hover:before, .contents .table > table > tr > th > ol > li a:hover:before, .contents .table > table > tr > td:not(.d) > ol > li a:hover:before, .contents .table > table > tbody > tr > td > ol > li a:hover:before, .contents .accordionlist .body > ol > li a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .narrow ol > li ul, .contents .text ol > li ul, .contents > div > ol > li ul, .contents .cbox .body > ol > li ul, .contents .column > * > ol > li ul, .contents .table > table > tr > th > ol > li ul, .contents .table > table > tbody > tr > th > ol > li > ol > li ul, .contents .table > table > tr > td:not(.d) > ol > li ul, .contents .table > table > tbody > tr > td > ol > li ul, .contents .accordionlist .body > ol > li ul, .contents .narrow ol > li ol, .contents .text ol > li ol, .contents > div > ol > li ol, .contents .cbox .body > ol > li ol, .contents .column > * > ol > li ol, .contents .table > table > tr > th > ol > li ol, .contents .table > table > tbody > tr > th > ol > li > ol > li ol, .contents .table > table > tr > td:not(.d) > ol > li ol, .contents .table > table > tbody > tr > td > ol > li ol, .contents .accordionlist .body > ol > li ol {
	margin-top: 4px;
	margin-right: 0px;
}

.loading * {
	transition: 0ms !important;
}
.loading *:before, .loading *:after {
	transition: 0ms !important;
}

.popup.popin {
	opacity: 0;
	transition: opacity 800ms 200ms !important;
}
.popup.popin.popon {
	opacity: 1;
}

.popup.popcont > * {
	opacity: 0;
	transition: opacity 800ms 200ms !important;
}
.popup.popcont.popon > * {
	opacity: 1;
}
.popup.popcont.popon > *:nth-child(0) {
	transition-delay: 200ms !important;
}
.popup.popcont.popon > *:nth-child(1) {
	transition-delay: 260ms !important;
}
.popup.popcont.popon > *:nth-child(2) {
	transition-delay: 320ms !important;
}
.popup.popcont.popon > *:nth-child(3) {
	transition-delay: 380ms !important;
}
.popup.popcont.popon > *:nth-child(4) {
	transition-delay: 440ms !important;
}
.popup.popcont.popon > *:nth-child(5) {
	transition-delay: 500ms !important;
}
.popup.popcont.popon > *:nth-child(6) {
	transition-delay: 560ms !important;
}
.popup.popcont.popon > *:nth-child(7) {
	transition-delay: 620ms !important;
}
.popup.popcont.popon > *:nth-child(8) {
	transition-delay: 680ms !important;
}
.popup.popcont.popon > *:nth-child(9) {
	transition-delay: 740ms !important;
}
.popup.popcont.popon > *:nth-child(10) {
	transition-delay: 800ms !important;
}
.popup.popcont.popon > *:nth-child(11) {
	transition-delay: 860ms !important;
}
.popup.popcont.popon > *:nth-child(12) {
	transition-delay: 920ms !important;
}

header {
	display: block;
	position: fixed;
	width: 100%;
	height: 92px;
	top: 0px;
	background: #DBDBDB;
	z-index: 1000;
	transition: top 600ms;
}
.hideheader header {
	top: -42px;
}
@media screen and (max-width: 959px) {
	header {
		top: -42px;
	}
}

#logo {
	position: fixed;
	top: 46px;
	left: 50%;
	width: 100%;
	max-width: 1720px;
	margin: auto;
	padding: 0 clamp(15px, -22.5px + 4.8828125vw, 40px);
	transform: translate(-50%, -50%);
	transition: top 600ms;
}
.hideheader #logo {
	top: 25px;
}
@media screen and (max-width: 959px) {
	#logo {
		top: 25px;
	}
}
#logo a {
	display: block;
	width: 180px;
	background: url(../images/logo.svg) no-repeat left center;
	background-size: 100% auto;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	transition: width 600ms, opacity 200ms;
	aspect-ratio: 199 / 32;
}
#logo a:hover {
	opacity: 0.7;
}
.hideheader #logo a {
	width: 140px;
}
@media screen and (max-width: 959px) {
	#logo a {
		width: 140px;
	}
}
#logo a span {
	position: absolute;
	left: -10000px;
}

#locallogo {
	position: fixed;
	top: 46px;
	left: 50%;
	width: 100%;
	max-width: 1720px;
	margin: auto;
	padding: 0 clamp(15px, -22.5px + 4.8828125vw, 40px);
	transform: translate(-50%, -50%);
	transition: top 600ms;
	pointer-events: none;
}
.hideheader #locallogo {
	top: 25px;
}
@media screen and (max-width: 959px) {
	#locallogo {
		top: 25px;
	}
}
#locallogo a {
	display: block;
	width: 180px;
	background: none no-repeat left center;
	background-size: 100% auto;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	transition: width 600ms, margin 600ms, opacity 200ms;
	aspect-ratio: 364.28 / 95.6;
	pointer-events: auto;
}
#locallogo a:hover {
	opacity: 0.7;
}
.hideheader #locallogo a {
	width: 140px;
}
@media screen and (max-width: 959px) {
	#locallogo a {
		width: 140px;
	}
}
#locallogo a span {
	position: absolute;
	left: -10000px;
}

#navigation {
	position: fixed;
	top: 0px;
	right: calc(clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) + clamp(48px, -105.3333333333px + 19.1666666667vw, 140px));
}
#navigation:has(+ #entry) {
	right: calc(clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) + clamp(80px, -70px + 18.75vw, 170px) + clamp(48px, -105.3333333333px + 19.1666666667vw, 140px));
}
@media screen and (max-width: 767px) {
	#navigation {
		display: flex;
		align-items: center;
		justify-content: center;
		top: 50px;
		left: 150%;
		width: 100%;
		height: calc(100% - 50px);
		background: rgba(19, 140, 70, 0.975);
		transition: transform 600ms;
	}
	.menuopen #navigation {
		transform: translateX(-150%);
	}
}
#navigation > ul {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: clamp(15px, -6.1764705882px + 2.2058823529vw, 30px);
	height: 92px;
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	transition: height 600ms;
}
.hideheader #navigation > ul {
	height: 50px;
}
@media screen and (max-width: 959px) {
	#navigation > ul {
		height: 50px;
	}
}
@media screen and (max-width: 767px) {
	#navigation > ul {
		gap: 40px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: auto;
		margin-right: 0;
		font-size: 6vw;
	}
}
#navigation > ul > li {
	display: flex;
	height: 100%;
	pointer-events: auto;
}
#navigation > ul > li a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#navigation > ul > li a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#navigation > ul > li a {
		color: #fff;
	}
}

#entry {
	position: fixed;
	top: 0px;
	right: clamp(48px, -105.3333333333px + 19.1666666667vw, 140px);
	width: clamp(80px, -70px + 18.75vw, 170px);
	height: 92px;
	transition: height 600ms;
}
.hideheader #entry {
	height: 50px;
}
@media screen and (max-width: 959px) {
	#entry {
		height: 50px;
	}
}
@media screen and (max-width: 767px) {
	#entry {
		right: 100px;
	}
}
#entry a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-left: 0.2em;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.2em;
	background: #138C46;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#entry a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#entry a {
		border-right: 1px solid #fff;
	}
}

#language {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0px;
	right: 0px;
	width: clamp(50px, -100px + 18.75vw, 140px);
	height: 92px;
	transition: height 600ms;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100vw 100%, 100vw 100vh, -100vw 100vh, -100vw 100%, 0 100%);
}
#language:has(> a) {
	width: clamp(50px, -100px + 18.75vw, 140px);
}
#language::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	z-index: -1;
}
#language::after:has(> a) {
	background: #fff;
}
.hideheader #language {
	height: 50px;
}
@media screen and (max-width: 959px) {
	#language {
		height: 50px;
	}
}
@media screen and (max-width: 767px) {
	#language {
		right: 50px;
	}
}
#language > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
	background: url(../images/language.svg) no-repeat center center #000;
	background-size: min(40%, 28px) auto;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	z-index: 0;
}
#language > a:hover {
	opacity: 0.7;
}
#language ul {
	display: flex;
	gap: clamp(1px, -5.6666666667px + 0.8333333333vw, 5px);
	font-size: clamp(13px  * var(--fontratio, 1), (1.3333333333px + 1.4583333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
}
#language ul a {
	color: #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#language ul a:hover {
	opacity: 0.7;
}
#language ul li + li {
	display: flex;
	gap: clamp(1px, -5.6666666667px + 0.8333333333vw, 5px);
}
#language ul li + li::before {
	content: "/";
}
#language > a + ul {
	position: absolute;
	flex-direction: column;
	gap: 0px;
	top: 100%;
	right: 0;
	min-width: 100%;
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	font-weight: 500;
	background: #000;
	opacity: 0;
	transform: translateY(calc(-100% - 10px));
	transition: transform 600ms, opacity 600ms;
	z-index: -1;
}
.languageopen #language > a + ul {
	transform: translateY(0);
	opacity: 1;
}
#language > a + ul::before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -4px;
	width: calc(100% + 7px);
	height: calc(100% + 6px);
	background: #000;
	opacity: 0.35;
	filter: blur(4px);
	z-index: -1;
}
#language > a + ul li {
	position: relative;
	display: block;
	background: #fff;
}
#language > a + ul li + li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000;
}
#language > a + ul a {
	display: flex;
	align-items: center;
	padding: 5px 10px 5px clamp(10px, 1.6666666667px + 1.0416666667vw, 15px);
	height: 3.75em;
	color: #000;
	white-space: nowrap;
}

#menu {
	position: fixed;
	top: 0;
	right: 0;
	display: none;
}
@media screen and (max-width: 767px) {
	#menu {
		display: block;
	}
}
#menu a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -10000px;
	background: #000;
	border-left: 1px solid #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#menu a:hover {
	opacity: 0.7;
}
#menu a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/menu.svg) no-repeat center center;
	background-size: 50% auto;
	opacity: 1;
	transition: 400ms;
}
#menu a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/close.svg) no-repeat center center;
	background-size: 50% auto;
	opacity: 0;
	transition: 400ms;
}
.menuopen #menu a:before {
	opacity: 0;
}
.menuopen #menu a:after {
	opacity: 1;
}

#floatentry {
	position: fixed;
	top: min(292px, 22.8125vw);
	right: 0;
	z-index: 15;
	border-left: 30px solid #A0B5CB;
	transition: transform 400ms, border-left-color 200ms;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	#floatentry {
		display: none;
	}
}
#floatentry:hover {
	border-left-color: rgba(160, 181, 203, 0.8);
}
#floatentry::before {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 0;
	top: calc(50% - 7px);
	left: -20px;
	border: 7px solid transparent;
	border-left: 10px solid #fff;
	border-right: 0;
	transition: 400ms;
}
#floatentry.close {
	transform: translateX(calc(100% - 30px));
}
#floatentry.close::before {
	transform: rotateY(180deg);
}
#floatentry a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(80px, -70px + 18.75vw, 170px);
	height: 4.6em;
	padding-left: 0.2em;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.2em;
	background: #138C46;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#floatentry a:hover {
	opacity: 0.7;
}

#mainvisual {
	position: relative;
	display: flex;
	margin-top: 92px;
	min-height: clamp(150px, -16.6666666667px + 20.8333333333vw, 250px);
}
@media screen and (max-width: 959px) {
	#mainvisual {
		margin-top: 50px;
	}
}
#mainvisual::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 29px;
	background: #138C46;
	opacity: 0.8;
	mix-blend-mode: multiply;
}
#mainvisual::after {
	content: "";
	display: block;
	position: absolute;
	top: -109px;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/bg01.svg) no-repeat left center;
	background-size: auto 100%;
	filter: brightness(0) saturate(100%) invert(100%);
	z-index: -2;
}
#mainvisual > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(0px, 0px + 0vw, 0px) clamp(15px, -22.5px + 4.8828125vw, 40px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#mainvisual h1, #mainvisual .category {
	font-size: clamp(28px  * var(--fontratio, 1), (-25.3333333333px + 6.6666666667vw) * var(--fontratio, 1), 60px * var(--fontratio, 1));
	line-height: 1.2;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
	font-family: Poppins;
}
html[lang="zh-TW"] #mainvisual h1, html[lang="zh-CN"] #mainvisual h1,
html[lang="zh-TW"] #mainvisual .category, html[lang="zh-CN"] #mainvisual .category {
	font-family: var(--basefontname);
}
#mainvisual h1:has(+ .catch), #mainvisual .category:has(+ .catch) {
	margin-top: auto;
	margin-bottom: calc(-30px - 0.27em);
	padding-top: 30px;
	order: 99;
	text-align: right;
	font-size: clamp(28px  * var(--fontratio, 1), (-32px + 7.5vw) * var(--fontratio, 1), 64px * var(--fontratio, 1));
	font-family: Poppins !important;
}
#mainvisual .catch {
	font-size: clamp(28px  * var(--fontratio, 1), (-25.3333333333px + 6.6666666667vw) * var(--fontratio, 1), 60px * var(--fontratio, 1));
	line-height: 1.2;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
	font-family: Poppins;
}
html[lang="zh-TW"] #mainvisual .catch, html[lang="zh-CN"] #mainvisual .catch {
	font-family: var(--basefontname);
}
#mainvisual .info {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.45;
	font-weight: 500;
	color: #fff;
}
#mainvisual .image {
	position: absolute;
	width: 100vw;
	height: 100%;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -5;
}
#mainvisual .image::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, black 0%, white 100%);
	opacity: 0.4;
	mix-blend-mode: multiply;
}
#mainvisual .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#breadcrumbs {
	position: relative;
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(10px, -6.6666666667px + 2.0833333333vw, 20px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(20px, -13.3333333333px + 4.1666666667vw, 40px);
	z-index: 1;
}
#breadcrumbs ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 0.45em;
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 500;
	color: #6B7988;
}
#breadcrumbs ul li {
	position: relative;
}
#breadcrumbs ul li:first-child a {
	display: block;
	width: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	text-indent: -10000px;
	background: url(../images/home.svg) no-repeat center center/100% 100%;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#breadcrumbs ul li:first-child a:hover {
	opacity: 0.7;
}
#breadcrumbs ul li + li::before {
	content: "/";
	display: inline-block;
	margin-right: 0.45em;
}
#breadcrumbs ul a {
	color: #000;
	position: relative;
	display: inline-block;
}
#breadcrumbs ul a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.15em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
#breadcrumbs ul a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.15em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}

@keyframes bgloop {
	from {
		background-position: 0px center;
	}
	to {
		background-position: calc(clamp(29px, -56px + 10.625vw, 80px) / 80px * -1644px) center;
	}
}
#footerlink {
	position: relative;
	display: flex;
	background: #fff;
	aspect-ratio: 1640 / 550;
	overflow: hidden;
}
#footerlink::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/global.svg) no-repeat center bottom #A0B5CB;
	background-size: min(1640px, 100%) auto;
}
#footerlink:has(ul) {
	display: block;
	aspect-ratio: auto;
}
#footerlink:has(ul)::before {
	bottom: calc(clamp(150px, -213.3333333333px + 45.4166666667vw, 368px) / 2 + clamp(40px, -26.6666666667px + 8.3333333333vw, 80px));
}
#footerlink > div {
	position: relative;
	width: 100%;
	max-width: 1720px;
	margin: auto;
	padding: clamp(60px, -40px + 12.5vw, 120px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(40px, -26.6666666667px + 8.3333333333vw, 80px);
}
#footerlink p {
	width: fit-content;
	margin: auto;
	font-size: clamp(30px  * var(--fontratio, 1), (-70px + 12.5vw) * var(--fontratio, 1), 90px * var(--fontratio, 1));
	line-height: 1.2;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
	font-family: Poppins;
}
#footerlink ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	margin-top: clamp(31px, -84px + 14.375vw, 100px);
}
@media screen and (max-width: 767px) {
	#footerlink ul {
		gap: 5px;
	}
}
#footerlink ul li {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2) / 3);
	background: #fff;
}
@media screen and (max-width: 767px) {
	#footerlink ul li {
		flex: 1;
		max-width: 180px;
	}
}
#footerlink ul a {
	position: relative;
	display: block;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#footerlink ul a:hover {
	opacity: 0.7;
}
#footerlink ul a .image {
	width: 100%;
	height: clamp(150px, -213.3333333333px + 45.4166666667vw, 368px);
}
#footerlink ul a .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#footerlink ul a .title {
	position: absolute;
	display: flex;
	align-items: center;
	gap: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	left: 0;
	right: 0;
	bottom: 0;
	padding: clamp(10px, -15px + 3.125vw, 25px) clamp(10px, -40px + 6.25vw, 40px);
	font-size: clamp(11px  * var(--fontratio, 1), (-4px + 1.875vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.4;
	font-weight: 800;
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
}
#footerlink ul a .title::after {
	content: "";
	display: block;
	position: relative;
	flex-shrink: 0;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%);
}
@media screen and (max-width: 767px) {
	#footerlink ul a .title::after {
		width: 10px;
		background-size: 10px auto;
	}
}

footer {
	position: relative;
	display: block;
	background: #DFE6E8;
	z-index: 2;
}
footer > div {
	position: relative;
	width: 100%;
	max-width: 1720px;
	margin: auto;
	padding: clamp(20px, -13.3333333333px + 4.1666666667vw, 40px) clamp(15px, -22.5px + 4.8828125vw, 40px);
	display: flex;
	align-items: center;
	gap: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
@media screen and (max-width: 959px) {
	footer > div {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 767px) {
	footer > div {
		flex-direction: column;
	}
}
footer .logo a {
	display: block;
	width: 199px;
	background: url(../images/logo.svg) no-repeat left center;
	background-size: 100% auto;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	aspect-ratio: 199 / 32;
}
footer .logo a:hover {
	opacity: 0.7;
}
footer .logo a span {
	position: absolute;
	left: -10000px;
}
footer ul {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	footer ul {
		flex-direction: column;
	}
}
footer ul a {
	color: #000;
	position: relative;
	display: inline-block;
}
footer ul a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
footer ul a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
footer p {
	margin-left: auto;
	margin-right: 0;
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #000;
}

#searchresult {
	transition: height 600ms;
}
#searchresult .fs-loading {
	display: block;
}
#searchresult .fs-loading img {
	margin: 50px auto;
}

.contents {
	position: relative;
	z-index: 0;
}
.contents > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(40px, -26.6666666667px + 8.3333333333vw, 80px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(60px, -40px + 12.5vw, 120px);
}
.contents.stack > div {
	padding-top: 0;
}
.contents h2 + *:not(h1, h2, h3, h4, h5, h6), .contents h3 + *:not(h1, h2, h3, h4, h5, h6), .contents h4 + *:not(h1, h2, h3, h4, h5, h6), .contents h5 + *:not(h1, h2, h3, h4, h5, h6), .contents h6 + *:not(h1, h2, h3, h4, h5, h6) {
	margin-top: 0px !important;
}
.contents h1,
.contents .catch {
	position: relative;
	margin: 0px 0px clamp(37px, -101.3333333333px + 17.2916666667vw, 120px);
	padding: 0px;
	font-size: clamp(26px  * var(--fontratio, 1), (-10.6666666667px + 4.5833333333vw) * var(--fontratio, 1), 48px * var(--fontratio, 1));
	line-height: 1.45;
	font-weight: 700;
}
.contents h1:has(+ .button),
.contents .catch:has(+ .button) {
	margin-bottom: clamp(26px, -14px + 5vw, 50px);
}
.contents * + h1,
.contents * + .catch {
	margin-top: clamp(37px, -101.3333333333px + 17.2916666667vw, 120px);
}
.contents h2 {
	position: relative;
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: clamp(20px  * var(--fontratio, 1), (6.6666666667px + 1.6666666667vw) * var(--fontratio, 1), 28px * var(--fontratio, 1));
	line-height: 1.45;
	font-weight: 500;
}
.contents *:not(h1) + h2 {
	margin-top: clamp(29px, -56px + 10.625vw, 80px);
}
.contents h3 {
	position: relative;
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: clamp(18px  * var(--fontratio, 1), (8px + 1.25vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 1.45;
	font-weight: 700;
	color: #138C46;
}
.contents * + h3 {
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents h4 {
	position: relative;
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: clamp(18px  * var(--fontratio, 1), (8px + 1.25vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 1.45;
	font-weight: 700;
}
.contents * + h4 {
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents h5 {
	position: relative;
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.45;
	font-weight: 700;
}
.contents * + h5 {
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents h1:last-child, .contents h2:last-child, .contents h3:last-child, .contents h4:last-child, .contents h5:last-child, .contents h6:last-child {
	margin-bottom: 0;
}
.contents .stack {
	margin-top: 0px !important;
}
.contents .section {
	margin-top: clamp(37px, -101.3333333333px + 17.2916666667vw, 120px) !important;
}
.contents .group {
	margin-top: clamp(29px, -56px + 10.625vw, 80px) !important;
}
.contents .block {
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) !important;
}
.contents .paragraph {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px) !important;
}
.contents .halfparagraph {
	margin-top: clamp(10px, 10px + 0vw, 10px) !important;
}
.contents .narrow {
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.contents > div:not(.image) > a {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents > div:not(.image) > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents > div:not(.image) > a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents figure,
.contents .image {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	.contents figure.spsize,
	.contents .image.spsize {
		overflow-x: auto;
	}
	.contents figure.spsize img,
	.contents .image.spsize img {
		min-width: var(--spsize);
	}
}
.contents figure img,
.contents .image img {
	margin: auto;
}
.contents figure > a + figcaption,
.contents figure > a + p,
.contents figure img + figcaption,
.contents figure img + p,
.contents .image > a + figcaption,
.contents .image > a + p,
.contents .image img + figcaption,
.contents .image img + p {
	margin-top: 8px !important;
}
.contents figure figcaption,
.contents figure p,
.contents .image figcaption,
.contents .image p {
	max-width: 100%;
	font-size: clamp(12px  * var(--fontratio, 1), (8.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1.3;
}
.contents figure figcaption a,
.contents figure p a,
.contents .image figcaption a,
.contents .image p a {
	color: #138C46;
	font-weight: 500;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents figure figcaption a:hover,
.contents figure p a:hover,
.contents .image figcaption a:hover,
.contents .image p a:hover {
	opacity: 0.7;
}
.contents figure figcaption.center,
.contents figure p.center,
.contents .image figcaption.center,
.contents .image p.center {
	text-align: center;
}
.contents figure figcaption.right,
.contents figure p.right,
.contents .image figcaption.right,
.contents .image p.right {
	text-align: right;
}
.contents figure.left,
.contents .image.left {
	margin-left: 0px;
}
.contents figure.right,
.contents .image.right {
	margin-right: 0px;
}
.contents figure > a,
.contents .image > a {
	display: inline-block;
	max-width: 100%;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents figure > a:hover,
.contents .image > a:hover {
	opacity: 0.7;
}
.contents figure > a p,
.contents .image > a p {
	color: #138C46;
}
.contents .cbox > .youtube {
	flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	.contents .cbox > .youtube {
		max-width: 100%;
	}
}
.contents .cbox,
.contents .cbox > a {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents .cbox > .image,
.contents .cbox > a > .image {
	position: relative;
	flex-shrink: 0;
	width: auto;
	margin-top: 0px !important;
}
.contents .cbox > .image.size4,
.contents .cbox > a > .image.size4 {
	margin-left: auto;
	margin-right: auto;
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2) / 3) !important;
}
.contents .cbox > .image.size6,
.contents .cbox > a > .image.size6 {
	margin-left: auto;
	margin-right: auto;
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px)) / 2) !important;
}
@media screen and (max-width: 767px) {
	.contents .cbox > .image,
	.contents .cbox > a > .image {
		max-width: 100%;
	}
}
.contents .cbox > .image > img,
.contents .cbox > .image > a,
.contents .cbox > a > .image > img,
.contents .cbox > a > .image > a {
	display: block;
	width: 100%;
}
.contents .cbox > a {
	color: #000;
	height: 100%;
}
.contents .cbox > a .image img {
	transition: transform 400ms;
}
.contents .cbox > a:hover .image img {
	transform: scale(1.1);
}
.contents .cbox .image.exp {
	max-width: 620px;
}
.contents .cbox .image.exp img {
	max-width: none;
	width: calc((100vw - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px)) / 2);
	max-height: 430px;
	object-fit: cover;
	transform: translateX(calc(var(--iw, 620px) - 100%));
}
@media screen and (max-width: 767px) {
	.contents .cbox .image.exp img {
		max-width: 100%;
		width: 100%;
		transform: none;
	}
}
.contents .cbox.reverse .image.exp img {
	transform: none;
}
.contents .cbox.col2,
.contents .cbox.col2 > a {
	flex-direction: row;
}
@media screen and (max-width: 767px) {
	.contents .cbox.col2.spcol1,
	.contents .cbox.col2.spcol1 > a {
		flex-direction: column;
	}
	.contents .cbox.col2.spcol1 > .image,
	.contents .cbox.col2.spcol1 > a > .image {
		width: auto !important;
	}
	.contents .cbox.col2.spcol1 > .image > img,
	.contents .cbox.col2.spcol1 > .image > a,
	.contents .cbox.col2.spcol1 > a > .image > img,
	.contents .cbox.col2.spcol1 > a > .image > a {
		width: auto;
	}
	.contents .cbox.col2.spcol1 > .youtube,
	.contents .cbox.col2.spcol1 > a > .youtube {
		width: auto !important;
	}
}
.contents .cbox.reverse,
.contents .cbox.reverse > a {
	direction: rtl;
}
.contents .cbox.reverse > *,
.contents .cbox.reverse > a > * {
	direction: ltr;
}
.contents .cbox .body {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.contents .cbox .body:not(.image) > a {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .cbox .body:not(.image) > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .cbox .body:not(.image) > a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .column {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(28px, -25.3333333333px + 6.6666666667vw, 60px) clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents .column > * {
	margin-top: 0px !important;
}
.contents .column > *:not(.image) > a {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .column > *:not(.image) > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .column > *:not(.image) > a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .column > *.center {
	align-self: center;
}
.contents .column.col1 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 0 - 4px) / 1);
}
.contents .column.col1 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 0 - 4px) / 1) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col1 > *.size1 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 0 - 4px) / 1) * 1 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 0);
}
@media screen and (max-width: 767px) {
	.contents .column.col1 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 0 - 4px) / 1) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col1 > *.spsize1 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 0 - 4px) / 1) * 1 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 0);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol1 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 0 - 4px) / 1) !important;
	}
}
.contents .column.col2 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1 - 4px) / 2);
}
.contents .column.col2 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1 - 4px) / 2) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
@media screen and (max-width: 767px) {
	.contents .column.col2 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1 - 4px) / 2) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol2 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1 - 4px) / 2) !important;
	}
}
.contents .column.col3 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2 - 4px) / 3);
}
.contents .column.col3 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2 - 4px) / 3) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col3 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2 - 4px) / 3) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
@media screen and (max-width: 767px) {
	.contents .column.col3 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2 - 4px) / 3) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col3 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2 - 4px) / 3) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol3 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2 - 4px) / 3) !important;
	}
}
.contents .column.col4 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3 - 4px) / 4);
}
.contents .column.col4 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3 - 4px) / 4) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col4 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3 - 4px) / 4) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col4 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3 - 4px) / 4) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
@media screen and (max-width: 767px) {
	.contents .column.col4 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3 - 4px) / 4) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col4 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3 - 4px) / 4) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col4 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3 - 4px) / 4) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol4 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3 - 4px) / 4) !important;
	}
}
.contents .column.col5 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5);
}
.contents .column.col5 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col5 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col5 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
.contents .column.col5 > *.size5 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
}
@media screen and (max-width: 767px) {
	.contents .column.col5 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col5 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col5 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
	.contents .column.col5 > *.spsize5 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol5 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4 - 4px) / 5) !important;
	}
}
.contents .column.col6 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6);
}
.contents .column.col6 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col6 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col6 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
.contents .column.col6 > *.size5 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
}
.contents .column.col6 > *.size6 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
}
@media screen and (max-width: 767px) {
	.contents .column.col6 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col6 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col6 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
	.contents .column.col6 > *.spsize5 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
	}
	.contents .column.col6 > *.spsize6 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol6 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5 - 4px) / 6) !important;
	}
}
.contents .column.col7 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7);
}
.contents .column.col7 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col7 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col7 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
.contents .column.col7 > *.size5 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
}
.contents .column.col7 > *.size6 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
}
.contents .column.col7 > *.size7 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
}
@media screen and (max-width: 767px) {
	.contents .column.col7 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col7 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col7 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
	.contents .column.col7 > *.spsize5 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
	}
	.contents .column.col7 > *.spsize6 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
	}
	.contents .column.col7 > *.spsize7 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol7 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6 - 4px) / 7) !important;
	}
}
.contents .column.col8 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8);
}
.contents .column.col8 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col8 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col8 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
.contents .column.col8 > *.size5 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
}
.contents .column.col8 > *.size6 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
}
.contents .column.col8 > *.size7 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
}
.contents .column.col8 > *.size8 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
}
@media screen and (max-width: 767px) {
	.contents .column.col8 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col8 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col8 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
	.contents .column.col8 > *.spsize5 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
	}
	.contents .column.col8 > *.spsize6 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
	}
	.contents .column.col8 > *.spsize7 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
	}
	.contents .column.col8 > *.spsize8 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol8 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7 - 4px) / 8) !important;
	}
}
.contents .column.col9 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9);
}
.contents .column.col9 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col9 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col9 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
.contents .column.col9 > *.size5 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
}
.contents .column.col9 > *.size6 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
}
.contents .column.col9 > *.size7 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
}
.contents .column.col9 > *.size8 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
}
.contents .column.col9 > *.size9 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 9 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8);
}
@media screen and (max-width: 767px) {
	.contents .column.col9 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col9 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col9 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
	.contents .column.col9 > *.spsize5 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
	}
	.contents .column.col9 > *.spsize6 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
	}
	.contents .column.col9 > *.spsize7 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
	}
	.contents .column.col9 > *.spsize8 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
	}
	.contents .column.col9 > *.spsize9 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) * 9 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol9 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8 - 4px) / 9) !important;
	}
}
.contents .column.col10 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10);
}
.contents .column.col10 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col10 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col10 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
.contents .column.col10 > *.size5 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
}
.contents .column.col10 > *.size6 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
}
.contents .column.col10 > *.size7 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
}
.contents .column.col10 > *.size8 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
}
.contents .column.col10 > *.size9 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 9 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8);
}
.contents .column.col10 > *.size10 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 10 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9);
}
@media screen and (max-width: 767px) {
	.contents .column.col10 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col10 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col10 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
	.contents .column.col10 > *.spsize5 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
	}
	.contents .column.col10 > *.spsize6 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
	}
	.contents .column.col10 > *.spsize7 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
	}
	.contents .column.col10 > *.spsize8 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
	}
	.contents .column.col10 > *.spsize9 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 9 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8);
	}
	.contents .column.col10 > *.spsize10 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) * 10 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol10 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9 - 4px) / 10) !important;
	}
}
.contents .column.col11 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11);
}
.contents .column.col11 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col11 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col11 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
.contents .column.col11 > *.size5 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
}
.contents .column.col11 > *.size6 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
}
.contents .column.col11 > *.size7 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
}
.contents .column.col11 > *.size8 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
}
.contents .column.col11 > *.size9 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 9 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8);
}
.contents .column.col11 > *.size10 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 10 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9);
}
.contents .column.col11 > *.size11 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 11 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10);
}
@media screen and (max-width: 767px) {
	.contents .column.col11 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col11 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col11 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
	.contents .column.col11 > *.spsize5 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
	}
	.contents .column.col11 > *.spsize6 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
	}
	.contents .column.col11 > *.spsize7 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
	}
	.contents .column.col11 > *.spsize8 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
	}
	.contents .column.col11 > *.spsize9 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 9 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8);
	}
	.contents .column.col11 > *.spsize10 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 10 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9);
	}
	.contents .column.col11 > *.spsize11 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) * 11 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol11 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10 - 4px) / 11) !important;
	}
}
.contents .column.col12 > * {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12);
}
.contents .column.col12 > *.size2 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
}
.contents .column.col12 > *.size3 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
}
.contents .column.col12 > *.size4 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
}
.contents .column.col12 > *.size5 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
}
.contents .column.col12 > *.size6 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
}
.contents .column.col12 > *.size7 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
}
.contents .column.col12 > *.size8 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
}
.contents .column.col12 > *.size9 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 9 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8);
}
.contents .column.col12 > *.size10 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 10 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9);
}
.contents .column.col12 > *.size11 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 11 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10);
}
.contents .column.col12 > *.size12 {
	width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 12 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11);
}
@media screen and (max-width: 767px) {
	.contents .column.col12 > *.spsize2 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 2 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 1);
	}
	.contents .column.col12 > *.spsize3 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 3 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2);
	}
	.contents .column.col12 > *.spsize4 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 4 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 3);
	}
	.contents .column.col12 > *.spsize5 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 5 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 4);
	}
	.contents .column.col12 > *.spsize6 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 6 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 5);
	}
	.contents .column.col12 > *.spsize7 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 7 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 6);
	}
	.contents .column.col12 > *.spsize8 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 8 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 7);
	}
	.contents .column.col12 > *.spsize9 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 9 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 8);
	}
	.contents .column.col12 > *.spsize10 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 10 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 9);
	}
	.contents .column.col12 > *.spsize11 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 11 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 10);
	}
	.contents .column.col12 > *.spsize12 {
		width: calc(((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) * 12 + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol12 > * {
		width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 11 - 4px) / 12) !important;
	}
}
.contents .table {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden !important;
}
.contents .table > table {
	position: relative;
	width: 100%;
	margin: 0px;
	border-spacing: 0px;
	empty-cells: show;
	background: #fff;
	border-collapse: collapse;
	border-bottom: 1px solid #A0B5CB;
}
.contents .table > table > thead > tr > th {
	min-width: 0;
	padding: clamp(19px, 9px + 1.25vw, 25px) clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(14px  * var(--fontratio, 1), (9px + 0.625vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #fff;
	vertical-align: top;
	text-align: left;
	background: #138C46;
	border-left: 1px solid #fff;
}
.contents .table > table > thead > tr > :first-child,
.contents .table > table > tr > :first-child,
.contents .table > table > tbody > tr > :first-child {
	border-left: 0;
}
.contents .table > table > thead > tr > td {
	background: #DFE6E8;
}
.contents .table > table > tr:nth-child(odd) > th,
.contents .table > table > tbody > tr:nth-child(odd) > th,
.contents .table > table > tr:nth-child(odd) > td,
.contents .table > table > tbody > tr:nth-child(odd) > td {
	background: #DFE6E8;
}
.contents .table > table:has(thead) > tr > *, .contents .table > table:has(thead) > tbody > tr > * {
	border-left: 1px solid #A0B5CB;
}
.contents .table > table > tr > th,
.contents .table > table > tbody > tr > th {
	min-width: calc(clamp(16px, 9.3333333333px + 0.8333333333vw, 20px) * 2 + 6em);
	padding: clamp(19px, 9px + 1.25vw, 25px) clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	vertical-align: top;
	text-align: left;
	font-size: clamp(14px  * var(--fontratio, 1), (9px + 0.625vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.7;
	font-weight: 700;
	border-top: 1px solid #A0B5CB;
}
.contents .table > table > tr > th:not(.image) > a {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .table > table > tr > th:not(.image) > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .table > table > tr > th:not(.image) > a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .table > table > tbody > tr > th:not(.image) > a {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .table > table > tbody > tr > th:not(.image) > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .table > table > tbody > tr > th:not(.image) > a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .table > table > tr > td,
.contents .table > table > tbody > tr > td {
	padding: clamp(19px, 9px + 1.25vw, 25px) clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	vertical-align: top;
	text-align: left;
	font-size: clamp(14px  * var(--fontratio, 1), (9px + 0.625vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.7;
	font-weight: 500;
	border-top: 1px solid #A0B5CB;
}
.contents .table > table > tr > td:not(.d):not(.image) > a {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .table > table > tr > td:not(.d):not(.image) > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .table > table > tr > td:not(.d):not(.image) > a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .table > table > tbody > tr > td:not(.image) > a {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .table > table > tbody > tr > td:not(.image) > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .table > table > tbody > tr > td:not(.image) > a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .table > table .left {
	text-align: left;
}
.contents .table > table .right {
	text-align: right;
}
.contents .table > table .center {
	text-align: center;
}
.contents .table > table .top {
	vertical-align: top;
}
.contents .table > table .bottom {
	vertical-align: bottom;
}
.contents .table > table .middle {
	vertical-align: middle;
}
.contents .youtube {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.contents .youtube > div {
	position: relative;
	padding-top: 56.25%;
}
.contents .youtube > div > iframe,
.contents .youtube > div > video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	border: 0px;
}
.contents .accordionlist {
	border-top: 1px solid #138C46;
}
.contents .accordionlist > div {
	border-bottom: 1px solid #138C46;
}
.contents .accordionlist .title {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: clamp(29px, -56px + 10.625vw, 80px);
	padding: 5px 50px 5px 0px;
	font-size: clamp(20px  * var(--fontratio, 1), (6.6666666667px + 1.6666666667vw) * var(--fontratio, 1), 28px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 500;
	cursor: pointer;
	user-select: none;
}
.contents .accordionlist .title::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 2px;
	right: 15px;
	top: calc(50% - 1px);
	background: #000;
}
.contents .accordionlist .title::after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 20px;
	right: 24px;
	top: calc(50% + 10px);
	background: #000;
	opacity: 0;
	pointer-events: none;
	transition: 400ms;
}
.contents .accordionlist .title.close::after {
	top: calc(50% - 10px);
	opacity: 1;
}
.contents .accordionlist .body {
	padding: 20px 0;
}
.contents .accordionlist .body:not(.image) > a {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .accordionlist .body:not(.image) > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .accordionlist .body:not(.image) > a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .accordionlist .body h2 {
	margin-bottom: 5px;
	font-size: clamp(18px  * var(--fontratio, 1), (8px + 1.25vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	font-weight: 700;
	color: #138C46;
}
.contents .accordionlist .body *:not(h1) + h2 {
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents .accordionlist .body h3 {
	margin-bottom: 5px;
	color: #000;
}
.contents .accordionlist .body * + h3 {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
}
.contents .accordionlist .body h4 {
	margin-bottom: 5px;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
}
.contents .accordionlist .body * + h4 {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
}
.contents .accordionlist .body h5 {
	margin-bottom: 5px;
}
.contents .accordionlist .body * + h5 {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
}
.contents .relatedlist ul {
	border-top: 1px solid #A0B5CB;
}
.contents .relatedlist li {
	padding: clamp(19px, 9px + 1.25vw, 25px) 0 clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 2;
	font-weight: 500;
	border-bottom: 1px solid #A0B5CB;
}
.contents .relatedlist .button {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px) !important;
}
.contents .ourpeople a {
	display: block;
	position: relative;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .ourpeople a:hover {
	opacity: 0.7;
}
.contents .ourpeople a::before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
	z-index: 1;
}
.contents .ourpeople a .image {
	position: relative;
	width: 100%;
	aspect-ratio: 400 / 500;
	border: 1px solid #138C46;
	overflow: hidden;
}
.contents .ourpeople a .image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contents .ourpeople a .body {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
}
.contents .ourpeople a .title {
	margin-bottom: 10px;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #000;
}
.contents .ourpeople a .name {
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 500;
	color: #000;
}
.contents .list ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 400;
}
.contents .list ul li {
	position: relative;
	padding-left: 2em;
}
.contents .list ul li::before {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	vertical-align: middle;
	top: 0.75em;
	left: calc(1em + 5px);
	margin-top: -2.5px;
	background: #138C46;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
.contents .list a {
	color: #138C46;
	position: relative;
	display: inline-block;
}
.contents .list a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0.25em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.contents .list a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0.25em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
.contents .form .error_mes {
	color: #C60010;
}
.contents .form form {
	display: block;
}
.contents .form dl {
	display: flex;
	flex-direction: column;
}
.contents .form dl > dt {
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 600;
}
.contents .form dl > dt em {
	margin: 0 10px;
	color: #C60010;
	font-style: normal;
	font-weight: 400;
}
.contents .form dl > dd + dt {
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents .form dl > dd {
	padding-top: 10px;
}
.contents .form input[type="text"], .contents .form input[type="email"], .contents .form input[type="tel"], .contents .form input[type="url"], .contents .form input[type="number"] {
	width: 100%;
	height: 3.2941176471em;
	padding: 0 clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: 17px;
	border: 1px solid #A0B5CB;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.contents .form input[type="text"][required], .contents .form input[type="email"][required], .contents .form input[type="tel"][required], .contents .form input[type="url"][required], .contents .form input[type="number"][required] {
	background: #FFF2F2;
}
.contents .form input[type="text"]:focus, .contents .form input[type="email"]:focus, .contents .form input[type="tel"]:focus, .contents .form input[type="url"]:focus, .contents .form input[type="number"]:focus {
	outline: none;
}
@media screen and (max-width: 959px) {
	.contents .form input[type="text"], .contents .form input[type="email"], .contents .form input[type="tel"], .contents .form input[type="url"], .contents .form input[type="number"] {
		height: 2.3529411765em;
	}
}
.contents .form textarea {
	width: 100%;
	height: 10em;
	padding: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: 17px;
	line-height: 1.5;
	border: 1px solid #A0B5CB;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media screen and (max-width: 959px) {
	.contents .form textarea {
		height: 8em;
	}
}
.contents .form textarea[required] {
	background: #FFF2F2;
}
.contents .form textarea:focus {
	outline: none;
}
.contents .form label {
	flex-shrink: 0;
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: fit-content;
	min-height: 20px;
	padding: 0px 0px 0px 30px;
	cursor: pointer;
}
.contents .form label input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.contents .form label input[type="checkbox"] + span::before {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 0px;
	margin-top: -10px;
	background: #fff;
	border: 2px solid #A0B5CB;
	border-radius: 3px;
	transition: 200ms;
}
.contents .form label input[type="checkbox"]:checked + span:before {
	background: #138C46;
}
.contents .form label input[type="checkbox"] + span {
	font-size: clamp(16px, 10px + 0.625vw, 18px);
	line-height: 1.3;
	font-weight: 400;
	user-select: none;
}
.contents .form label input[type="checkbox"] + span:after {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 2px;
	margin-top: -8px;
	background: url(../images/check.svg) no-repeat center center;
	background-size: 10px auto;
	transform: scale(0);
	transition: 200ms;
}
.contents .form label input[type="checkbox"]:checked + span:after {
	transform: scale(1);
}
.contents .form .buttons {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
.contents .form .buttons button {
	display: flex;
	align-items: center;
	gap: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	width: fit-content;
	min-height: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	padding: 5px clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	background: #138C46;
	border: 0;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .form .buttons button:hover {
	opacity: 0.7;
}
.contents .form .buttons button::after {
	content: "";
	display: block;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%);
}
.contents .form .buttons button[name="in_back"] {
	padding: 0;
	min-height: 0;
	color: #000;
	background: transparent;
}
.contents .form .buttons button[name="in_back"]::after {
	display: none;
}

.datelist {
	width: 100%;
	border-top: 1px solid #A0B5CB;
}
.datelist li {
	display: flex;
	align-items: center;
	gap: 8px clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	padding: 10px clamp(10px, -6.6666666667px + 2.0833333333vw, 20px);
	min-height: 4.0625em;
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 500;
	border-bottom: 1px solid #A0B5CB;
}
@media screen and (max-width: 767px) {
	.datelist li {
		flex-direction: column;
		align-items: flex-start;
	}
}
.datelist .date {
	flex-shrink: 0;
	width: 6em;
	line-height: 1.5;
	font-weight: 700;
	color: #6B7988;
	white-space: nowrap;
}
html:lang(en) .datelist .date, html:lang(fr) .datelist .date, html:lang(de) .datelist .date {
	width: 7em;
}
.datelist .info a {
	padding-bottom: 1px;
	color: #000;
	background: linear-gradient(#138C46 0%, #138C46 100%) no-repeat right bottom;
	background-size: 0% 1px;
	transition: background-size 800ms;
}
.datelist .info a:hover {
	background-position: left bottom;
	background-size: 100% 1px;
	transition: background-size 800ms;
}
.datelist .more {
	margin-top: 20px;
}
.datelist .more a {
	display: flex;
	align-items: center;
	gap: clamp(21px, 6px + 1.875vw, 30px);
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #138C46;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.datelist .more a:hover {
	opacity: 0.7;
}
.datelist .more a::after {
	content: "";
	display: block;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
}

#topvisual {
	position: relative;
	margin-top: 92px;
	width: 100%;
	max-height: 988px;
	aspect-ratio: 1920 / 988;
}
@media screen and (max-width: 959px) {
	#topvisual {
		margin-top: 50px;
	}
}
@media screen and (max-width: 767px) {
	#topvisual {
		max-height: none;
		aspect-ratio: none;
	}
}
@media screen and (max-width: 767px) {
	#topvisual .wrap {
		position: relative;
		aspect-ratio: 1920 / 988;
	}
}
#topvisual [class*="visual_"] {
	position: absolute;
	z-index: -1;
}
#topvisual [class*="visual_"]::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.24);
	mix-blend-mode: multiply;
}
#topvisual [class*="visual_"] img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#topvisual .visual_a {
	bottom: 0;
	left: min(14%, 272px);
	width: 33.5vw;
	max-width: 644px;
	aspect-ratio: 644 / 322;
}
#topvisual .visual_b {
	top: 0;
	bottom: 0;
	left: min(37%, 711px);
	right: 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, min(16vw, 320px) 100%, 0 60%);
}
#topvisual .lead {
	position: absolute;
	left: min(45.47%, 873px);
	top: 56.1%;
	font-size: clamp(12px  * var(--fontratio, 1), (0px + 1.25vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 2;
	font-weight: 700;
	color: #fff;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	#topvisual .lead {
		position: static;
		padding: 15px 15px 0;
		color: #000;
		transform: translateY(0%);
	}
}

main .block1 h2 .main, main .block2 h2 .main, main .block3 h2 .main, main .block5 h2 .main, main .block6 h2 .main {
	margin-right: -0.1em;
	font-size: clamp(30px  * var(--fontratio, 1), (-50px + 10vw) * var(--fontratio, 1), 90px * var(--fontratio, 1));
	line-height: 1.2;
	font-weight: 700;
	font-family: Poppins;
	letter-spacing: 0.1em;
}
html[lang="zh-TW"] main .block1 h2 .main, main .block1 html[lang="zh-TW"] h2 .main, html[lang="zh-TW"] main .block2 h2 .main, main .block2 html[lang="zh-TW"] h2 .main, html[lang="zh-TW"] main .block3 h2 .main, main .block3 html[lang="zh-TW"] h2 .main, html[lang="zh-TW"] main .block5 h2 .main, main .block5 html[lang="zh-TW"] h2 .main, html[lang="zh-TW"] main .block6 h2 .main, main .block6 html[lang="zh-TW"] h2 .main, html[lang="zh-CN"] main .block1 h2 .main, main .block1 html[lang="zh-CN"] h2 .main, html[lang="zh-CN"] main .block2 h2 .main, main .block2 html[lang="zh-CN"] h2 .main, html[lang="zh-CN"] main .block3 h2 .main, main .block3 html[lang="zh-CN"] h2 .main, html[lang="zh-CN"] main .block5 h2 .main, main .block5 html[lang="zh-CN"] h2 .main, html[lang="zh-CN"] main .block6 h2 .main, main .block6 html[lang="zh-CN"] h2 .main {
	font-family: var(--basefontname);
}
main .block1 h2 .sub, main .block2 h2 .sub, main .block3 h2 .sub, main .block5 h2 .sub, main .block6 h2 .sub {
	font-size: clamp(14px  * var(--fontratio, 1), (-2.6666666667px + 2.0833333333vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 2;
	font-weight: 800;
	color: #138C46;
}

main .block2 .more a, main .block6 .more a {
	display: flex;
	align-items: center;
	gap: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	width: fit-content;
	min-height: clamp(29px, -39.3333333333px + 8.5416666667vw, 70px);
	padding: 5px clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	background: #138C46;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
main .block2 .more a:hover, main .block6 .more a:hover {
	opacity: 0.7;
}
main .block2 .more a::after, main .block6 .more a::after {
	content: "";
	display: block;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%);
}

main .block1 {
	position: relative;
}
main .block1::before {
	content: "";
	display: block;
	position: absolute;
	top: 45px;
	right: calc(50% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) / 2);
	width: 132.3465104167vw;
	background: url(../images/bg01.svg) no-repeat center center;
	background-size: 100% 100%;
	aspect-ratio: 2541.053 / 1995.685;
	z-index: -1;
}
main .block1::after {
	content: "";
	display: block;
	position: absolute;
	top: max(-74px, -3.8541666667vw);
	left: calc(50% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) / 2 - min(200px, 10.4166666667vw));
	width: 72.65625vw;
	max-width: 1395px;
	background: url(../images/bg02.jpg) no-repeat center center;
	background-size: 100% 100%;
	aspect-ratio: 1395 / 1361;
	z-index: -2;
}
@media screen and (max-width: 767px) {
	main .block1::after {
		top: 11em;
		left: 50%;
		width: 640px;
		transform: translateX(-50%);
	}
}
main .block1 > div {
	position: relative;
	width: 100%;
	max-width: 1720px;
	margin: auto;
	padding: clamp(90px, -60px + 18.75vw, 180px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(105px, -70px + 21.875vw, 210px);
	display: flex;
	gap: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
@media screen and (max-width: 767px) {
	main .block1 > div {
		flex-wrap: wrap;
	}
}
main .block1 > div > div {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px)) / 2);
}
@media screen and (max-width: 767px) {
	main .block1 > div > div {
		width: 100%;
	}
}
main .block1 dl dt {
	position: relative;
	display: flex;
	align-items: center;
	gap: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	width: 100%;
	min-height: clamp(29px, -39.3333333333px + 8.5416666667vw, 70px);
	margin-top: -1px;
	padding: 5px 50px 5px 10px;
	font-size: clamp(23px  * var(--fontratio, 1), (1.3333333333px + 2.7083333333vw) * var(--fontratio, 1), 36px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	font-family: Poppins;
	letter-spacing: 0.2em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	user-select: none;
}
main .block1 dl dt::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 2px;
	right: 15px;
	top: calc(50% - 1px);
	background: #000;
}
main .block1 dl dt::after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 20px;
	right: 24px;
	top: calc(50% + 10px);
	background: #000;
	opacity: 0;
	pointer-events: none;
	transition: 400ms;
}
main .block1 dl dt.close::after {
	top: calc(50% - 10px);
	opacity: 1;
}
main .block1 dl dd ul {
	display: flex;
	flex-direction: column;
	gap: 1.25em;
	padding: clamp(19px, 9px + 1.25vw, 25px) clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	font-size: clamp(18px  * var(--fontratio, 1), (8px + 1.25vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	font-family: Poppins;
	letter-spacing: 0.1em;
}
main .block1 dl dd a {
	color: #000;
	position: relative;
	display: inline-block;
}
main .block1 dl dd a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(0em - 10px);
	right: 55%;
	width: 15%;
	height: 1px;
	background: #138C46;
	opacity: 0;
	transform: scaleX(3);
	pointer-events: none;
	transform-origin: right;
	transition: transform 0s 0.3s, bottom 0.3s, right 0s 0.3s, width 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
main .block1 dl dd a:hover:before {
	opacity: 1;
	right: 0%;
	width: 100%;
	bottom: calc(0em - 5px);
	transition: transform 0.3s 0.1s, bottom 0s, right 0.3s, width 0.3s 0.4s, opacity 0.25s;
	transform: scaleX(1);
}
main .block2 {
	position: relative;
}
main .block2::before {
	content: "";
	display: block;
	position: absolute;
	top: -5.2083333333vw;
	left: calc(50% + clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) / 2 + min(577px, 38.75vw));
	width: 132.3465104167vw;
	background: url(../images/bg01.svg) no-repeat center center;
	background-size: 100% 100%;
	aspect-ratio: 2541.053 / 1995.685;
	z-index: -1;
}
main .block2::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 50vw;
	width: 50vw;
	background: url(../images/bg01.svg) no-repeat right 22.9166666667% bottom;
	background-size: 303.5333333333%;
	aspect-ratio: 960 / 912;
	z-index: -3;
}
main .block2 > div {
	position: relative;
	width: 100%;
	max-width: 1720px;
	margin: auto;
	padding: clamp(0px, 0px + 0vw, 0px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(65px, -43.3333333333px + 13.5416666667vw, 130px);
}
main .block2 h2 {
	margin-bottom: clamp(29px, -56px + 10.625vw, 80px);
}
main .block2 .more {
	margin-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
main .block2 .box + .box {
	margin-top: clamp(29px, -56px + 10.625vw, 80px);
}
main .block2 .box {
	display: flex;
	gap: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
@media screen and (max-width: 767px) {
	main .block2 .box {
		flex-wrap: wrap;
	}
}
main .block2 .box.reverse {
	direction: rtl;
}
main .block2 .box.reverse > div {
	direction: ltr;
}
main .block2 .box.reverse h3 {
	right: auto;
	left: 0;
}
main .block2 .box.reverse .image {
	right: auto;
	left: 0;
}
main .block2 .box > div {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px)) / 2);
}
@media screen and (max-width: 767px) {
	main .block2 .box > div {
		width: 100%;
	}
}
main .block2 .box .head {
	position: relative;
	aspect-ratio: 800 / 665;
}
@media screen and (max-width: 767px) {
	main .block2 .box .head {
		aspect-ratio: 800 / 300;
	}
}
main .block2 .box h3 {
	position: absolute;
	bottom: -0.175em;
	right: 0;
	width: calc((100vw - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px)) / 2);
	font-size: 5.3vw;
	line-height: 1;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.6);
	font-family: Poppins;
	white-space: nowrap;
	letter-spacing: 0.1em;
	text-indent: -0.0875em;
}
@media screen and (max-width: 767px) {
	main .block2 .box h3 {
		width: 100%;
	}
}
main .block2 .box .image {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: calc((100vw - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px)) / 2);
	z-index: -1;
}
@media screen and (max-width: 767px) {
	main .block2 .box .image {
		width: calc(100% + 15px);
	}
}
main .block2 .box .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
main .block2 .box .body {
	align-self: center;
}
main .block2 .box h4 {
	margin-bottom: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	font-size: clamp(23px  * var(--fontratio, 1), (1.3333333333px + 2.7083333333vw) * var(--fontratio, 1), 36px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
}
main .block2 .box p {
	font-size: clamp(18px  * var(--fontratio, 1), (8px + 1.25vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 2;
	font-weight: 500;
}
main .block3 {
	position: relative;
}
main .block3 > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(40px, -26.6666666667px + 8.3333333333vw, 80px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(60px, -40px + 12.5vw, 120px);
	display: flex;
	gap: 40px clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
@media screen and (max-width: 767px) {
	main .block3 > div {
		flex-direction: column;
	}
}
main .block3 > div > div:not(.datelist) {
	flex-shrink: 0;
	min-width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px)) / 4);
}
@media screen and (max-width: 767px) {
	main .block3 > div > div:not(.datelist) {
		width: 100%;
	}
}
main .block4 {
	position: relative;
}
main .block4 > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(0px, 0px + 0vw, 0px) clamp(15px, -22.5px + 4.8828125vw, 40px);
}
main .block4 h2 {
	font-size: clamp(30px  * var(--fontratio, 1), (-70px + 12.5vw) * var(--fontratio, 1), 90px * var(--fontratio, 1));
	line-height: 1.2;
	font-weight: 700;
	font-family: Poppins;
	letter-spacing: 0.1em;
	text-align: center;
}
html[lang="zh-TW"] main .block4 h2, html[lang="zh-CN"] main .block4 h2 {
	font-family: var(--basefontname);
}
main .block4 .head {
	position: relative;
	padding: clamp(29px, -56px + 10.625vw, 80px) 0;
}
main .block4 .head::after {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 100%;
	top: 0;
	left: calc(50% - 50vw);
	background: url(../images/bg02.jpg) no-repeat center center;
	background-size: 100% auto;
	z-index: -1;
}
main .block4 .filter {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	margin-top: clamp(21px, 6px + 1.875vw, 30px);
	padding-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	border-top: 1px solid #fff;
}
main .block4 .filter > div {
	width: calc((100% - clamp(24px, -2.6666666667px + 3.3333333333vw, 40px) * 2) / 3);
}
main .block4 .filter > div:has(input) {
	display: flex;
	align-items: center;
	width: 100%;
	gap: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
main .block4 .filter > div:has(input) > div {
	width: 9em;
	flex-shrink: 0;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	main .block4 .filter > div:has(input) > div {
		width: auto;
	}
}
main .block4 select {
	width: 100%;
	height: 4em;
	padding: 0px 48px 0px clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	border: 0;
	border-radius: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/select.svg) no-repeat right 20px center #fff;
	cursor: pointer;
}
main .block4 select:focus {
	outline: none;
}
main .block4 select::-ms-expand {
	display: none;
}
main .block4 input[type="text"] {
	width: 100%;
	height: 4em;
	padding: 0 clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	background: #fff;
	border: 0;
	border-radius: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
main .block4 input[type="text"]:focus {
	outline: none;
}
main .block4 #searchresult {
	margin-top: clamp(28px, -25.3333333333px + 6.6666666667vw, 60px);
	transition: height 600ms;
}
main .block4 .count {
	display: flex;
	gap: clamp(10px, 1.6666666667px + 1.0416666667vw, 15px);
	align-items: baseline;
	margin-bottom: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
	padding-bottom: clamp(21px, 6px + 1.875vw, 30px);
	font-size: clamp(20px  * var(--fontratio, 1), (6.6666666667px + 1.6666666667vw) * var(--fontratio, 1), 28px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 500;
	border-bottom: 1px solid #A0B5CB;
}
main .block4 .count strong {
	font-size: clamp(26px  * var(--fontratio, 1), (-10.6666666667px + 4.5833333333vw) * var(--fontratio, 1), 48px * var(--fontratio, 1));
	font-weight: 700;
	color: #138C46;
	font-family: Poppins;
}
main .block4 .list {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(10px, -40px + 6.25vw, 40px);
}
main .block4 .list > div {
	width: calc((100% - clamp(10px, -40px + 6.25vw, 40px)) / 2);
}
main .block4 .list a {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: clamp(15px, -26.6666666667px + 5.2083333333vw, 40px) clamp(10px, -6.6666666667px + 2.0833333333vw, 20px) 15px;
	border: 1px solid #A0B5CB;
	border-radius: 10px;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
main .block4 .list a:hover {
	opacity: 0.7;
}
main .block4 .list a .title {
	margin-bottom: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	font-size: clamp(14px  * var(--fontratio, 1), (-2.6666666667px + 2.0833333333vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #000;
}
main .block4 .list a .tags {
	margin-bottom: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
}
main .block4 .list a .tags ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
main .block4 .list a .tags ul li {
	display: flex;
	align-items: center;
	padding: 5px 15px;
	height: 2.1428571429em;
	font-size: clamp(12px  * var(--fontratio, 1), (8.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 500;
	color: #6B7988;
	border: 1px solid #A0B5CB;
	border-radius: 15px;
}
main .block4 .list a .more {
	display: flex;
	align-items: center;
	gap: clamp(10px, -6.6666666667px + 2.0833333333vw, 20px);
	width: fit-content;
	min-height: clamp(30px, 13.3333333333px + 2.0833333333vw, 40px);
	margin-top: auto;
	margin-bottom: 0;
	padding: 5px clamp(10px, -6.6666666667px + 2.0833333333vw, 20px);
	font-size: clamp(12px  * var(--fontratio, 1), (5.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	background: #138C46;
}
main .block4 .list a .more::after {
	content: "";
	display: block;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%);
}
@media screen and (max-width: 767px) {
	main .block4 .list a .more::after {
		width: 10px;
		background-size: 10px auto;
	}
}
main .block4 .pagenation {
	padding-top: clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
main .block4 .pagenation ul {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}
main .block4 .pagenation ul li {
	width: clamp(28px, -32px + 7.5vw, 64px);
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	text-align: center;
}
main .block4 .pagenation ul li.first, main .block4 .pagenation ul li.prev, main .block4 .pagenation ul li.next, main .block4 .pagenation ul li.last {
	width: clamp(26px, -10.6666666667px + 4.5833333333vw, 48px);
}
main .block4 .pagenation ul li.first a, main .block4 .pagenation ul li.prev a, main .block4 .pagenation ul li.next a, main .block4 .pagenation ul li.last a {
	display: block;
	width: 100%;
	text-indent: -10000px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: url(../images/next.svg) no-repeat center center;
	background-size: 100% 100%;
	border: 1px solid #A0B5CB;
	border-radius: 50%;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
main .block4 .pagenation ul li.first a:hover, main .block4 .pagenation ul li.prev a:hover, main .block4 .pagenation ul li.next a:hover, main .block4 .pagenation ul li.last a:hover {
	opacity: 0.7;
}
main .block4 .pagenation ul li.first a, main .block4 .pagenation ul li.last a {
	background-image: url(../images/last.svg);
}
main .block4 .pagenation ul li.first a, main .block4 .pagenation ul li.prev a {
	transform: rotate(180deg);
}
main .block5 {
	position: relative;
}
main .block5 > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(60px, -40px + 12.5vw, 120px) clamp(15px, -22.5px + 4.8828125vw, 40px);
}
main .block5 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(10px, -40px + 6.25vw, 40px);
	margin-top: clamp(31px, -84px + 14.375vw, 100px);
}
main .block5 ul li {
	width: calc((100% - clamp(10px, -40px + 6.25vw, 40px)) / 2);
}
main .block5 ul a {
	position: relative;
	display: block;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
main .block5 ul a:hover {
	opacity: 0.7;
}
main .block5 ul a .image {
	width: 100%;
	height: clamp(180px, -251.6666666667px + 53.9583333333vw, 439px);
}
main .block5 ul a .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
main .block5 ul a .title {
	position: absolute;
	display: flex;
	align-items: center;
	gap: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
	left: 0;
	right: 0;
	bottom: 0;
	padding: clamp(10px, -15px + 3.125vw, 25px) clamp(10px, -40px + 6.25vw, 40px);
	font-size: clamp(14px  * var(--fontratio, 1), (4px + 1.25vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 800;
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
}
main .block5 ul a .title::after {
	content: "";
	display: block;
	position: relative;
	flex-shrink: 0;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
	filter: brightness(0) saturate(100%) invert(100%);
}
main .block6 {
	position: relative;
	background: #DFE6E8;
}
main .block6 > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(50px, -33.3333333333px + 10.4166666667vw, 100px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(37.5px, -25px + 7.8125vw, 75px);
}
main .block6 .more {
	flex-shrink: 0;
}
main .block6 .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px clamp(24px, -2.6666666667px + 3.3333333333vw, 40px);
}
@media screen and (max-width: 767px) {
	main .block6 .head {
		flex-direction: column;
		align-items: flex-start;
	}
}
main .block6 .body {
	position: relative;
	margin-top: clamp(29px, -56px + 10.625vw, 80px);
}
main .block6 .swiper-container {
	position: relative;
	padding-top: clamp(29px, -56px + 10.625vw, 80px);
}
main .block6 .swiper-container li:has(+ * + * + * + * + * + .swiper-slide-prev),
main .block6 .swiper-container li:has(+ * + * + * + .swiper-slide-prev),
main .block6 .swiper-container li:has(+ * + .swiper-slide-prev),
main .block6 .swiper-container li.swiper-slide-prev,
main .block6 .swiper-container li.swiper-slide-next + * + * + * + * + * + *,
main .block6 .swiper-container li.swiper-slide-next + * + * + * + *,
main .block6 .swiper-container li.swiper-slide-next + * + *,
main .block6 .swiper-container li.swiper-slide-next {
	transform: translateY(clamp(-80px, 56px + -10.625vw, -29px));
}
main .block6 .swiper-container li {
	display: flex;
	flex-direction: column;
	width: calc((100% - 40px * 2) / 3);
	height: auto !important;
	transition: transform 800ms;
}
@media screen and (max-width: 959px) {
	main .block6 .swiper-container li {
		width: calc((100% - 20px * 2) / 3);
	}
}
main .block6 .swiper-container a {
	display: block;
	position: relative;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
main .block6 .swiper-container a:hover {
	opacity: 0.7;
}
main .block6 .swiper-container a::before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) no-repeat center center;
	z-index: 1;
}
main .block6 .swiper-container a .image {
	position: relative;
	width: 100%;
	aspect-ratio: 400 / 500;
	overflow: hidden;
}
main .block6 .swiper-container a .image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
main .block6 .swiper-container a .body {
	margin-top: clamp(16px, 9.3333333333px + 0.8333333333vw, 20px);
}
main .block6 .swiper-container a .title {
	margin-bottom: 10px;
	font-size: clamp(16px  * var(--fontratio, 1), (9.3333333333px + 0.8333333333vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #000;
}
main .block6 .swiper-container a .name {
	font-size: clamp(14px  * var(--fontratio, 1), (10.6666666667px + 0.4166666667vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 500;
	color: #000;
}
main .block6 .switch li {
	position: absolute;
	top: 50%;
	width: clamp(48px, -105.3333333333px + 19.1666666667vw, 140px);
	z-index: 10;
	transform: translate(-50%, -50%);
}
main .block6 .switch li a {
	display: block;
	width: 100%;
	text-indent: -10000px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #138C46;
	border-radius: 50%;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
main .block6 .switch li a:hover {
	opacity: 0.7;
}
main .block6 .switch li a::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/next.svg) no-repeat center center;
	background-size: 100% 100%;
	border-radius: 50%;
	filter: brightness(0) saturate(100%) invert(100%);
}
main .block6 .switch .prev {
	left: 0;
}
main .block6 .switch .prev a::before {
	transform: rotate(180deg);
}
main .block6 .switch .next {
	left: 100%;
}

/**
 * Swiper 14.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 6, 2026
 */
:root {
	--swiper-theme-color: #007aff;
	/*
	--swiper-preloader-color: var(--swiper-theme-color);
	--swiper-wrapper-transition-timing-function: initial;
	*/
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
	display: block;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	margin-inline-start: var(--swiper-slides-offset-before);
	scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
	margin-inline-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-slides-offset-before);
	scroll-margin-block-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
	margin-block-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size);
}

:root {
	--swiper-navigation-size: 44px;
	/*
	--swiper-navigation-top-offset: 50%;
	--swiper-navigation-sides-offset: 4px;
	--swiper-navigation-color: var(--swiper-theme-color);
	*/
}

.swiper-button-prev, .swiper-button-next {
	position: absolute;
	width: var(--swiper-navigation-size);
	height: var(--swiper-navigation-size);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
	display: none !important;
}
.swiper-button-prev ::slotted(svg),
.swiper-button-prev svg, .swiper-button-next ::slotted(svg),
.swiper-button-next svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center;
	fill: currentColor;
	pointer-events: none;
}

.swiper-button-lock {
	display: none;
}

.swiper-button-prev,
.swiper-button-next {
	top: var(--swiper-navigation-top-offset, 50%);
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 4px);
	right: auto;
}
.swiper-button-prev ::slotted(.swiper-navigation-icon),
.swiper-button-prev .swiper-navigation-icon {
	transform: rotate(180deg);
}

.swiper-button-next {
	right: var(--swiper-navigation-sides-offset, 4px);
	left: auto;
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
	top: var(--swiper-navigation-top-offset, 50%);
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
	margin-left: 0;
}
.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 4px);
	right: auto;
}
.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 4px);
	left: auto;
}
.swiper-horizontal .swiper-button-prev ::slotted(.swiper-navigation-icon),
.swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev ::slotted(.swiper-navigation-icon),
.swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next ::slotted(.swiper-navigation-icon),
.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next ::slotted(.swiper-navigation-icon),
.swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
	transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev ::slotted(.swiper-navigation-icon),
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev ::slotted(.swiper-navigation-icon),
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
	transform: rotate(0deg);
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next {
	left: var(--swiper-navigation-top-offset, 50%);
	right: auto;
	margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
	margin-top: 0;
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
	top: var(--swiper-navigation-sides-offset, 4px);
	bottom: auto;
}
.swiper-vertical .swiper-button-prev ::slotted(.swiper-navigation-icon),
.swiper-vertical .swiper-button-prev .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-prev ::slotted(.swiper-navigation-icon),
.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
	transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
	bottom: var(--swiper-navigation-sides-offset, 4px);
	top: auto;
}
.swiper-vertical .swiper-button-next ::slotted(.swiper-navigation-icon),
.swiper-vertical .swiper-button-next .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-next ::slotted(.swiper-navigation-icon),
.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
	transform: rotate(90deg);
}

:root {
	/*
	--swiper-pagination-color: var(--swiper-theme-color);
	--swiper-pagination-left: auto;
	--swiper-pagination-right: 8px;
	--swiper-pagination-bottom: 8px;
	--swiper-pagination-top: auto;
	--swiper-pagination-fraction-color: inherit;
	--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
	--swiper-pagination-progressbar-size: 4px;
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-border-radius: 50%;
	--swiper-pagination-bullet-inactive-color: #000;
	--swiper-pagination-bullet-inactive-opacity: 0.2;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bullet-vertical-gap: 6px;
	*/
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
	display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button .swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-bullet:only-child {
	display: none !important;
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
	position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-lock {
	display: none;
}

:root {
	/*
	--swiper-scrollbar-border-radius: 10px;
	--swiper-scrollbar-top: auto;
	--swiper-scrollbar-bottom: 4px;
	--swiper-scrollbar-left: auto;
	--swiper-scrollbar-right: 4px;
	--swiper-scrollbar-sides-offset: 1%;
	--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
	--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
	--swiper-scrollbar-size: 4px;
	*/
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-thumbs .swiper-slide-thumb-active {
	/* Styles for active thumb slide */
}

.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-fade .swiper-slide-active {
	pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper.swiper-cube {
	overflow: visible;
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper.swiper-flip {
	overflow: visible;
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
	overflow: visible;
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	backface-visibility: hidden;
	overflow: hidden;
}