@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400..700&display=swap");
.contents *:not(h1, h2, h3, h4, h5, h6) + .column, .contents *:not(h1, h2, h3, h4, h5, h6) + .anchorlink, .contents *:not(h1, h2, h3, h4, h5, h6) + .contentsmenu, .contents *:not(h1, h2, h3, h4, h5, h6) + div.gallery, .contents *:not(h1, h2, h3, h4, h5, h6) + .categorytab, .contents *:not(h1, h2, h3, h4, h5, h6) + .fytab {
	margin-top: clamp(37px, 0.6292134831px + 9.3258426966vw, 120px);
}

*:not(h1, h2, h3, h4, h5, h6) + .renewal, .contents .renewal *:not(h1, h2, h3, h4, h5, h6) + h3.module_title-02, .contents .renewal *:not(h1, h2, h3, h4, h5, h6) + h4.module_title-02, .contents *:not(h1, h2, h3, h4, h5, h6) + .select, .contents *:not(h1, h2, h3, h4, h5, h6) + .datelist, .contents *:not(h1, h2, h3, h4, h5, h6) + .pagenation, *:not(h1, h2, h3, h4, h5, h6) + #searchresult, .block2 *:not(h1, h2, h3, h4, h5, h6) + h3 {
	margin-top: clamp(29px, 6.6516853933px + 5.7303370787vw, 80px);
}

.contents .renewal *:not(h1, h2, h3, h4, h5, h6) + h3.module_title-03, .contents .renewal *:not(h1, h2, h3, h4, h5, h6) + h4.module_title-03, .renewal *:not(h1, h2, h3, h4, h5, h6) + .module_button, .renewal *:not(h1, h2, h3, h4, h5, h6) + .module_column-col1, .renewal *:not(h1, h2, h3, h4, h5, h6) + .module_column-col2, .renewal *:not(h1, h2, h3, h4, h5, h6) + [class*=module_gallery-], .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) + .imagebox, .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) + .youtube, .contents *:not(h1, h2, h3, h4, h5, h6) + .button, .contents *:not(h1, h2, h3, h4, h5, h6) + .tilebutton, .contents *:not(h1, h2, h3, h4, h5, h6) + .box {
	margin-top: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}

.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 .imagebox > *:not(.image) > *: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 .box > *:not(h1, h2, h3, h4, h5, h6) + p:not(.image):not(.caption), .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 .imagebox > *:not(.image) > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .imagebox > *:not(.image) > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .imagebox > *:not(.image) > 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 .box > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .box > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .contents .box > ol > li > *:not(h1, h2, h3, h4, h5, h6) + ul, .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 .imagebox > *:not(.image) > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .imagebox > *:not(.image) > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .imagebox > *:not(.image) > 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 .box > ul > li > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .box > *:not(h1, h2, h3, h4, h5, h6) + ol, .contents .box > 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 .imagebox > .image > *:not(h1, h2, h3, h4, h5, h6) + img,
.contents .imagebox > .image > *:not(h1, h2, h3, h4, h5, h6) + a, .contents .cbox > .image > *:not(h1, h2, h3, h4, h5, h6) + img,
.contents .cbox > .image > *:not(h1, h2, h3, h4, h5, h6) + a {
	margin-top: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
}

.contents .categorytab ul li {
	background: #F82E31;
}
.contents .categorytab ul li.information {
	background: #003265;
}
.contents .categorytab ul li.employment {
	background: #D8A724;
}

.contents .pagetitle .category div.information,
.contents .datelist .category.information {
	background: #003265;
}
.contents .pagetitle .category div.employment,
.contents .datelist .category.employment {
	background: #D8A724;
}

body {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #000;
	font-family: "Noto Serif JP", serif;
}

* {
	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: 17px;
	overflow-y: scroll;
	scroll-behavior: smooth;
}
@media screen and (max-width: 767px) {
	html {
		font-size: 16px !important;
	}
}

:target {
	scroll-margin-top: 120px;
}
@media screen and (max-width: 767px) {
	:target {
		scroll-margin-top: 60px;
	}
}

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

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

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

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

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 .text p:not(.image):not(.caption) a.noicon::after, .contents > div > p:not(.image):not(.caption) a.noicon::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a.noicon::after, .contents .text ul > li a.noicon::after, .contents > div > ul > li a.noicon::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a.noicon::after, .contents .text ol > li a.noicon::after, .contents > div > ol > li a.noicon::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a.noicon::after, .renewal a.noicon:not(.module_button-01)::after, .contents > div:not(.image) > a.noicon::after, .contents figure figcaption a.noicon::after,
.contents figure p a.noicon::after,
.contents .image figcaption a.noicon::after,
.contents .image p a.noicon::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a.noicon::after {
	display: none;
}
.contents .text p:not(.image):not(.caption) a:hover::after, .contents > div > p:not(.image):not(.caption) a:hover::after, .contents .imagebox > *:not(.image) > p:not(.image):not(.caption) a:hover::after, .contents .cbox .body > p:not(.image):not(.caption) a:hover::after, .contents .column > * > p:not(.image):not(.caption) a:hover::after, .contents .table > table > tr > th > p:not(.image):not(.caption) a:hover::after, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a:hover::after, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a:hover::after, .contents .box > p:not(.image):not(.caption) a:hover::after, .contents .text ul > li a:hover::after, .contents > div > ul > li a:hover::after, .contents .imagebox > *:not(.image) > ul > li a:hover::after, .contents .cbox .body > ul > li a:hover::after, .contents .column > * > ul > li a:hover::after, .contents .table > table > tr > th > ul > li a:hover::after, .contents .table > table > tr > td:not(.d) > ul > li a:hover::after, .contents .table > table > tbody > tr > td > ul > li a:hover::after, .contents .box > ul > li a:hover::after, .contents .text ol > li a:hover::after, .contents > div > ol > li a:hover::after, .contents .imagebox > *:not(.image) > ol > li a:hover::after, .contents .cbox .body > ol > li a:hover::after, .contents .column > * > ol > li a:hover::after, .contents .table > table > tr > th > ol > li a:hover::after, .contents .table > table > tr > td:not(.d) > ol > li a:hover::after, .contents .table > table > tbody > tr > td > ol > li a:hover::after, .contents .box > ol > li a:hover::after, .renewal a:not(.module_button-01):hover::after, .contents > div:not(.image) > a:hover::after, .contents figure figcaption a:hover::after,
.contents figure p a:hover::after,
.contents .image figcaption a:hover::after,
.contents .image p a:hover::after, .contents .imagebox > *:not(.image):not(.image) > a:hover::after, .contents .cbox .body:not(.image) > a:hover::after, .contents .column > *:not(.image) > a:hover::after, .contents .table > table > tr > th:not(.image) > a:hover::after, .contents .table > table > tr > td:not(.d):not(.image) > a:hover::after, .contents .table > table > tbody > tr > td:not(.image) > a:hover::after, .contents .box:not(.image) > a:hover::after {
	left: 4px;
}
.contents .text p:not(.image):not(.caption) a::after, .contents > div > p:not(.image):not(.caption) a::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a::after, .contents .text ul > li a::after, .contents > div > ul > li a::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a::after, .contents .text ol > li a::after, .contents > div > ol > li a::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a::after, .renewal a:not(.module_button-01)::after, .contents > div:not(.image) > a::after, .contents figure figcaption a::after,
.contents figure p a::after,
.contents .image figcaption a::after,
.contents .image p a::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a::after {
	content: "";
	position: relative;
	display: inline-block;
	width: 28px;
	height: 10px;
	left: 0;
	margin-left: 5px;
	margin-top: -4px;
	vertical-align: middle;
	background: url(../images/arrow.svg) no-repeat left center;
	background-size: auto 100%;
	transition: left 300ms;
}
.contents .text p:not(.image):not(.caption) a[target="_blank"]::after, .contents > div > p:not(.image):not(.caption) a[target="_blank"]::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a[target="_blank"]::after, .contents .text ul > li a[target="_blank"]::after, .contents > div > ul > li a[target="_blank"]::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a[target="_blank"]::after, .contents .text ol > li a[target="_blank"]::after, .contents > div > ol > li a[target="_blank"]::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a[target="_blank"]::after, .renewal a[target="_blank"]:not(.module_button-01)::after, .contents > div:not(.image) > a[target="_blank"]::after, .contents figure figcaption a[target="_blank"]::after,
.contents figure p a[target="_blank"]::after,
.contents .image figcaption a[target="_blank"]::after,
.contents .image p a[target="_blank"]::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a[target="_blank"]::after {
	width: 23px;
	height: 15px;
	background-image: url(../images/blank.svg);
}
.contents .text p:not(.image):not(.caption) a[href$=".pdf"]::after, .contents > div > p:not(.image):not(.caption) a[href$=".pdf"]::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a[href$=".pdf"]::after, .contents .text ul > li a[href$=".pdf"]::after, .contents > div > ul > li a[href$=".pdf"]::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a[href$=".pdf"]::after, .contents .text ol > li a[href$=".pdf"]::after, .contents > div > ol > li a[href$=".pdf"]::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a[href$=".pdf"]::after, .renewal a[href$=".pdf"]:not(.module_button-01)::after, .contents > div:not(.image) > a[href$=".pdf"]::after, .contents figure figcaption a[href$=".pdf"]::after,
.contents figure p a[href$=".pdf"]::after,
.contents .image figcaption a[href$=".pdf"]::after,
.contents .image p a[href$=".pdf"]::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a[href$=".pdf"]::after {
	width: 24px;
	height: 19px;
	background-image: url(../images/pdf.svg);
}
.contents .text p:not(.image):not(.caption) a[href$=".doc"]::after, .contents > div > p:not(.image):not(.caption) a[href$=".doc"]::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a[href$=".doc"]::after, .contents .text ul > li a[href$=".doc"]::after, .contents > div > ul > li a[href$=".doc"]::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a[href$=".doc"]::after, .contents .text ol > li a[href$=".doc"]::after, .contents > div > ol > li a[href$=".doc"]::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a[href$=".doc"]::after, .renewal a[href$=".doc"]:not(.module_button-01)::after, .contents > div:not(.image) > a[href$=".doc"]::after, .contents figure figcaption a[href$=".doc"]::after,
.contents figure p a[href$=".doc"]::after,
.contents .image figcaption a[href$=".doc"]::after,
.contents .image p a[href$=".doc"]::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a[href$=".doc"]::after, .contents .text p:not(.image):not(.caption) a[href$=".docx"]::after, .contents > div > p:not(.image):not(.caption) a[href$=".docx"]::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a[href$=".docx"]::after, .contents .text ul > li a[href$=".docx"]::after, .contents > div > ul > li a[href$=".docx"]::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a[href$=".docx"]::after, .contents .text ol > li a[href$=".docx"]::after, .contents > div > ol > li a[href$=".docx"]::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a[href$=".docx"]::after, .renewal a[href$=".docx"]:not(.module_button-01)::after, .contents > div:not(.image) > a[href$=".docx"]::after, .contents figure figcaption a[href$=".docx"]::after,
.contents figure p a[href$=".docx"]::after,
.contents .image figcaption a[href$=".docx"]::after,
.contents .image p a[href$=".docx"]::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a[href$=".docx"]::after {
	width: 26px;
	height: 18px;
	background-image: url(../images/doc.svg);
}
.contents .text p:not(.image):not(.caption) a[href$=".ppt"]::after, .contents > div > p:not(.image):not(.caption) a[href$=".ppt"]::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a[href$=".ppt"]::after, .contents .text ul > li a[href$=".ppt"]::after, .contents > div > ul > li a[href$=".ppt"]::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a[href$=".ppt"]::after, .contents .text ol > li a[href$=".ppt"]::after, .contents > div > ol > li a[href$=".ppt"]::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a[href$=".ppt"]::after, .renewal a[href$=".ppt"]:not(.module_button-01)::after, .contents > div:not(.image) > a[href$=".ppt"]::after, .contents figure figcaption a[href$=".ppt"]::after,
.contents figure p a[href$=".ppt"]::after,
.contents .image figcaption a[href$=".ppt"]::after,
.contents .image p a[href$=".ppt"]::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a[href$=".ppt"]::after, .contents .text p:not(.image):not(.caption) a[href$=".pptx"]::after, .contents > div > p:not(.image):not(.caption) a[href$=".pptx"]::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a[href$=".pptx"]::after, .contents .text ul > li a[href$=".pptx"]::after, .contents > div > ul > li a[href$=".pptx"]::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a[href$=".pptx"]::after, .contents .text ol > li a[href$=".pptx"]::after, .contents > div > ol > li a[href$=".pptx"]::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a[href$=".pptx"]::after, .renewal a[href$=".pptx"]:not(.module_button-01)::after, .contents > div:not(.image) > a[href$=".pptx"]::after, .contents figure figcaption a[href$=".pptx"]::after,
.contents figure p a[href$=".pptx"]::after,
.contents .image figcaption a[href$=".pptx"]::after,
.contents .image p a[href$=".pptx"]::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a[href$=".pptx"]::after {
	width: 26px;
	height: 18px;
	background-image: url(../images/ppt.svg);
}
.contents .text p:not(.image):not(.caption) a[href$=".xls"]::after, .contents > div > p:not(.image):not(.caption) a[href$=".xls"]::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a[href$=".xls"]::after, .contents .text ul > li a[href$=".xls"]::after, .contents > div > ul > li a[href$=".xls"]::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a[href$=".xls"]::after, .contents .text ol > li a[href$=".xls"]::after, .contents > div > ol > li a[href$=".xls"]::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a[href$=".xls"]::after, .renewal a[href$=".xls"]:not(.module_button-01)::after, .contents > div:not(.image) > a[href$=".xls"]::after, .contents figure figcaption a[href$=".xls"]::after,
.contents figure p a[href$=".xls"]::after,
.contents .image figcaption a[href$=".xls"]::after,
.contents .image p a[href$=".xls"]::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a[href$=".xls"]::after, .contents .text p:not(.image):not(.caption) a[href$=".xlsx"]::after, .contents > div > p:not(.image):not(.caption) a[href$=".xlsx"]::after, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a[href$=".xlsx"]::after, .contents .text ul > li a[href$=".xlsx"]::after, .contents > div > ul > li a[href$=".xlsx"]::after, .contents .imagebox > *:not(.image) > 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 .box > ul > li a[href$=".xlsx"]::after, .contents .text ol > li a[href$=".xlsx"]::after, .contents > div > ol > li a[href$=".xlsx"]::after, .contents .imagebox > *:not(.image) > 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 .box > ol > li a[href$=".xlsx"]::after, .renewal a[href$=".xlsx"]:not(.module_button-01)::after, .contents > div:not(.image) > a[href$=".xlsx"]::after, .contents figure figcaption a[href$=".xlsx"]::after,
.contents figure p a[href$=".xlsx"]::after,
.contents .image figcaption a[href$=".xlsx"]::after,
.contents .image p a[href$=".xlsx"]::after, .contents .imagebox > *:not(.image):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 .box:not(.image) > a[href$=".xlsx"]::after {
	width: 26px;
	height: 18px;
	background-image: url(../images/xls.svg);
}

.contents .button {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: flex-start;
	justify-content: flex-start;
}
.contents .right.button {
	align-items: flex-end;
	justify-content: flex-end;
}
.contents .center.button {
	align-items: center;
	justify-content: center;
}
.contents .wrap.button {
	flex-direction: row;
	flex-wrap: wrap;
}
.contents .button > div {
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	background: #fff;
	border-radius: 5px;
}
.contents .button a {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 5px calc(2.8571428571em + 20px) 5px 1.4285714286em;
	min-width: 12.8571428571em;
	min-height: 3em;
	color: #000;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	z-index: 0;
	transition: box-shadow 300ms, background 300ms;
}
.contents .button a[target="_blank"]::before {
	background-image: url(../images/blank.svg);
}
.contents .button a[href$=".pdf"]::before {
	background-image: url(../images/pdf.svg);
}
.contents .button a[href$=".doc"]::before, .contents .button a[href$=".docx"]::before {
	background-image: url(../images/doc.svg);
}
.contents .button a[href$=".ppt"]::before, .contents .button a[href$=".pptx"]::before {
	background-image: url(../images/ppt.svg);
}
.contents .button a[href$=".xls"]::before, .contents .button a[href$=".xlsx"]::before {
	background-image: url(../images/xls.svg);
}
.contents .button a::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	left: auto;
	right: 1.4285714286em;
	top: 0px;
	background: url(../images/arrow.svg) no-repeat center center;
	transform: translateX(0px);
	transition: transform 300ms;
}
.contents .button a:hover {
	background-color: rgba(0, 50, 101, 0.1);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	transition: box-shadow 400ms, background 350ms 50ms;
}
.contents .button a:hover::before {
	transform: translateX(5px);
	transition: transform 300ms 200ms;
}

.contents .text p:not(.image):not(.caption), .contents > div > p:not(.image):not(.caption), .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.85;
	font-weight: 400;
}
.contents .text p:not(.image):not(.caption) a, .contents > div > p:not(.image):not(.caption) a, .contents .imagebox > *:not(.image) > 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 .box > p:not(.image):not(.caption) a {
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .text p:not(.image):not(.caption) a:hover, .contents > div > p:not(.image):not(.caption) a:hover, .contents .imagebox > *:not(.image) > p:not(.image):not(.caption) a:hover, .contents .cbox .body > p:not(.image):not(.caption) a:hover, .contents .column > * > p:not(.image):not(.caption) a:hover, .contents .table > table > tr > th > p:not(.image):not(.caption) a:hover, .contents .table > table > tr > td:not(.d) > p:not(.image):not(.caption) a:hover, .contents .table > table > tbody > tr > td > p:not(.image):not(.caption) a:hover, .contents .box > p:not(.image):not(.caption) a:hover {
	opacity: 0.7;
}
.contents .text p.error_mes:not(.image):not(.caption), .contents > div > p.error_mes:not(.image):not(.caption), .contents .imagebox > *:not(.image) > p.error_mes:not(.image):not(.caption), .contents .cbox .body > p.error_mes:not(.image):not(.caption), .contents .column > * > p.error_mes:not(.image):not(.caption), .contents .table > table > tr > th > p.error_mes:not(.image):not(.caption), .contents .table > table > tr > td:not(.d) > p.error_mes:not(.image):not(.caption), .contents .table > table > tbody > tr > td > p.error_mes:not(.image):not(.caption), .contents .box > p.error_mes:not(.image):not(.caption) {
	color: #D61515;
}
.contents .text p.center:not(.image):not(.caption), .contents > div > p.center:not(.image):not(.caption), .contents .imagebox > *:not(.image) > 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 .box > p.center:not(.image):not(.caption) {
	text-align: center;
}
.contents .text p.right:not(.image):not(.caption), .contents > div > p.right:not(.image):not(.caption), .contents .imagebox > *:not(.image) > 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 .box > p.right:not(.image):not(.caption) {
	text-align: right;
}

.contents .text ul.col2, .contents > div > ul.col2, .contents > div > ul > li > ul.col2, .contents > div > ol > li > ul.col2, .contents .imagebox > *:not(.image) > ul.col2, .contents .imagebox > *:not(.image) > ul > li > ul.col2, .contents .imagebox > *:not(.image) > 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 .box > ul.col2, .contents .box > ul > li > ul.col2, .contents .box > ol > li > ul.col2 {
	columns: 2;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
.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 .imagebox > *:not(.image) > ul.note > li::before, .contents .imagebox > *:not(.image) > ul > li > ul.note > li::before, .contents .imagebox > *:not(.image) > 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 .box > ul.note > li::before, .contents .box > ul > li > ul.note > li::before, .contents .box > ol > li > ul.note > li::before {
	content: "※";
	width: 1em;
	height: 1em;
	top: 0;
	left: -0.5em;
	margin-top: 0;
	background: transparent;
}
.contents .text ul > li, .contents > div > ul > li, .contents > div > ul > li > ul > li, .contents > div > ol > li > ul > li, .contents .imagebox > *:not(.image) > ul > li, .contents .imagebox > *:not(.image) > ul > li > ul > li, .contents .imagebox > *:not(.image) > 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 .box > ul > li, .contents .box > ul > li > ul > li, .contents .box > ol > li > ul > li {
	position: relative;
	padding-left: 1em;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 400;
}
.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 .imagebox > *:not(.image) > ul > li::before, .contents .imagebox > *:not(.image) > ul > li > ul > li::before, .contents .imagebox > *:not(.image) > 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 .box > ul > li::before, .contents .box > ul > li > ul > li::before, .contents .box > ol > li > ul > li::before {
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	vertical-align: middle;
	top: 0.73em;
	left: 0px;
	margin-top: -2px;
	background: #000;
	border-radius: 50%;
}
.contents .text ul > li + li, .contents > div > ul > li + li, .contents > div > ul > li > ul > li + li, .contents .imagebox > *:not(.image) > ul > li + li, .contents .imagebox > *:not(.image) > 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 .box > ul > li + li, .contents .box > ul > li > ul > li + li {
	margin-top: 8px;
}
.contents .text ul > li a, .contents > div > ul > li a, .contents .imagebox > *:not(.image) > 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 .box > ul > li a {
	vertical-align: top;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .text ul > li a:hover, .contents > div > ul > li a:hover, .contents .imagebox > *:not(.image) > ul > li a:hover, .contents .cbox .body > ul > li a:hover, .contents .column > * > ul > li a:hover, .contents .table > table > tr > th > ul > li a:hover, .contents .table > table > tr > td:not(.d) > ul > li a:hover, .contents .table > table > tbody > tr > td > ul > li a:hover, .contents .box > ul > li a:hover {
	opacity: 0.7;
}
.contents .text ul > li ul, .contents > div > ul > li ul, .contents .imagebox > *:not(.image) > 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 .box > ul > li ul, .contents .text ul > li ol, .contents > div > ul > li ol, .contents .imagebox > *:not(.image) > 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 .box > ul > li ol {
	margin-top: 4px;
	margin-right: 0px;
}

.contents .text ol, .contents > div > ul > li > ol, .contents > div > ol, .contents > div > ol > li > ol, .contents .imagebox > *:not(.image) > ul > li > ol, .contents .imagebox > *:not(.image) > ol, .contents .imagebox > *:not(.image) > 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 .box > ul > li > ol, .contents .box > ol, .contents .box > ol > li > ol {
	counter-reset: number;
}
.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 .imagebox > *:not(.image) > ul > li > ol.note > li::before, .contents .imagebox > *:not(.image) > ol.note > li::before, .contents .imagebox > *:not(.image) > 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 .box > ul > li > ol.note > li::before, .contents .box > ol.note > li::before, .contents .box > ol > li > ol.note > li::before {
	content: "※" counter(number);
}
.contents .text ol > li, .contents > div > ul > li > ol > li, .contents > div > ol > li, .contents > div > ol > li > ol > li, .contents .imagebox > *:not(.image) > ul > li > ol > li, .contents .imagebox > *:not(.image) > ol > li, .contents .imagebox > *:not(.image) > 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 .box > ul > li > ol > li, .contents .box > ol > li, .contents .box > ol > li > ol > li {
	position: relative;
	padding-left: 1em;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 400;
}
.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 .imagebox > *:not(.image) > ul > li > ol > li::before, .contents .imagebox > *:not(.image) > ol > li::before, .contents .imagebox > *:not(.image) > 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 .box > ul > li > ol > li::before, .contents .box > ol > li::before, .contents .box > ol > li > ol > li::before {
	content: counter(number) ".";
	display: block;
	position: absolute;
	counter-increment: number;
	min-width: 1.5em;
	text-align: right;
	left: -1em;
}
.contents .text ol > li + li, .contents > div > ol > li + li, .contents > div > ol > li > ol > li + li, .contents .imagebox > *:not(.image) > ol > li + li, .contents .imagebox > *:not(.image) > 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 .box > ol > li + li, .contents .box > ol > li > ol > li + li {
	margin-top: 8px;
}
.contents .text ol > li a, .contents > div > ol > li a, .contents .imagebox > *:not(.image) > 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 .box > ol > li a {
	vertical-align: top;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .text ol > li a:hover, .contents > div > ol > li a:hover, .contents .imagebox > *:not(.image) > ol > li a:hover, .contents .cbox .body > ol > li a:hover, .contents .column > * > ol > li a:hover, .contents .table > table > tr > th > ol > li a:hover, .contents .table > table > tr > td:not(.d) > ol > li a:hover, .contents .table > table > tbody > tr > td > ol > li a:hover, .contents .box > ol > li a:hover {
	opacity: 0.7;
}
.contents .text ol > li ul, .contents > div > ol > li ul, .contents .imagebox > *:not(.image) > 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 .box > ol > li ul, .contents .text ol > li ol, .contents > div > ol > li ol, .contents .imagebox > *:not(.image) > 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 .box > ol > li ol {
	margin-top: 4px;
	margin-right: 0px;
}

.renewal {
	line-height: 1.8;
}
.contents .renewal h3, .contents .renewal h4 {
	margin: initial;
	padding: initial;
	font: inherit;
	color: inherit;
	line-height: 1.8;
	border: initial;
}
.renewal p {
	line-height: 1.8;
}
.renewal p img {
	display: inline;
	vertical-align: top;
}
.renewal p:not([class]) + p:not([class]), .renewal p:not([class]) + p[class^=_], .renewal p:not([class]) + div.wp-caption, .renewal p[class^=_] + p:not([class]), .renewal p[class^=_] + p[class^=_], .renewal p[class^=_] + div.wp-caption, .renewal div.wp-caption + p:not([class]), .renewal div.wp-caption + p[class^=_], .renewal div.wp-caption + div.wp-caption {
	margin-top: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
}
.renewal p:not([class]) + [class*=module_], .renewal [class*=module_] + p:not([class]), .renewal p[class^=_] + [class*=module_], .renewal [class*=module_] + p[class^=_], .renewal div.wp-caption + [class*=module_], .renewal [class*=module_] + div.wp-caption {
	margin-top: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
.contents .renewal h3.module_title-02, .contents .renewal h4.module_title-02 {
	font-size: clamp(20px  * var(--fontratio, 1), (16.0561797753px + 1.0112359551vw) * var(--fontratio, 1), 29px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #003265;
}
.contents .renewal h3.module_title-02:not(:last-child), .contents .renewal h4.module_title-02:not(:last-child) {
	margin-bottom: 20px;
}
.contents .renewal h3.module_title-03, .contents .renewal h4.module_title-03 {
	padding-bottom: 10px;
	border-bottom: 1px solid #003265;
	font-size: clamp(18px  * var(--fontratio, 1), (15.3707865169px + 0.6741573034vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}
.contents .renewal h3.module_title-03:not(:last-child), .contents .renewal h4.module_title-03:not(:last-child) {
	margin-bottom: 20px;
}
.renewal .module_button {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}
.renewal .module_button._left {
	justify-content: flex-start;
}
.renewal .module_button._center {
	justify-content: center;
}
.renewal .module_button._right {
	justify-content: flex-end;
}
.renewal .module_button._column {
	flex-direction: column;
	align-items: flex-start;
}
.renewal .module_button .module_button-01 {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 5px calc(2.8571428571em + 20px) 5px 1.4285714286em;
	min-width: 12.8571428571em;
	min-height: 3em;
	color: #000;
	background: #fff;
	border-radius: 1.5em/50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	z-index: 0;
	transition: box-shadow 300ms, background 300ms;
}
.renewal .module_button .module_button-01[target="_blank"]::before {
	background-image: url(../images/blank.svg);
}
.renewal .module_button .module_button-01[href$=".pdf"]::before {
	background-image: url(../images/pdf.svg);
}
.renewal .module_button .module_button-01[href$=".doc"]::before, .renewal .module_button .module_button-01[href$=".docx"]::before {
	background-image: url(../images/doc.svg);
}
.renewal .module_button .module_button-01[href$=".ppt"]::before, .renewal .module_button .module_button-01[href$=".pptx"]::before {
	background-image: url(../images/ppt.svg);
}
.renewal .module_button .module_button-01[href$=".xls"]::before, .renewal .module_button .module_button-01[href$=".xlsx"]::before {
	background-image: url(../images/xls.svg);
}
.renewal .module_button .module_button-01::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	left: auto;
	right: 1.4285714286em;
	top: 0px;
	background: url(../images/arrow.svg) no-repeat center center;
	transform: translateX(0px);
	transition: transform 300ms;
}
.renewal .module_button .module_button-01:hover {
	background-color: rgba(0, 50, 101, 0.1);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	transition: box-shadow 400ms, background 350ms 50ms;
}
.renewal .module_button .module_button-01:hover::before {
	transform: translateX(5px);
	transition: transform 300ms 200ms;
}
.renewal .module_column-col1:after {
	content: "";
	display: block;
	clear: both;
}
.renewal .module_column-col1._left .img, .renewal .module_column-col1._order .img {
	margin-bottom: 1em;
	max-width: calc((100% - clamp(10px, -3.1460674157px + 3.3707865169vw, 40px)) / 2);
}
.renewal .module_column-col1._left .img {
	float: left;
	margin-right: clamp(10px, -3.1460674157px + 3.3707865169vw, 40px);
}
.renewal .module_column-col1._order .img {
	float: right;
	margin-left: clamp(10px, -3.1460674157px + 3.3707865169vw, 40px);
}
.renewal .module_column-col2 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
.renewal .module_column-col2 > div {
	flex: 1;
}
.renewal .module_table-wrap {
	overflow-x: auto;
}
.renewal .module_table-01 {
	border-collapse: collapse;
	border-spacing: 0;
	height: auto !important;
	border: 1px solid #939393;
}
@media (min-width: 1000px) {
	.renewal .module_table-01 {
		width: 100% !important;
	}
}
.renewal .module_table-01 thead, .renewal .module_table-01 tbody, .renewal .module_table-01 tfoot {
	width: 100%;
}
.renewal .module_table-01 tr th, .renewal .module_table-01 tr td {
	border: 1px solid #939393;
	padding: 1em;
	min-width: 8em;
}
@media (min-width: 1000px) {
	.renewal .module_table-01 tr th, .renewal .module_table-01 tr td {
		min-width: auto;
	}
}
.renewal .module_table-01 tr th {
	background-color: #003265;
	font-weight: 500;
	text-align: left;
	color: #fff;
}
.renewal .module_table-01 tr td {
	background-color: #fff;
}
.renewal [class*=module_gallery-] ul {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(10px, 5.6179775281px + 1.1235955056vw, 20px);
}
.renewal .module_gallery-01 ul li {
	width: 100%;
}
.renewal .module_gallery-02 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 1) / 2);
}
@media screen and (max-width: 767px) {
	.renewal .module_gallery-02 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px)) / 2);
	}
}
.renewal .module_gallery-03 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 2) / 3);
}
@media screen and (max-width: 767px) {
	.renewal .module_gallery-03 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px)) / 2);
	}
}
.renewal .module_gallery-04 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 3) / 4);
}
@media screen and (max-width: 767px) {
	.renewal .module_gallery-04 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px)) / 2);
	}
}
.renewal .module_gallery-05 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 4) / 5);
}
@media screen and (max-width: 767px) {
	.renewal .module_gallery-05 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px)) / 2);
	}
}
.renewal .module_gallery-06 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 5) / 6);
}
@media screen and (max-width: 767px) {
	.renewal .module_gallery-06 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px)) / 2);
	}
}
.renewal a:not(.module_button-01) {
	margin: 0;
	padding: 0;
	background: 0 0;
	font: inherit;
	color: #456BD3;
	text-decoration: underline;
	vertical-align: baseline;
}
.renewal a:not(.module_button-01):hover {
	text-decoration: none;
}
.renewal a:not(.module_button-01):has(> img) {
	display: inline-block;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.renewal a:not(.module_button-01):has(> img):hover {
	opacity: 0.7;
}
.renewal a:not(.module_button-01):has(> img)::after {
	display: none;
}

.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;
}

body {
	background: url(../images/bg.jpg) center center fixed;
	background-size: 1000px 1000px;
}

@media screen and (max-width: 767px) {
	body:has(#floatingmenu) {
		padding-bottom: 60px;
	}
}

header {
	display: block;
	position: fixed;
	width: 100%;
	height: 110px;
	top: 0px;
	background: #fff;
	z-index: 1000;
	transition: top 600ms;
	overflow: hidden;
}
.hideheader header {
	top: -30px;
}
@media screen and (max-width: 959px) {
	header {
		top: -60px !important;
	}
}

#logo {
	position: fixed;
	top: 55px;
	left: clamp(10px, 0.9302325581px + 2.3255813953vw, 40px);
	transform: translateY(-50%);
	transition: top 600ms;
}
.hideheader #logo {
	top: 40px;
}
@media screen and (max-width: 959px) {
	#logo {
		top: 25px !important;
	}
}
#logo a {
	display: block;
	height: clamp(26px, 0.6153846154px + 2.8205128205vw, 48px);
	background: url(../images/logo.svg) no-repeat left center;
	background-size: auto 100%;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	aspect-ratio: 582.789 / 94.064;
}
#logo a:hover {
	opacity: 0.7;
}
#logo a span {
	position: absolute;
	left: -10000px;
}

#utility {
	position: fixed;
	display: flex;
	align-items: flex-end;
	gap: 0px;
	top: 0px;
	right: clamp(39px, 12.6976744186px + 6.7441860465vw, 126px);
	height: 57px;
	transition: top 600ms;
	z-index: 1;
}
.hideheader #utility {
	top: -60px;
}
@media screen and (max-width: 959px) {
	#utility {
		display: none;
	}
}
#utility .links {
	display: flex;
	gap: clamp(21px, 9px + 1.25vw, 30px);
	align-items: center;
	margin-right: clamp(16px, 10.6666666667px + 0.5555555556vw, 20px);
	padding-top: 8px;
	height: 57px;
	border-bottom: 1px solid #939393;
}
#utility .links ul {
	display: flex;
	align-items: center;
	gap: clamp(19px, 11px + 0.8333333333vw, 25px);
}
#utility .links ul.icon {
	gap: clamp(16px, 10.6666666667px + 0.5555555556vw, 20px);
}
#utility .links a {
	display: block;
	font-size: clamp(10.5px  * var(--fontratio, 1), (5.8333333333px + 0.4861111111vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#utility .links a:hover {
	opacity: 0.7;
}
#utility .links li:has(.search) {
	display: none !important;
}
#utility .tjkp a,
#utility .tjkmh a,
#utility .tjk a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 9.1666666667em;
	height: 57px;
	font-size: clamp(9px  * var(--fontratio, 1), (5px + 0.4166666667vw) * var(--fontratio, 1), 12px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #fff;
	text-align: center;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#utility .tjkp a:hover,
#utility .tjkmh a:hover,
#utility .tjk a:hover {
	opacity: 0.7;
}
#utility .tjkp:has(+ *),
#utility .tjkmh:has(+ *),
#utility .tjk:has(+ *) {
	margin-right: 1px;
}
#utility .tjkmh a {
	background: #456BD3;
}
#utility .tjkp a {
	background: #BC2F32;
}
#utility .tjk a {
	background: #003265;
}

#navigation {
	position: absolute;
	bottom: 0px;
	right: clamp(39px, 12.6976744186px + 6.7441860465vw, 126px);
	transition: right 600ms, opacity 600ms, margin-right 600ms;
	margin-right: clamp(-15px, -12.3953488372px + -0.1550387597vw, -13px);
}
@media screen and (max-width: 959px) {
	#navigation {
		display: none;
	}
}
#navigation > ul {
	display: flex;
	gap: 0px;
	align-items: flex-end;
	height: 50px;
	transition: height 600ms;
}
.hideheader #navigation > ul {
	height: 80px;
}
@media screen and (max-width: 959px) {
	#navigation > ul {
		height: 50px !important;
	}
}
#navigation > ul > li {
	position: relative;
}
.megamenuopen #navigation > ul > li.mmcurrent a:before {
	height: 10px;
}
@media screen and (max-width: 959px) {
	.megamenuopen #navigation > ul > li.mmcurrent a:before {
		height: 5px;
	}
}
#navigation > ul > li a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0px clamp(13px, 12.3953488372px + 0.1550387597vw, 15px);
	height: 50px;
	font-size: clamp(15px  * var(--fontratio, 1), (13.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 18px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	transition: opacity 0.2s, background 0.2s, height 600ms, padding 600ms;
}
#navigation > ul > li a:hover {
	opacity: 0.7;
}
.hideheader #navigation > ul > li a {
	height: 80px;
}
#navigation > ul > li a::before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - clamp(13px, 12.3953488372px + 0.1550387597vw, 15px) * 2);
	height: 0px;
	left: clamp(13px, 12.3953488372px + 0.1550387597vw, 15px);
	bottom: 0;
	background: #003265;
	transition: height 400ms;
}
#navigation > ul > li.examinee {
	align-self: center;
	padding-left: 10px;
}
#navigation > ul > li.examinee::before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 10px);
	height: 55px;
}
#navigation > ul > li.examinee a {
	padding: 0px clamp(19px, 17.1860465116px + 0.4651162791vw, 25px);
	height: 24px !important;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	color: #003265;
	background: rgba(0, 50, 101, 0.1);
	border: 1px solid #003265;
}
#navigation > ul > li.examinee a::before {
	display: none;
}

#search {
	display: none !important;
	position: fixed;
	top: 27.5px;
	right: clamp(39px, 12.6976744186px + 6.7441860465vw, 126px);
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transform: scale(0);
	transition: 600ms;
}
.hideheader #search {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transform: scale(1);
	transition: 400ms 300ms;
}
@media screen and (max-width: 1279px) {
	#search {
		top: 30px;
	}
}
@media screen and (max-width: 959px) {
	#search {
		top: 15px;
		right: 50px;
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
		transform: scale(1);
	}
}
@media screen and (max-width: 767px) {
	#search {
		display: none;
	}
}
#search a {
	display: block;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#search a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 1279px) {
	#search a {
		width: 20px;
	}
}
@media screen and (max-width: 959px) {
	#search a {
		display: flex;
		height: 20px;
	}
	#search a img {
		width: 15px;
		margin: auto;
	}
}

#menu {
	position: fixed;
	display: flex;
	top: 25px;
	right: 0;
	width: clamp(39px, 12.6976744186px + 6.7441860465vw, 126px);
	transition: top 600ms, right 600ms;
}
.hideheader #menu {
	top: 15px;
}
@media screen and (max-width: 959px) {
	#menu {
		top: 5px !important;
		width: 40px !important;
	}
}
#menu a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	margin: auto;
	text-indent: -10000px;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#menu a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 959px) {
	#menu a {
		width: 40px !important;
		height: 40px !important;
	}
}
#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: min(46px, 3.59375vw) auto;
	opacity: 1;
	transition: 400ms;
}
@media screen and (max-width: 959px) {
	#menu a:before {
		background-size: 23px auto;
	}
}
#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: min(46px, 3.59375vw) auto;
	opacity: 0;
	transition: 400ms;
}
@media screen and (max-width: 959px) {
	#menu a:after {
		background-size: 23px auto;
	}
}
.menuopen #menu a:before {
	opacity: 0;
}
.menuopen #menu a:after {
	opacity: 1;
}

#megamenu {
	position: fixed;
	top: 110px;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 55;
	transform: translateY(-50%);
	transition: 400ms;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
.hideheader #megamenu {
	top: 80px;
}
@media screen and (max-width: 959px) {
	#megamenu {
		display: none;
	}
}
#megamenu > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(0px, 0px + 0vw, 0px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(25px, 14.0449438202px + 2.808988764vw, 50px);
	transition: height 400ms;
}
.megamenuopen #megamenu {
	transform: translateY(0%);
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}
#megamenu .mm {
	position: absolute;
	width: calc(100% - clamp(15px, -22.5px + 4.8828125vw, 40px) * 2);
	margin: auto;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
	transition: visibility 200ms, opacity 200ms;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
#megamenu .mm.show {
	transition: visibility 0ms, opacity 400ms 200ms;
	z-index: 10;
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}
#megamenu .mm .head {
	position: relative;
	padding: 20px 0;
}
#megamenu .mm .head:before {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 1px;
	left: calc(50% - 50vw);
	bottom: 0;
	background: #fff;
}
#megamenu .mm .head a {
	font-size: clamp(17px  * var(--fontratio, 1), (14.808988764px + 0.5617977528vw) * var(--fontratio, 1), 22px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#megamenu .mm .head a:hover {
	opacity: 0.7;
}
#megamenu .mm .block {
	display: flex;
	gap: 20px;
	padding-top: 50px;
}
#megamenu .mm .contents {
	flex-grow: 1;
}
#megamenu .mm .contents ul {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 20px;
}
#megamenu .mm .contents li {
	width: calc((100% - 40px) / 3);
}
#megamenu .mm .contents a {
	font-size: clamp(15px  * var(--fontratio, 1), (13.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 18px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#megamenu .mm .contents a:hover {
	opacity: 0.7;
}
#megamenu .mm .body {
	flex-shrink: 0;
	width: calc((100% - 120px) / 4);
	padding-left: 19px;
	border-left: 1px solid #fff;
}
#megamenu .mm .body p {
	margin-bottom: 10px;
	font-size: clamp(17px  * var(--fontratio, 1), (14.808988764px + 0.5617977528vw) * var(--fontratio, 1), 22px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #fff;
}
#megamenu .mm .body ul {
	display: flex;
	flex-direction: column;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
#megamenu .mm .body a {
	display: block;
	padding: 0 10px 20px;
	font-size: clamp(15px  * var(--fontratio, 1), (13.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 18px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #003265;
	background: #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#megamenu .mm .body a:hover {
	opacity: 0.7;
}
#megamenu .mm .body a .image {
	margin: 0 -10px 20px;
}

#fullmenu {
	position: fixed;
	display: flex;
	top: 110px;
	right: 0px;
	width: 100%;
	height: calc(100% - 110px);
	color: #fff;
	z-index: 999;
	transform: translateX(40%);
	transition: visibility 600ms, opacity 600ms, transform 600ms, top 600ms, height 600ms, margin-top 600ms;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
.hideheader #fullmenu {
	top: 80px;
	height: calc(100% - 80px);
}
@media screen and (max-width: 959px) {
	#fullmenu {
		top: 50px !important;
		height: calc(100% - 50px) !important;
	}
}
@media screen and (max-width: 767px) {
	#fullmenu {
		flex-direction: column;
		width: 100%;
		background: url(../images/bg.jpg) center center fixed;
		background-size: 1000px 1000px;
		overflow-y: auto;
		overflow-x: hidden;
	}
}
.menuopen #fullmenu {
	transform: translateX(0%);
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}
#fullmenu .search {
	display: none !important;
	position: relative;
	display: none;
	width: 100%;
	padding: 20px 15px;
	background: #939393;
}
@media screen and (max-width: 767px) {
	#fullmenu .search {
		display: block;
	}
}
#fullmenu .search .title {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
}
#fullmenu .search .input {
	position: relative;
	background: #fff;
}
#fullmenu .search input {
	width: 100%;
	height: 60px;
	padding: 0px 60px 0px 10px;
	font-size: clamp(15px  * var(--fontratio, 1), (13.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 18px * var(--fontratio, 1));
	line-height: 60px;
	font-weight: 500;
	border: 1px solid #B5B6B6;
}
#fullmenu .search input::placeholder {
	color: #B5B6B6;
}
#fullmenu .search input:-ms-input-placeholder {
	color: #B5B6B6;
}
#fullmenu .search input::-ms-input-placeholder {
	color: #B5B6B6;
}
#fullmenu .search button {
	position: absolute;
	width: 60px;
	height: 60px;
	right: 0px;
	top: 0px;
	text-indent: -10000px;
	background: url(../images/search.svg) no-repeat center center;
	background-size: 25px auto;
	border: 0px;
	cursor: pointer;
}
#fullmenu .panel {
	position: relative;
	width: calc(100% / 3);
	overflow-y: auto;
	overflow-x: hidden;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel {
		position: static;
		flex-shrink: 0;
		width: 100%;
		height: auto;
	}
}
#fullmenu .panel::before {
	content: "";
	display: block;
	position: fixed;
	width: calc(100% / 3);
	height: 100%;
	top: 0px;
	left: 0;
	background: url(../images/fullmenu.jpg) no-repeat right center;
	background-size: cover;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel::before {
		display: none;
	}
}
#fullmenu .panel::after {
	content: "";
	display: block;
	position: fixed;
	width: calc(100% / 3);
	height: 100%;
	top: 0px;
	left: 0;
	z-index: -1;
	background: rgba(0, 50, 101, 0.25);
}
@media screen and (max-width: 767px) {
	#fullmenu .panel::after {
		display: none;
	}
}
#fullmenu .panel > div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	padding: clamp(21px, 17.0561797753px + 1.0112359551vw, 30px);
	width: 100%;
	max-width: calc(370px + clamp(21px, 17.0561797753px + 1.0112359551vw, 30px) * 2);
	min-height: 100%;
	margin: auto;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div {
		padding: 30px 15px 40px;
		max-width: none;
	}
}
#fullmenu .panel > div .image {
	margin-bottom: clamp(28px, 13.9775280899px + 3.595505618vw, 60px);
	width: 100%;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div .image {
		display: none;
	}
}
#fullmenu .panel > div .image img {
	margin: auto;
}
#fullmenu .panel > div .links {
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div .links {
		margin-bottom: 0px;
	}
}
#fullmenu .panel > div .links ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div .links ul {
		gap: 27px;
		justify-content: center;
		align-items: center;
	}
}
#fullmenu .panel > div .links ul li {
	width: calc((100% - 10px) / 2);
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div .links ul li {
		display: flex;
		width: calc((100% - 27px - 27px - 1px) / 2);
	}
	#fullmenu .panel > div .links ul li:nth-child(odd):has(+ li) {
		justify-content: flex-end;
	}
	#fullmenu .panel > div .links ul li:nth-child(even) {
		justify-content: flex-start;
		width: calc((100% - 27px - 27px - 1px) / 2 + 27px);
	}
	#fullmenu .panel > div .links ul li:nth-child(3)::before {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div .links ul li + li {
		gap: 27px;
		justify-content: center;
		align-items: center;
	}
	#fullmenu .panel > div .links ul li + li::before {
		content: "";
		display: block;
		width: 1px;
		height: 1em;
		background: #000;
	}
}
#fullmenu .panel > div .links a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.2222222222em;
	padding: 5px;
	font-size: clamp(15px  * var(--fontratio, 1), (13.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 18px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #fff;
	background: rgba(0, 50, 101, 0.6);
	border: 1px solid #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#fullmenu .panel > div .links a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div .links a {
		height: auto;
		font-size: clamp(16px  * var(--fontratio, 1), (14.2471910112px + 0.4494382022vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
		font-weight: 600;
		color: #000;
		background: none;
		border: 0;
	}
}
#fullmenu .panel > div .panelmenu {
	width: 100%;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div .panelmenu {
		display: none;
	}
}
#fullmenu .panel > div .panelmenu ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#fullmenu .panel > div .panelmenu ul li {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#fullmenu .panel > div .panelmenu a {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	width: 100%;
	min-height: 3.5714285714em;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #003265;
	background: #fff;
	border-radius: 10px;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#fullmenu .panel > div .panelmenu a:hover {
	opacity: 0.7;
}
#fullmenu .panel > div .panelmenu a span {
	padding: 10px;
}
#fullmenu .panel > div .panelmenu a::before {
	content: "";
	display: block;
	position: relative;
	width: 45px;
	height: 100%;
	top: 0px;
	left: 10px;
	background: none no-repeat center center;
	background-size: auto 35px;
}
#fullmenu .panel > div .panelmenu a::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	border: 1px solid #003265;
	border-radius: 12px;
}
#fullmenu .panel > div .panelmenu .menu01 a:before {
	background-image: url(../images/h01.svg);
}
#fullmenu .panel > div .panelmenu .menu02 a:before {
	background-image: url(../images/h02.svg);
}
#fullmenu .panel > div .panelmenu .menu03 a:before {
	background-image: url(../images/h03.svg);
}
#fullmenu .panel > div .sns {
	padding-top: clamp(21px, 17.0561797753px + 1.0112359551vw, 30px);
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div .sns {
		display: none;
	}
}
#fullmenu .panel > div .sns ul {
	display: flex;
	gap: 20px;
}
#fullmenu .panel > div .sns a {
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#fullmenu .panel > div .sns a:hover {
	opacity: 0.7;
}
#fullmenu .panel > div p {
	margin-top: 15px;
	font-size: clamp(14px  * var(--fontratio, 1), (13.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#fullmenu .panel > div p {
		display: none;
	}
}
#fullmenu .body {
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc(100% / 3 * 2);
	height: 100%;
	padding: 30px 40px 40px 30px;
	background: #003265;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 5;
}
@media screen and (max-width: 767px) {
	#fullmenu .body {
		width: 100%;
		height: auto;
		padding: 0px 10px 40px;
		background: none;
	}
}
#fullmenu .menu {
	position: relative;
	width: calc((100% - 60px) / 3);
	flex-shrink: 0;
	font-size: clamp(15px  * var(--fontratio, 1), (13.2471910112px + 0.4494382022vw) * var(--fontratio, 1), 19px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu {
		width: 100%;
		font-weight: 600;
		border-top: 1px solid #939393;
	}
}
#fullmenu .menu a {
	display: inline-block;
	color: #fff;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu a {
		color: #000;
	}
}
#fullmenu .menu div {
	display: flex;
}
#fullmenu .menu div.home {
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu div.home {
		display: none;
	}
}
#fullmenu .menu div .sw {
	display: none;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu div {
		align-items: center;
		margin: 0px;
		height: 40px;
		border-bottom: 1px solid #939393;
	}
	#fullmenu .menu div .sw {
		position: relative;
		flex-shrink: 0;
		display: block;
		width: 60px;
		height: 100%;
		cursor: pointer;
		overflow: hidden;
	}
	#fullmenu .menu div .sw:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		background: url(../images/plus.svg) no-repeat center center;
		transition: top 400ms;
	}
	#fullmenu .menu div .sw:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: -100%;
		background: url(../images/minus.svg) no-repeat center center;
		transition: top 400ms;
	}
	#fullmenu .menu div .sw.open:before {
		top: 100%;
	}
	#fullmenu .menu div .sw.open:after {
		top: 0%;
	}
}
#fullmenu .menu div a:not(.sw) {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: 3em;
	align-items: flex-start;
	padding: 5px 0;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu div a:not(.sw) {
		padding: 10px 0px;
		height: 40px;
	}
}
#fullmenu .menu div a:not(.sw):before {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 100%;
	top: 0px;
	left: -30px;
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: width 0ms 300ms, opacity 300ms;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu div a:not(.sw):before {
		display: none;
	}
}
#fullmenu .menu div.open a:not(.sw)::before {
	width: calc(100% + 30px);
	opacity: 1;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu div.examinee {
		margin-top: 40px;
		border: 1px solid #003265;
	}
	#fullmenu .menu div.examinee a:not(.sw) {
		padding: 0px 15px;
		font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
		line-height: 1.5294117647;
		color: #003265;
	}
}
#fullmenu .menu ul {
	display: block;
	position: absolute;
	width: 100%;
	top: 0px;
	left: calc(100% + 0px);
	z-index: 10;
	transition: visibility 300ms, opacity 300ms, left 0ms 300ms;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
@media screen and (min-width: 768px) {
	#fullmenu .menu ul {
		display: block !important;
	}
}
@media screen and (max-width: 767px) {
	#fullmenu .menu ul {
		display: none;
		position: static;
		margin-left: 15px;
		width: auto;
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}
}
.sp #fullmenu .menu ul ul {
	display: none;
}
#fullmenu .menu ul ul::before {
	background: rgba(0, 0, 0, 0.3);
}
#fullmenu .menu ul::before {
	content: "";
	display: block;
	position: fixed;
	width: 100vw;
	height: calc(100vh - 50px);
	background: rgba(0, 0, 0, 0.2);
	top: 0px;
	margin-left: -30px;
	z-index: -1;
}
.hideheader #fullmenu .menu ul::before {
	height: calc(100vh - 50px);
}
@media screen and (max-width: 959px) {
	#fullmenu .menu ul::before {
		height: calc(100vh - 50px);
	}
}
@media screen and (max-width: 767px) {
	#fullmenu .menu ul::before {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#fullmenu .menu ul li {
		border-bottom: 1px solid #939393;
	}
	#fullmenu .menu ul li:last-child {
		margin-left: -15px;
	}
	#fullmenu .menu ul li:last-child a {
		padding-left: 15px;
	}
}
#fullmenu .menu ul li.open > a::before {
	width: calc(100% + 30px);
	opacity: 1;
}
#fullmenu .menu ul li li a:hover::before {
	width: 35vw;
	transition: width 600ms, opacity 0ms;
}
#fullmenu .menu ul a {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 3em;
	padding: 5px 0;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu ul a {
		min-height: 40px;
		padding: 10px 0px;
		font-weight: 400;
	}
}
#fullmenu .menu ul a::before {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 100%;
	top: 0px;
	left: -30px;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: width 0ms 300ms, opacity 300ms;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	#fullmenu .menu ul a::before {
		display: none;
	}
}
#fullmenu .menu ul a:hover::before {
	width: calc(100% + 30px);
	opacity: 1;
	transition: width 400ms, opacity 0ms;
}
#fullmenu .menu div.open + ul {
	opacity: 1;
	left: calc(100% + 30px);
	transition: visibility 0ms, opacity 400ms 250ms, left 400ms 250ms;
}
.menuopen #fullmenu .menu div.open + ul {
	visibility: visible;
	pointer-events: auto;
}
#fullmenu .menu div.open + ul li.open ul {
	opacity: 1;
	left: calc(100% + 30px);
	transition: visibility 0ms, opacity 400ms 250ms, left 400ms 250ms;
}
.menuopen #fullmenu .menu div.open + ul li.open ul {
	visibility: visible;
	pointer-events: auto;
}
#fullmenu .menu div a:not(.sw):hover:before {
	width: calc(100% + 30px);
	opacity: 1;
	transition: width 400ms, opacity 0ms;
}
#fullmenu .site {
	margin-top: auto;
	padding-top: 40px;
	width: fit-content;
	min-width: calc((100% - 60px) / 3 - 15px);
}
@media screen and (max-width: 767px) {
	#fullmenu .site {
		width: 100%;
	}
}
#fullmenu .site ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
@media screen and (max-width: 767px) {
	#fullmenu .site ul {
		flex-direction: row;
		gap: 27px;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 767px) {
	#fullmenu .site ul li {
		display: flex;
		width: calc((100% - 27px - 27px - 1px) / 2);
	}
	#fullmenu .site ul li:nth-child(odd):has(+ li) {
		justify-content: flex-end;
	}
	#fullmenu .site ul li:nth-child(even) {
		justify-content: flex-start;
		width: calc((100% - 27px - 27px - 1px) / 2 + 27px);
	}
}
@media screen and (max-width: 767px) {
	#fullmenu .site ul li + li {
		gap: 27px;
		justify-content: center;
		align-items: center;
	}
	#fullmenu .site ul li + li:before {
		content: "";
		display: block;
		width: 1px;
		height: 1em;
		background: #000;
	}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
	#fullmenu .site ul li + li:nth-child(3):before {
		display: none;
	}
}

#fullmenu .site a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 3.1666666667em;
	padding: 5px 10px;
	font-size: clamp(15px  * var(--fontratio, 1), (13.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 18px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 700;
	color: #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#fullmenu .site a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#fullmenu .site a {
		width: auto;
		height: auto;
		padding: 0;
		font-size: clamp(16px  * var(--fontratio, 1), (14.2471910112px + 0.4494382022vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
		font-weight: 600;
		color: #000;
		background: none !important;
	}
}
#fullmenu .site .tjkmh a {
	background: #456BD3;
}
#fullmenu .site .tjkp a {
	background: #BC2F32;
}
#fullmenu .site .tjk a {
	background: #003265;
}
#fullmenu .sublink {
	margin-top: min(25px, 1.953125vw);
}
@media screen and (max-width: 767px) {
	#fullmenu .sublink {
		margin-top: 20px;
	}
}
#fullmenu .sublink ul {
	display: flex;
	gap: 15px;
	align-items: center;
	flex-wrap: wrap;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	#fullmenu .sublink ul {
		flex-direction: column;
	}
}
#fullmenu .sublink li + li {
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
}
#fullmenu .sublink li + li:before {
	content: "";
	display: block;
	width: 1px;
	height: 1em;
	background: #fff;
}
@media screen and (max-width: 767px) {
	#fullmenu .sublink li + li:before {
		display: none;
	}
}
#fullmenu .sublink a {
	color: #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#fullmenu .sublink a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#fullmenu .sublink a {
		color: #000;
	}
}
#fullmenu .spblock {
	display: none;
	margin-top: 40px;
	color: #000;
}
@media screen and (max-width: 767px) {
	#fullmenu .spblock {
		display: block;
	}
}
#fullmenu .spblock .sns ul {
	display: flex;
	justify-content: center;
	gap: 20px;
}
#fullmenu .spblock .sns a {
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#fullmenu .spblock .sns a:hover {
	opacity: 0.7;
}
#fullmenu .spblock .navi {
	margin-top: 40px;
}
#fullmenu .spblock .navi ul {
	display: flex;
	gap: 27px;
	justify-content: center;
	align-items: center;
}
#fullmenu .spblock .navi li + li {
	display: flex;
	gap: 27px;
	justify-content: center;
	align-items: center;
}
#fullmenu .spblock .navi li + li:before {
	content: "";
	display: block;
	width: 1px;
	height: 1em;
	background: #000;
}
#fullmenu .spblock .navi a {
	font-size: clamp(13px  * var(--fontratio, 1), (12.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 15px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 600;
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#fullmenu .spblock .navi a:hover {
	opacity: 0.7;
}
#fullmenu .spblock .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-top: 40px;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
}
#fullmenu .spblock .info a {
	display: inline-flex;
	gap: 2px;
	align-items: center;
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#fullmenu .spblock .info a:hover {
	opacity: 0.7;
}
#fullmenu .spblock .title {
	font-size: clamp(20px  * var(--fontratio, 1), (16.4943820225px + 0.8988764045vw) * var(--fontratio, 1), 28px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}
#fullmenu .spblock .copyright {
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}

#searchpanel {
	position: fixed;
	top: 110px;
	right: 0px;
	width: 100%;
	background: #939393;
	z-index: 52;
	transform: scale(1.1);
	transition: 600ms;
	overflow: auto;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
.searchopen #searchpanel {
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}
.hideheader #searchpanel {
	top: 80px;
}
@media screen and (max-width: 959px) {
	#searchpanel {
		top: 50px;
	}
}
@media screen and (max-width: 767px) {
	#searchpanel {
		display: none;
	}
}
#searchpanel > div:not(.close) {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(25px, 14.0449438202px + 2.808988764vw, 50px) clamp(15px, -22.5px + 4.8828125vw, 40px);
	padding-left: 120px;
	padding-right: 120px;
	max-width: 1520px;
}
@media screen and (max-width: 959px) {
	#searchpanel > div:not(.close) {
		padding-left: 20px;
		padding-right: 90px;
	}
}
#searchpanel > div:not(.close) .search {
	position: relative;
	display: flex;
	width: 100%;
}
#searchpanel > div:not(.close) .search .title {
	display: flex;
	white-space: nowrap;
	align-items: center;
	height: 80px;
	margin-right: 25px;
	font-size: clamp(16px  * var(--fontratio, 1), (14.2471910112px + 0.4494382022vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
}
#searchpanel > div:not(.close) .search .body {
	width: 100%;
}
#searchpanel > div:not(.close) .search .input {
	position: relative;
	background: #ffffff;
	overflow: hidden;
}
#searchpanel > div:not(.close) .search input {
	width: 100%;
	height: 80px;
	padding: 0px 80px 0px 20px;
	font-size: clamp(15px  * var(--fontratio, 1), (13.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 18px * var(--fontratio, 1));
	line-height: 80px;
	font-weight: 600;
	border: 1px solid #B5B6B6;
}
#searchpanel > div:not(.close) .search input::placeholder {
	color: #B5B6B6;
}
#searchpanel > div:not(.close) .search input:-ms-input-placeholder {
	color: #B5B6B6;
}
#searchpanel > div:not(.close) .search input::-ms-input-placeholder {
	color: #B5B6B6;
}
#searchpanel > div:not(.close) .search button {
	position: absolute;
	width: 80px;
	height: 80px;
	right: 0px;
	top: 0px;
	text-indent: -10000px;
	background: url(../images/search.svg) no-repeat center center;
	background-size: 30px auto;
	border: 0px;
	cursor: pointer;
}
#searchpanel > div:not(.close) .search .hashlist {
	margin-top: 30px;
	padding: 0 min(45px, 3.515625vw);
}
#searchpanel > div:not(.close) .search .hashlist ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#searchpanel > div:not(.close) .search .hashlist a {
	display: flex;
	align-items: center;
	padding: 0px 10px;
	height: 2.5em;
	font-size: clamp(11px  * var(--fontratio, 1), (10.5617977528px + 0.1123595506vw) * var(--fontratio, 1), 12px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #003265;
	background: #fff;
	border-radius: 1.25em;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#searchpanel > div:not(.close) .search .hashlist a:hover {
	opacity: 0.7;
}
#searchpanel .close {
	position: absolute;
	top: 50px;
	right: min(63px, 3.9375vw);
}
@media screen and (max-width: 959px) {
	#searchpanel .close {
		right: 45px;
	}
}
#searchpanel .close a {
	position: relative;
	display: flex;
	flex-direction: column;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	transform: translateX(50%);
}
#searchpanel .close a:hover {
	opacity: 0.7;
}
#searchpanel .close a:before {
	content: "";
	display: block;
	margin: 0px auto 5px;
	width: 36px;
	height: 36px;
	background: url(../images/close.svg) no-repeat center center;
	background-size: auto 100%;
	filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(7500%) hue-rotate(202deg) brightness(117%) contrast(111%);
}

#floatingmenu {
	position: fixed;
	right: 0;
	top: clamp(130px, 45.2941176471px + 8.8235294118vw, 190px);
	z-index: 5;
}
@media screen and (max-width: 959px) {
	#floatingmenu {
		top: 80px;
	}
}
@media screen and (max-width: 767px) {
	#floatingmenu {
		top: auto;
		bottom: 0;
		width: 100%;
	}
}
#floatingmenu ul {
	display: flex;
	gap: 10px 1px;
	flex-direction: column;
}
@media screen and (max-width: 767px) {
	#floatingmenu ul {
		flex-direction: row;
		background: #fff;
	}
}
#floatingmenu li {
	background: #fff;
	border-radius: 7px 0 0 7px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
	#floatingmenu li {
		flex: 1;
		border-radius: 0;
		box-shadow: none;
	}
}
#floatingmenu a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 400;
	color: #003265;
	text-align: center;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#floatingmenu a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#floatingmenu a {
		height: 60px;
		padding: 0;
		color: #fff;
		background: #003265;
	}
}
#floatingmenu a > div {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.4em;
}
@media screen and (max-width: 767px) {
	#floatingmenu a > div {
		min-height: 0;
	}
	#floatingmenu a > div br {
		display: none;
	}
}
#floatingmenu a::before {
	content: "";
	display: block;
	height: 27px;
	background: none no-repeat center center;
	background-size: auto 100%;
	aspect-ratio: 40 / 45;
}
@media screen and (max-width: 767px) {
	#floatingmenu a::before {
		filter: brightness(0) saturate(100%) invert(100%);
	}
}
#floatingmenu a::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	border: 1px solid #003265;
	border-radius: 5px;
}
#floatingmenu .menu01 a::before {
	background-image: url(../images/h01.svg);
}
#floatingmenu .menu02 a::before {
	background-image: url(../images/h02.svg);
}
#floatingmenu .menu03 a::before {
	background-image: url(../images/h03.svg);
}

footer {
	position: relative;
	display: block;
}
footer > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(40px, 22.4719101124px + 4.4943820225vw, 80px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(20px, 11.2359550562px + 2.2471910112vw, 40px);
}
footer .logo {
	display: flex;
}
footer .logo a {
	display: block;
	margin: auto;
	height: clamp(120px, 73.8461538462px + 5.1282051282vw, 160px);
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	aspect-ratio: 280.837 / 166.205;
}
footer .logo a:hover {
	opacity: 0.7;
}
footer .logo a img {
	width: 100%;
	height: 100%;
}
footer .navi + .navi {
	padding-top: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
	border-top: 1px solid #939393;
}
footer .navi {
	margin-top: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
footer .navi ul {
	display: flex;
	gap: 27px;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 767px) {
	footer .navi ul {
		flex-wrap: wrap;
	}
}
footer .navi li {
	display: flex;
}
@media screen and (max-width: 767px) {
	footer .navi li:nth-child(odd) {
		width: 100%;
	}
	footer .navi li:nth-child(odd):has(+ li) {
		justify-content: flex-end;
		width: calc((100% - 27px - 27px - 1px) / 2);
	}
	footer .navi li:nth-child(even) {
		justify-content: flex-start;
		width: calc((100% - 27px - 27px - 1px) / 2 + 27px);
	}
}
footer .navi li + li {
	gap: 27px;
	justify-content: center;
	align-items: center;
}
footer .navi li + li:before {
	content: "";
	display: block;
	width: 1px;
	height: 1em;
	background: #000;
}
@media screen and (max-width: 767px) {
	footer .navi li + li:nth-child(3):before {
		display: none;
	}
}
footer .navi a {
	font-size: clamp(16px  * var(--fontratio, 1), (14.2471910112px + 0.4494382022vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 600;
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
footer .navi a:hover {
	opacity: 0.7;
}
footer .link {
	margin-top: clamp(21px, 17.0561797753px + 1.0112359551vw, 30px);
}
footer .link ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .link a {
	font-size: clamp(14px  * var(--fontratio, 1), (13.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
footer .link a:hover {
	opacity: 0.7;
}
footer .menu {
	display: flex;
	gap: 40px 20px;
	align-items: flex-start;
	margin-top: clamp(26px, 15.4831460674px + 2.6966292135vw, 50px);
	padding-bottom: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	border-bottom: 1px solid #939393;
}
@media screen and (max-width: 959px) {
	footer .menu {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 767px) {
	footer .menu {
		flex-wrap: wrap;
		gap: 0px;
		border-top: 1px solid #939393;
		border-bottom: 0;
	}
}
footer .menu > * {
	flex-grow: 1;
	max-width: 25%;
}
@media screen and (max-width: 959px) {
	footer .menu > * {
		width: calc((100% - 20px * 2) / 3);
		max-width: none;
	}
}
@media screen and (max-width: 767px) {
	footer .menu > * {
		width: 100%;
	}
}
footer .menu dl dt {
	margin-bottom: 20px;
	font-size: clamp(16px  * var(--fontratio, 1), (14.2471910112px + 0.4494382022vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	font-weight: 600;
}
footer .menu dl dt .sw {
	display: none;
}
footer .menu dl dt.none {
	display: none;
}
@media screen and (max-width: 767px) {
	footer .menu dl dt.none + dd {
		display: block;
	}
	footer .menu dl dt.none + dd ul {
		margin-top: 30px;
		margin-left: 0;
	}
	footer .menu dl dt.none + dd li {
		border: 0;
	}
	footer .menu dl dt.none + dd li:last-child {
		margin-left: 0px;
	}
	footer .menu dl dt.none + dd li:last-child a {
		padding-left: 0px;
	}
	footer .menu dl dt.none + dd a {
		width: fit-content;
	}
}
@media screen and (max-width: 767px) {
	footer .menu dl dt {
		display: flex;
		align-items: center;
		margin: 0px;
		width: 100%;
		height: 40px;
		border-bottom: 1px solid #939393;
	}
	footer .menu dl dt a:not(.sw) {
		width: 100%;
	}
	footer .menu dl dt .sw {
		position: relative;
		flex-shrink: 0;
		display: block;
		width: 60px;
		height: 100%;
		cursor: pointer;
		overflow: hidden;
	}
	footer .menu dl dt .sw:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		background: url(../images/plus.svg) no-repeat center center;
		transition: top 400ms;
	}
	footer .menu dl dt .sw:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: -100%;
		background: url(../images/minus.svg) no-repeat center center;
		transition: top 400ms;
	}
	footer .menu dl dt .sw.open:before {
		top: 100%;
	}
	footer .menu dl dt .sw.open:after {
		top: 0%;
	}
}
@media screen and (min-width: 768px) {
	footer .menu dl dd {
		display: block !important;
	}
}
@media screen and (max-width: 767px) {
	footer .menu dl dd {
		display: none;
	}
	footer .menu dl dd ul {
		margin-left: 15px;
		gap: 0px;
	}
	footer .menu dl dd li {
		border-bottom: 1px solid #939393;
	}
	footer .menu dl dd li:last-child {
		margin-left: -15px;
	}
	footer .menu dl dd li:last-child a {
		padding-left: 15px;
	}
	footer .menu dl dd a {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 40px;
		padding: 10px 0px;
	}
}
footer .menu ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
@media screen and (max-width: 767px) {
	footer .menu > ul {
		margin-top: 35px;
	}
}
footer .menu a {
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
footer .menu a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	footer .menu .examinee {
		margin-top: 40px;
		border: 1px solid #003265;
	}
}
footer .menu .examinee a:not(.sw) {
	position: relative;
	display: block;
	padding: 0px 15px;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5294117647;
	color: #003265;
}
footer .menu .examinee a:not(.sw):before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 2px);
	height: calc(100% - 2px + 10px);
	top: -5px;
	left: 0px;
	border: 1px solid #003265;
}
@media screen and (max-width: 767px) {
	footer .menu .examinee a:not(.sw):before {
		display: none;
	}
}
footer .parallax {
	position: relative;
	margin: clamp(29px, 6.6516853933px + 5.7303370787vw, 80px) 0 0;
	height: min(450px, 35.15625vw);
	overflow-y: clip;
}
@media screen and (max-width: 767px) {
	footer .parallax {
		display: none;
	}
}
footer .parallax:before {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 125%;
	top: calc(var(--r, 0) * -25%);
	left: calc(50% - 50vw);
	background: url(../images/footerbg.jpg) no-repeat center top;
	background-size: cover;
}
footer .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-top: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.7647;
	font-weight: 600;
	text-align: center;
}
@media screen and (max-width: 767px) {
	footer .info {
		margin-top: 40px;
	}
}
footer .info a {
	display: inline-flex;
	gap: 2px;
	align-items: center;
	color: #000;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
footer .info a:hover {
	opacity: 0.7;
}
footer .title {
	font-size: clamp(20px  * var(--fontratio, 1), (16.4943820225px + 0.8988764045vw) * var(--fontratio, 1), 28px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}
footer .copyright {
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}

#pageheader {
	position: relative;
	border-top: 110px solid #fff;
}
@media screen and (max-width: 959px) {
	#pageheader {
		border-top-width: 50px;
	}
}
#pageheader::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	z-index: -3;
	width: 100%;
	background: #003265;
}
#pageheader > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(0px, 0px + 0vw, 0px) clamp(15px, -22.5px + 4.8828125vw, 40px);
}
#pageheader.level3 .main h1,
#pageheader.level3 .main .title, #pageheader.level4 .main h1,
#pageheader.level4 .main .title {
	position: relative;
	padding: clamp(24px, 16.9887640449px + 1.797752809vw, 40px) clamp(24px, 16.9887640449px + 1.797752809vw, 40px) 0 0;
	order: 99;
}
#pageheader.level3 .main h1::after,
#pageheader.level3 .main .title::after, #pageheader.level4 .main h1::after,
#pageheader.level4 .main .title::after {
	display: none;
}
#pageheader.level3 .main .image, #pageheader.level4 .main .image {
	aspect-ratio: 1280 / 240;
}
#pageheader.level3 .main .image::before, #pageheader.level4 .main .image::before {
	display: none;
}
#pageheader.flat::before {
	display: none;
}
#pageheader.flat .main {
	justify-content: center;
	min-height: min(400px, 31.25vw);
	padding: 10px 0;
}
#pageheader.flat .main::before {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 100%;
	left: calc(50% - 50vw);
	top: 0;
	z-index: -3;
	background: #003265;
}
#pageheader.flat .main h1,
#pageheader.flat .main .title {
	position: relative;
	padding: 0 clamp(24px, 16.9887640449px + 1.797752809vw, 40px) 0 0;
}
#pageheader.flat .main h1::after,
#pageheader.flat .main .title::after {
	display: none;
}
#pageheader.flat .main:has(.image) h1,
#pageheader.flat .main:has(.image) .title {
	color: #000;
}
#pageheader.flat .main .image {
	position: absolute;
	aspect-ratio: auto;
	top: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 100%;
}
#pageheader.flat .main .image::before {
	display: none;
}
#pageheader.flat .main .image img {
	width: 100%;
}
#pageheader .main {
	position: relative;
	display: flex;
	flex-direction: column;
}
#pageheader .main h1,
#pageheader .main .title {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: clamp(28px  * var(--fontratio, 1), (13.9775280899px + 3.595505618vw) * var(--fontratio, 1), 60px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #fff;
	z-index: 1;
	width: calc(50% + 50vw);
	padding: clamp(26px, 15.4831460674px + 2.6966292135vw, 50px) clamp(24px, 16.9887640449px + 1.797752809vw, 40px) clamp(19px, 16.3707865169px + 0.6741573034vw, 25px);
}
#pageheader .main h1[data-subtitle]::before,
#pageheader .main .title[data-subtitle]::before {
	content: attr(data-subtitle);
	display: block;
	font-size: clamp(18px  * var(--fontratio, 1), (15.3707865169px + 0.6741573034vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	text-transform: uppercase;
}
#pageheader .main h1::after,
#pageheader .main .title::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(50vw + 50%);
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 50, 101, 0) 0%, #003265 100%);
	z-index: -1;
}
#pageheader .main .image {
	position: relative;
	aspect-ratio: 1280 / 400;
	z-index: -1;
}
#pageheader .main .image::before {
	content: "";
	display: block;
	position: absolute;
	width: 50vw;
	height: 50%;
	top: 0;
	right: 50%;
	background: url(../images/bg.jpg) fixed;
	z-index: -1;
}
#pageheader .main .image img {
	position: absolute;
	width: calc(50vw + 50%);
	max-width: none;
	height: 100%;
	object-fit: cover;
}

#pageheader.flat #breadcrumbs ul {
	color: #000;
}
#pageheader.flat #breadcrumbs ul li:first-child a {
	filter: brightness(0) saturate(100%);
}
#pageheader.flat #breadcrumbs ul a {
	color: #000;
}

#breadcrumbs {
	position: relative;
	z-index: 1;
}
#breadcrumbs ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 0.45em;
	min-height: clamp(29px, 6.6516853933px + 5.7303370787vw, 80px);
	padding: 10px 0 calc(10px + clamp(16px, 14.2471910112px + 0.4494382022vw, 20px));
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #fff;
}
#breadcrumbs ul li {
	position: relative;
}
#breadcrumbs ul li:first-child a {
	display: block;
	width: 16px;
	height: 18px;
	text-indent: -10000px;
	background: url(../images/home.svg) no-repeat center center;
	overflow: hidden;
}
#breadcrumbs ul li + li::before {
	content: "–";
	display: inline-block;
	margin-right: 0.45em;
}
#breadcrumbs ul a {
	color: #fff;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#breadcrumbs ul a:hover {
	opacity: 0.7;
}

.pagetitle {
	display: flex;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
	width: 100%;
	margin-bottom: clamp(29px, 11.0337078652px + 4.606741573vw, 70px);
	padding-bottom: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
	border-bottom: 1px dashed #939393;
}
.pagetitle.alt {
	flex-direction: column;
	gap: 15px;
}
.pagetitle.alt .date {
	height: auto;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
}
.pagetitle.alt .head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px clamp(10px, -5px + 1.5625vw, 15px);
}
.pagetitle.alt .category {
	gap: 5px;
	margin-left: 0;
	margin-right: auto;
}
.pagetitle.alt .category div {
	padding: 5px clamp(10px, -5px + 1.5625vw, 15px);
	width: auto;
	height: 30px;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	font-weight: 400;
	color: #000;
	background: #fff;
	border: 1px solid #E2E7EA;
	border-radius: 0;
}
@media screen and (max-width: 767px) {
	.pagetitle.alt .category div {
		height: 25px;
	}
}
.pagetitle.alt .title {
	min-height: 0;
}
.pagetitle .date {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	width: 5.1em;
	height: 4.7058823529em;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #000;
}
.pagetitle .category {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 2px;
	margin-right: 0;
	margin-left: auto;
}
.pagetitle .category div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8.4em;
	height: 8em;
	font-size: clamp(10px  * var(--fontratio, 1), (10px + 0vw) * var(--fontratio, 1), 10px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	background: #E6E6E6;
	border-radius: 5px;
}
.pagetitle .category a {
	display: block;
	height: fit-content;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.pagetitle .category a:hover {
	opacity: 0.7;
}
.pagetitle .title {
	display: flex;
	align-items: center;
	min-height: 1.9047619048em;
	font-size: clamp(25px  * var(--fontratio, 1), (17.5505617978px + 1.9101123596vw) * var(--fontratio, 1), 42px * var(--fontratio, 1));
	line-height: 1.4;
	font-weight: 400;
	color: #000;
}
.pagetitle h1 {
	font-size: inherit;
	font-weight: inherit;
}

.contents {
	position: relative;
	z-index: 0;
}
.contents > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(40px, 22.4719101124px + 4.4943820225vw, 80px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(20px, 11.2359550562px + 2.2471910112vw, 40px);
}
.contents.stack > div {
	padding-top: 0;
}
.contents h1 .title {
	max-width: calc(100% - clamp(139px, 112.2696629213px + 6.8539325843vw, 200px));
	font-size: clamp(25px  * var(--fontratio, 1), (17.5505617978px + 1.9101123596vw) * var(--fontratio, 1), 42px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}
.contents h1 .title::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 0.5px);
	right: calc(100% + clamp(26px, 15.4831460674px + 2.6966292135vw, 50px));
	width: 50vw;
	height: 1px;
	background: #003265;
}
.contents h1 .title::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 0.5px);
	left: calc(100% + clamp(26px, 15.4831460674px + 2.6966292135vw, 50px));
	width: 50vw;
	height: 1px;
	background: #003265;
}
.contents h1 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	overflow: hidden;
}
.contents h1:not(:last-child) {
	margin-bottom: clamp(29px, 6.6516853933px + 5.7303370787vw, 80px);
}
.contents h1 .title {
	position: relative;
	width: fit-content;
	margin: auto;
	padding-left: 0.2em;
	letter-spacing: 0.2em;
}
.contents h1 .subtitle {
	position: relative;
	width: fit-content;
	margin: auto;
	text-transform: uppercase;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #003265;
}
.contents * + h1 {
	margin-top: clamp(37px, 0.6292134831px + 9.3258426966vw, 120px);
}
.contents h2 {
	font-size: clamp(22px  * var(--fontratio, 1), (16.7415730337px + 1.3483146067vw) * var(--fontratio, 1), 34px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}
.contents h2:not(:last-child) {
	margin-bottom: 20px;
}
.contents h2[data-subtitle]::before {
	content: attr(data-subtitle);
	display: block;
	margin-bottom: 5px;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #003265;
	text-transform: uppercase;
}
.contents * + h2 {
	margin-top: clamp(37px, 0.6292134831px + 9.3258426966vw, 120px);
}
.contents h3 {
	font-size: clamp(20px  * var(--fontratio, 1), (16.0561797753px + 1.0112359551vw) * var(--fontratio, 1), 29px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #003265;
}
.contents h3:not(:last-child) {
	margin-bottom: 20px;
}
.contents h3[data-subtitle]::after {
	content: attr(data-subtitle);
	display: block;
	margin-top: 5px;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
}
.contents *:not(h1, h2) + h3 {
	margin-top: clamp(37px, 0.6292134831px + 9.3258426966vw, 120px);
}
.contents h4 {
	padding-bottom: 10px;
	border-bottom: 1px solid #003265;
	font-size: clamp(18px  * var(--fontratio, 1), (15.3707865169px + 0.6741573034vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}
.contents h4:not(:last-child) {
	margin-bottom: 20px;
}
.contents *:not(h1, h2, h3) + h4 {
	margin-top: clamp(29px, 6.6516853933px + 5.7303370787vw, 80px);
}
.contents .stack {
	margin-top: 0px !important;
}
.contents .section {
	margin-top: clamp(37px, 0.6292134831px + 9.3258426966vw, 120px) !important;
}
.contents .group {
	margin-top: clamp(29px, 6.6516853933px + 5.7303370787vw, 80px) !important;
}
.contents .block {
	margin-top: clamp(24px, 16.9887640449px + 1.797752809vw, 40px) !important;
}
.contents .paragraph {
	margin-top: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px) !important;
}
.contents .halfparagraph {
	margin-top: clamp(10px, 10px + 0vw, 10px) !important;
}
.contents > div:not(.image) > a {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents > div:not(.image) > a:hover {
	opacity: 0.7;
}
.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), (11.1235955056px + 0.2247191011vw) * 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: #003265;
	font-weight: 600;
	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: #456BD3;
}
.contents .imagebox {
	display: flex;
	justify-content: flex-start;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
@media screen and (max-width: 767px) {
	.contents .imagebox.spcol1 {
		flex-direction: column;
		gap: 20px;
	}
	.contents .imagebox.spcol1 > * {
		width: auto !important;
	}
	.contents .imagebox.spcol1 > .image > img,
	.contents .imagebox.spcol1 > .image > a {
		width: auto;
	}
}
.contents .imagebox > * {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 0px !important;
}
.contents .imagebox > *:not(.image):not(.image) > a {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .imagebox > *:not(.image):not(.image) > a:hover {
	opacity: 0.7;
}
.contents .imagebox.center {
	align-items: center;
}
.contents .imagebox.reverse {
	direction: rtl;
}
.contents .imagebox.reverse > * {
	direction: ltr;
}
.contents .imagebox > .image {
	position: relative;
	flex-shrink: 0;
	width: auto;
	margin-bottom: auto;
}
@media screen and (max-width: 959px) {
	.contents .imagebox > .image {
		max-width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.contents .imagebox > .image {
		max-width: 100%;
	}
}
.contents .imagebox > .image > img,
.contents .imagebox > .image > a {
	display: block;
	width: 100%;
}
.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, 16.9887640449px + 1.797752809vw, 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, 16.9887640449px + 1.797752809vw, 40px) * 2) / 3) !important;
}
.contents .cbox > .image.size6,
.contents .cbox > a > .image.size6 {
	margin-left: auto;
	margin-right: auto;
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 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, 16.9887640449px + 1.797752809vw, 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(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .cbox .body:not(.image) > a:hover {
	opacity: 0.7;
}
.contents .column {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(28px, 13.9775280899px + 3.595505618vw, 60px) clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
.contents .column > * {
	margin-top: 0px !important;
}
.contents .column > *:not(.image) > a {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .column > *:not(.image) > a:hover {
	opacity: 0.7;
}
.contents .column > *.center {
	align-self: center;
}
.contents .column.col1 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 0 - 4px) / 1);
}
.contents .column.col1 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 0 - 4px) / 1) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col1 > *.size1 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 0 - 4px) / 1) * 1 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 0);
}
@media screen and (max-width: 767px) {
	.contents .column.col1 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 0 - 4px) / 1) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col1 > *.spsize1 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 0 - 4px) / 1) * 1 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 0);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol1 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 0 - 4px) / 1) !important;
	}
}
.contents .column.col2 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1 - 4px) / 2);
}
.contents .column.col2 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1 - 4px) / 2) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
@media screen and (max-width: 767px) {
	.contents .column.col2 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1 - 4px) / 2) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol2 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1 - 4px) / 2) !important;
	}
}
.contents .column.col3 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2 - 4px) / 3);
}
.contents .column.col3 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2 - 4px) / 3) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col3 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2 - 4px) / 3) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
@media screen and (max-width: 767px) {
	.contents .column.col3 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2 - 4px) / 3) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col3 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2 - 4px) / 3) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol3 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2 - 4px) / 3) !important;
	}
}
.contents .column.col4 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3 - 4px) / 4);
}
.contents .column.col4 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3 - 4px) / 4) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col4 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3 - 4px) / 4) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col4 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3 - 4px) / 4) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
@media screen and (max-width: 767px) {
	.contents .column.col4 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3 - 4px) / 4) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col4 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3 - 4px) / 4) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col4 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3 - 4px) / 4) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol4 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3 - 4px) / 4) !important;
	}
}
.contents .column.col5 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5);
}
.contents .column.col5 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col5 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col5 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
.contents .column.col5 > *.size5 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
}
@media screen and (max-width: 767px) {
	.contents .column.col5 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col5 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col5 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
	.contents .column.col5 > *.spsize5 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol5 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4 - 4px) / 5) !important;
	}
}
.contents .column.col6 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6);
}
.contents .column.col6 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col6 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col6 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
.contents .column.col6 > *.size5 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
}
.contents .column.col6 > *.size6 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
}
@media screen and (max-width: 767px) {
	.contents .column.col6 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col6 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col6 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
	.contents .column.col6 > *.spsize5 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
	}
	.contents .column.col6 > *.spsize6 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol6 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5 - 4px) / 6) !important;
	}
}
.contents .column.col7 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7);
}
.contents .column.col7 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col7 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col7 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
.contents .column.col7 > *.size5 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
}
.contents .column.col7 > *.size6 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
}
.contents .column.col7 > *.size7 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
}
@media screen and (max-width: 767px) {
	.contents .column.col7 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col7 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col7 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
	.contents .column.col7 > *.spsize5 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
	}
	.contents .column.col7 > *.spsize6 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
	}
	.contents .column.col7 > *.spsize7 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol7 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6 - 4px) / 7) !important;
	}
}
.contents .column.col8 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8);
}
.contents .column.col8 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col8 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col8 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
.contents .column.col8 > *.size5 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
}
.contents .column.col8 > *.size6 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
}
.contents .column.col8 > *.size7 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
}
.contents .column.col8 > *.size8 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
}
@media screen and (max-width: 767px) {
	.contents .column.col8 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col8 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col8 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
	.contents .column.col8 > *.spsize5 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
	}
	.contents .column.col8 > *.spsize6 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
	}
	.contents .column.col8 > *.spsize7 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
	}
	.contents .column.col8 > *.spsize8 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol8 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7 - 4px) / 8) !important;
	}
}
.contents .column.col9 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9);
}
.contents .column.col9 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col9 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col9 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
.contents .column.col9 > *.size5 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
}
.contents .column.col9 > *.size6 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
}
.contents .column.col9 > *.size7 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
}
.contents .column.col9 > *.size8 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
}
.contents .column.col9 > *.size9 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 9 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8);
}
@media screen and (max-width: 767px) {
	.contents .column.col9 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col9 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col9 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
	.contents .column.col9 > *.spsize5 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
	}
	.contents .column.col9 > *.spsize6 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
	}
	.contents .column.col9 > *.spsize7 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
	}
	.contents .column.col9 > *.spsize8 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
	}
	.contents .column.col9 > *.spsize9 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) * 9 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol9 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8 - 4px) / 9) !important;
	}
}
.contents .column.col10 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10);
}
.contents .column.col10 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col10 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col10 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
.contents .column.col10 > *.size5 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
}
.contents .column.col10 > *.size6 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
}
.contents .column.col10 > *.size7 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
}
.contents .column.col10 > *.size8 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
}
.contents .column.col10 > *.size9 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 9 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8);
}
.contents .column.col10 > *.size10 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 10 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9);
}
@media screen and (max-width: 767px) {
	.contents .column.col10 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col10 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col10 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
	.contents .column.col10 > *.spsize5 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
	}
	.contents .column.col10 > *.spsize6 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
	}
	.contents .column.col10 > *.spsize7 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
	}
	.contents .column.col10 > *.spsize8 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
	}
	.contents .column.col10 > *.spsize9 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 9 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8);
	}
	.contents .column.col10 > *.spsize10 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) * 10 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol10 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9 - 4px) / 10) !important;
	}
}
.contents .column.col11 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11);
}
.contents .column.col11 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col11 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col11 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
.contents .column.col11 > *.size5 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
}
.contents .column.col11 > *.size6 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
}
.contents .column.col11 > *.size7 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
}
.contents .column.col11 > *.size8 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
}
.contents .column.col11 > *.size9 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 9 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8);
}
.contents .column.col11 > *.size10 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 10 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9);
}
.contents .column.col11 > *.size11 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 11 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10);
}
@media screen and (max-width: 767px) {
	.contents .column.col11 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col11 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col11 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
	.contents .column.col11 > *.spsize5 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
	}
	.contents .column.col11 > *.spsize6 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
	}
	.contents .column.col11 > *.spsize7 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
	}
	.contents .column.col11 > *.spsize8 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
	}
	.contents .column.col11 > *.spsize9 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 9 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8);
	}
	.contents .column.col11 > *.spsize10 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 10 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9);
	}
	.contents .column.col11 > *.spsize11 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) * 11 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol11 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10 - 4px) / 11) !important;
	}
}
.contents .column.col12 > * {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12);
}
.contents .column.col12 > *.size2 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
}
.contents .column.col12 > *.size3 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
}
.contents .column.col12 > *.size4 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
}
.contents .column.col12 > *.size5 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
}
.contents .column.col12 > *.size6 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
}
.contents .column.col12 > *.size7 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
}
.contents .column.col12 > *.size8 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
}
.contents .column.col12 > *.size9 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 9 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8);
}
.contents .column.col12 > *.size10 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 10 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9);
}
.contents .column.col12 > *.size11 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 11 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10);
}
.contents .column.col12 > *.size12 {
	width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 12 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11);
}
@media screen and (max-width: 767px) {
	.contents .column.col12 > *.spsize2 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 2 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1);
	}
	.contents .column.col12 > *.spsize3 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 3 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2);
	}
	.contents .column.col12 > *.spsize4 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 4 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3);
	}
	.contents .column.col12 > *.spsize5 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 5 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 4);
	}
	.contents .column.col12 > *.spsize6 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 6 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 5);
	}
	.contents .column.col12 > *.spsize7 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 7 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 6);
	}
	.contents .column.col12 > *.spsize8 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 8 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 7);
	}
	.contents .column.col12 > *.spsize9 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 9 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 8);
	}
	.contents .column.col12 > *.spsize10 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 10 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 9);
	}
	.contents .column.col12 > *.spsize11 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 11 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 10);
	}
	.contents .column.col12 > *.spsize12 {
		width: calc(((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11 - 4px) / 12) * 12 + clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 11);
	}
}
@media screen and (max-width: 767px) {
	.contents .column.spcol12 > * {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 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-top: 1px solid #939393;
	border-right: 1px solid #939393;
}
.contents .table > table::before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 0px;
	background: #939393;
	z-index: 5;
}
.contents .table > table::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0px;
	background: #939393;
	z-index: 5;
}
.contents .table > table > thead > tr > th {
	min-width: 0;
	padding: clamp(19px, 16.3707865169px + 0.6741573034vw, 25px) clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #fff;
	vertical-align: center;
	text-align: left;
	background: #003265;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.contents .table > table > thead > tr > td {
	background: #E6E6E6;
}
.contents .table > table > tr > th,
.contents .table > table > tbody > tr > th {
	min-width: calc(clamp(16px, 14.2471910112px + 0.4494382022vw, 20px) * 2 + 6em);
	padding: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px) clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
	vertical-align: center;
	text-align: left;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #fff;
	background: #003265;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.contents .table > table > tr > th:not(.image) > a {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .table > table > tr > th:not(.image) > a:hover {
	opacity: 0.7;
}
.contents .table > table > tbody > tr > th:not(.image) > a {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .table > table > tbody > tr > th:not(.image) > a:hover {
	opacity: 0.7;
}
.contents .table > table > tr > td,
.contents .table > table > tbody > tr > td {
	padding: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px) clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
	vertical-align: center;
	text-align: left;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.85;
	font-weight: 400;
	border-left: 1px solid #939393;
	border-bottom: 1px solid #939393;
}
.contents .table > table > tr > td:not(.d):not(.image) > a {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .table > table > tr > td:not(.d):not(.image) > a:hover {
	opacity: 0.7;
}
.contents .table > table > tbody > tr > td:not(.image) > a {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .table > table > tbody > tr > td:not(.image) > a:hover {
	opacity: 0.7;
}
.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 .anchorlink {
	padding: 10px 0;
	background: #fff;
	border: 1px solid #939393;
	border-radius: 10px;
}
.contents .anchorlink ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 0px;
	justify-content: space-evenly;
}
.contents .anchorlink ul li {
	position: relative;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	width: calc((100% - 6px) / 4);
	padding: 0 10px;
	border-left: 2px solid #E6E6E6;
}
.contents .anchorlink ul li:nth-child(4n+1) {
	border-left: 0;
}
.contents .anchorlink a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 3.5294117647em;
	padding: 0px 5px 0.8823529412em;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #000;
	overflow: hidden;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .anchorlink a:hover {
	opacity: 0.7;
}
.contents .anchorlink a > div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.contents .anchorlink a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 9px;
	border: 5px solid transparent;
	border-top: 6px solid #003265;
	border-bottom: 0;
}
.contents .tilebutton ul {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
.contents .tilebutton li {
	flex-grow: 1;
}
.contents .tilebutton a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 5px;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 600;
	color: #000;
	background: #fff;
	border: 1px solid #939393;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .tilebutton a:hover {
	opacity: 0.7;
}
.contents .tilebutton a[target="_blank"]::before {
	background-image: url(../images/blank.svg);
}
.contents .tilebutton a[href$=".pdf"]::before {
	background-image: url(../images/pdf.svg);
}
.contents .tilebutton a[href$=".doc"]::before, .contents .tilebutton a[href$=".docx"]::before {
	background-image: url(../images/doc.svg);
}
.contents .tilebutton a[href$=".ppt"]::before, .contents .tilebutton a[href$=".pptx"]::before {
	background-image: url(../images/ppt.svg);
}
.contents .tilebutton a[href$=".xls"]::before, .contents .tilebutton a[href$=".xlsx"]::before {
	background-image: url(../images/xls.svg);
}
.contents .tilebutton a::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 1.1764705882em;
	background: url(../images/arrow.svg) no-repeat center center;
	transform: translateX(0px);
	transition: transform 300ms;
}
.contents .tilebutton a:hover::before {
	transform: translateX(5px);
}
.contents .tilebutton:not(.slim) ul {
	justify-content: center;
}
.contents .tilebutton:not(.slim) li {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3) / 4);
	max-width: clamp(200px, 112.3595505618px + 22.4719101124vw, 400px);
}
@media screen and (max-width: 767px) {
	.contents .tilebutton:not(.slim) li {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1) / 2);
	}
}
.contents .tilebutton:not(.slim) a {
	justify-content: center;
	min-height: 7.0588235294em;
	padding: 5px 10px;
}
.contents .tilebutton:not(.slim) a::before {
	bottom: 0.5882352941em;
}
.contents .tilebutton.slim ul {
	justify-content: flex-start;
}
.contents .tilebutton.slim li {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2) / 3);
	max-width: min(620px, 48.4375vw);
}
@media screen and (max-width: 767px) {
	.contents .tilebutton.slim li {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1) / 2);
	}
}
.contents .tilebutton.slim a {
	min-height: 3.5294117647em;
	padding: 5px calc(2.3529411765em + 20px) 5px 1.1764705882em;
}
.contents .tilebutton.slim a::before {
	top: calc(50% - 10px);
}
.contents .tilebutton.slim a > div {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.contents .box {
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	padding: clamp(13px, 12.1235955056px + 0.2247191011vw, 15px) clamp(21px, 17.0561797753px + 1.0112359551vw, 30px);
	background: rgba(255, 255, 255, 0.25);
}
.contents .box:not(.image) > a {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 600;
	color: #003265;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .box:not(.image) > a:hover {
	opacity: 0.7;
}
.contents .box::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	background: rgba(0, 50, 101, 0.2);
	z-index: -1;
	mix-blend-mode: multiply;
}
.contents .box::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	right: -5px;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	background: rgba(0, 50, 101, 0.2);
	z-index: -2;
}
.contents .box p, .contents .box ul, .contents .box ol {
	--fontratio: 1.15;
}
.contents .contentsmenu {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
.contents .contentsmenu.col1 > div {
	width: 100%;
}
.contents .contentsmenu.col1 > div .image img {
	aspect-ratio: 1280 / 438;
}
.contents .contentsmenu.col2 > div {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1) / 2);
}
.contents .contentsmenu.col3 > div {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 2) / 3);
}
@media screen and (max-width: 767px) {
	.contents .contentsmenu.col3 > div {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1) / 2);
	}
}
.contents .contentsmenu.col4 > div {
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3) / 4);
}
@media screen and (max-width: 767px) {
	.contents .contentsmenu.col4 > div {
		width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 1) / 2);
	}
}
.contents .contentsmenu a {
	position: relative;
	display: block;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 600;
	color: #fff;
}
.contents .contentsmenu a[target="_blank"]::before {
	background-image: url(../images/blank.svg);
}
.contents .contentsmenu a[href$=".pdf"]::before {
	background-image: url(../images/pdf.svg);
}
.contents .contentsmenu a[href$=".doc"]::before, .contents .contentsmenu a[href$=".docx"]::before {
	background-image: url(../images/doc.svg);
}
.contents .contentsmenu a[href$=".ppt"]::before, .contents .contentsmenu a[href$=".pptx"]::before {
	background-image: url(../images/ppt.svg);
}
.contents .contentsmenu a[href$=".xls"]::before, .contents .contentsmenu a[href$=".xlsx"]::before {
	background-image: url(../images/xls.svg);
}
.contents .contentsmenu a::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 0.5882352941em;
	right: 1.1764705882em;
	background: url(../images/arrow.svg) no-repeat center center;
	transform: translateX(0px);
	transition: transform 300ms;
	filter: brightness(0) invert(1);
	z-index: 1;
}
.contents .contentsmenu a:hover::before {
	transform: translateX(5px);
	transition: transform 300ms 200ms;
}
.contents .contentsmenu a:hover .image img {
	transform: scale(1.15);
}
.contents .contentsmenu .image {
	width: 100%;
	overflow: hidden;
}
.contents .contentsmenu .image img {
	width: 100%;
	max-width: none;
	transition: transform 400ms;
	object-fit: cover;
	aspect-ratio: 400 / 283;
}
.contents .contentsmenu.alt a::before {
	bottom: 0.3529411765em;
	right: 0.5882352941em;
	filter: none;
}
.contents .contentsmenu.alt .date {
	margin-top: 10px;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #003265;
}
.contents .contentsmenu.alt .date + .title {
	margin-top: 5px;
}
.contents .contentsmenu.alt .title {
	position: relative;
	margin-top: 15px;
	padding-left: 0;
	padding-right: calc(1.1764705882em + 20px);
	min-height: 0;
	color: #000;
	background: transparent;
}
.contents .contentsmenu .title {
	position: absolute;
	display: flex;
	align-items: center;
	min-height: 4.7058823529em;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px calc(1.7647058824em + 20px) 5px clamp(10px, 5.6179775281px + 1.1235955056vw, 20px);
	background: rgba(0, 50, 101, 0.6);
}
@media screen and (max-width: 767px) {
	.contents .contentsmenu .title {
		min-height: 3.5294117647em;
		position: static;
	}
}
.contents div.gallery ul {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(10px, 5.6179775281px + 1.1235955056vw, 20px);
}
.contents div.gallery.center ul {
	justify-content: center;
}
.contents div.gallery.col1 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 0) / 1);
}
@media screen and (max-width: 767px) {
	.contents div.gallery.spcol1 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 0) / 1) !important;
	}
}
.contents div.gallery.col2 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 1) / 2);
}
@media screen and (max-width: 767px) {
	.contents div.gallery.spcol2 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 1) / 2) !important;
	}
}
.contents div.gallery.col3 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 2) / 3);
}
@media screen and (max-width: 767px) {
	.contents div.gallery.spcol3 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 2) / 3) !important;
	}
}
.contents div.gallery.col4 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 3) / 4);
}
@media screen and (max-width: 767px) {
	.contents div.gallery.spcol4 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 3) / 4) !important;
	}
}
.contents div.gallery.col5 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 4) / 5);
}
@media screen and (max-width: 767px) {
	.contents div.gallery.spcol5 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 4) / 5) !important;
	}
}
.contents div.gallery.col6 ul li {
	width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 5) / 6);
}
@media screen and (max-width: 767px) {
	.contents div.gallery.spcol6 ul li {
		width: calc((100% - clamp(10px, 5.6179775281px + 1.1235955056vw, 20px) * 5) / 6) !important;
	}
}
.contents div.gallery li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.contents div.gallery img {
	margin: auto;
	transition: transform 400ms;
}
.contents div.gallery a {
	overflow: hidden;
}
.contents div.gallery a:hover img {
	transform: scale(1.15);
}
.contents div.gallery p {
	margin-top: 8px;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1.3;
}
.contents .categorytab ul {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: clamp(2px, -1.5056179775px + 0.8988764045vw, 10px);
	width: 100%;
	height: 3.5294117647em;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.contents .categorytab ul {
		flex-wrap: wrap;
		height: auto;
		padding-bottom: 2px;
	}
}
.contents .categorytab ul li {
	flex: 1;
	height: 2.9411764706em;
	transition: height 250ms;
	border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 959px) {
	.contents .categorytab ul li {
		flex: auto;
	}
}
@media screen and (max-width: 767px) {
	.contents .categorytab ul li {
		flex-grow: 0;
		border-radius: 5px;
	}
}
.contents .categorytab ul li::after {
	content: "";
	display: block;
	position: absolute;
	width: 0%;
	height: 2px;
	bottom: -2px;
	left: 0;
	background: inherit;
	opacity: 0;
	transition: opacity 0ms 250ms, width 0ms 250ms;
}
.contents .categorytab ul a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(255, 255, 255, 0.5);
	transition: background 250ms;
	border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 767px) {
	.contents .categorytab ul a {
		padding: 0 10px;
		background: rgba(255, 255, 255, 0.6);
	}
}
.contents .categorytab ul .current {
	height: 3.5294117647em;
}
@media screen and (max-width: 767px) {
	.contents .categorytab ul .current {
		height: 2.9411764706em;
	}
}
.contents .categorytab ul .current a {
	background: rgba(255, 255, 255, 0) !important;
}
.contents .categorytab ul .current::after {
	width: 100%;
	opacity: 1;
	transition: opacity 250ms, width 250ms;
	z-index: 1;
}
.contents .fytab ul {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 1px;
	width: 100%;
	height: 2.0833333333em;
	font-size: clamp(18px  * var(--fontratio, 1), (15.3707865169px + 0.6741573034vw) * var(--fontratio, 1), 24px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.contents .fytab ul {
		flex-wrap: wrap;
	}
}
.contents .fytab ul li {
	flex: 1;
	height: 2.0833333333em;
}
@media screen and (max-width: 959px) {
	.contents .fytab ul li {
		flex: auto;
	}
}
.contents .fytab ul li:gt(5) {
	display: none;
}
.contents .fytab ul a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	background: #939393;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .fytab ul a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	.contents .fytab ul a {
		padding: 0 10px;
	}
}
.contents .fytab ul .current a {
	background: #003265;
}
.contents .select.right select {
	margin-left: auto;
}
.contents .select select {
	display: block;
	height: clamp(40px, 35.6179775281px + 1.1235955056vw, 50px);
	padding: 0px 52px 0px 20px;
	font-size: 16px;
	line-height: clamp(40px, 35.6179775281px + 1.1235955056vw, 50px);
	font-weight: 500;
	background: url(../images/select.svg) no-repeat center right 20px #fff;
	border: 1px solid #939393;
	border-radius: 1.5625em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: top;
	outline: 0;
	cursor: pointer;
}
.contents .select select::-ms-expand {
	display: none;
}
.contents .datelist a {
	min-height: 6.7647058824em;
}
@media screen and (max-width: 959px) {
	.contents .datelist a {
		min-height: 0px;
	}
}
.contents .datelist a .category {
	width: 8.4em;
	height: 8em;
	font-size: clamp(10px  * var(--fontratio, 1), (10px + 0vw) * var(--fontratio, 1), 10px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #fff;
	background: #E6E6E6;
	border-radius: 5px;
}
@media screen and (max-width: 767px) {
	.contents .datelist a .category {
		height: 20px;
	}
}
.contents .pagenation {
	text-align: center;
}
.contents .pagenation.first .prev {
	display: none;
}
.contents .pagenation.first li:nth-child(n+7) {
	display: none;
}
.contents .pagenation.first li.next {
	display: block;
}
.contents .pagenation ul {
	position: relative;
	display: inline-flex;
	gap: 5px;
	flex-wrap: wrap;
	padding: 0px 75px;
}
.contents .pagenation li {
	font-size: clamp(14px  * var(--fontratio, 1), (13.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 500;
}
.contents .pagenation .current {
	color: #003265;
}
.contents .pagenation .current a {
	color: #003265 !important;
}
.contents .pagenation li:not(.next):not(.prev) a {
	display: block;
	width: 1.5em;
	color: #939393;
	text-align: center;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.contents .pagenation li:not(.next):not(.prev) a:hover {
	opacity: 0.7;
}
.contents .pagenation .next {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.contents .pagenation .next a {
	position: relative;
	display: block;
	width: 3.125em;
	text-indent: -10000px;
	background: #fff;
	border: 2px solid #003265;
	border-radius: 10px;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	aspect-ratio: 1 / 1;
}
.contents .pagenation .next a:hover {
	opacity: 0.7;
}
.contents .pagenation .next a:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/arrow.svg) no-repeat center center;
	background-size: 16px auto;
}
.contents .pagenation .prev {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.contents .pagenation .prev a {
	position: relative;
	display: block;
	width: 3.125em;
	text-indent: -10000px;
	background: #fff;
	border: 2px solid #003265;
	transform: rotate(180deg);
	border-radius: 10px;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	aspect-ratio: 1 / 1;
}
.contents .pagenation .prev a:hover {
	opacity: 0.7;
}
.contents .pagenation .prev a:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/arrow.svg) no-repeat center center;
	background-size: 16px auto;
}
.contents .bloglist ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 clamp(10px, -3.1460674157px + 3.3707865169vw, 40px);
}
.contents .bloglist li:nth-child(-n+2) {
	width: calc((100% - clamp(10px, -3.1460674157px + 3.3707865169vw, 40px)) / 2);
	padding-bottom: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
@media screen and (max-width: 767px) {
	.contents .bloglist li:nth-child(-n+2) {
		width: 100%;
		padding-bottom: 0;
	}
}
.contents .bloglist li:nth-child(-n+2) a {
	flex-direction: column;
	padding: clamp(10px, 6.0561797753px + 1.0112359551vw, 19px);
	background: #fff;
	border: 1px solid #939393;
}
@media screen and (max-width: 767px) {
	.contents .bloglist li:nth-child(-n+2) a {
		flex-direction: row;
		padding-left: 0;
		padding-right: 0;
		background: transparent;
		border-width: 1px 0 0;
	}
}
.contents .bloglist li:nth-child(-n+2) a .image {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.contents .bloglist li:nth-child(-n+2) a .image {
		width: clamp(100px, -50px + 19.53125vw, 200px);
	}
}
.contents .bloglist li:nth-child(-n+2) a .image img {
	aspect-ratio: 580 / 329;
}
@media screen and (max-width: 767px) {
	.contents .bloglist li:nth-child(-n+2) a .image img {
		aspect-ratio: 194 / 154;
	}
}
.contents .bloglist li:nth-child(-n+2) a .title {
	font-size: clamp(16px  * var(--fontratio, 1), (14.2471910112px + 0.4494382022vw) * var(--fontratio, 1), 20px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #000;
}
@media screen and (max-width: 767px) {
	.contents .bloglist li:nth-child(-n+2) a .title {
		font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	}
}
@media screen and (max-width: 767px) {
	.contents .bloglist li:nth-child(-n+2) a .summary {
		display: none;
	}
}
.contents .bloglist li:nth-child(n+3) {
	width: 100%;
}
.contents .bloglist li:nth-child(n+3) a {
	padding: clamp(10px, 6.0561797753px + 1.0112359551vw, 19px) 0;
	border-bottom: 1px solid #939393;
}
.contents .bloglist li:nth-child(n+3) a .image {
	width: clamp(100px, -50px + 19.53125vw, 200px);
}
.contents .bloglist li:nth-child(n+3) a .image img {
	aspect-ratio: 194 / 154;
}
.contents .bloglist li:nth-child(n+3) a .title {
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #000;
}
.contents .bloglist li:nth-child(n+3) a .summary {
	display: none;
}
.contents .bloglist li:nth-child(3) {
	border-top: 1px solid #939393;
}
.contents .bloglist a {
	display: flex;
	gap: clamp(10px, 5.6179775281px + 1.1235955056vw, 20px);
	height: 100%;
}
.contents .bloglist a .image {
	flex-shrink: 0;
	overflow: hidden;
}
.contents .bloglist a .image img {
	width: 100%;
	object-fit: cover;
	transition: transform 600ms;
}
.contents .bloglist a .head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px clamp(10px, -5px + 1.5625vw, 15px);
	margin-bottom: 10px;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #000;
}
.contents .bloglist a .head .category {
	display: flex;
	align-items: center;
	gap: 5px;
}
.contents .bloglist a .head .category div {
	display: flex;
	align-items: center;
	padding: 5px clamp(10px, -5px + 1.5625vw, 15px);
	height: 30px;
	background: #fff;
	border: 1px solid #E2E7EA;
}
@media screen and (max-width: 767px) {
	.contents .bloglist a .head .category div {
		height: 25px;
	}
}
.contents .bloglist a .body {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.contents .bloglist a .title {
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.contents .bloglist a .title {
		margin-bottom: 0px;
	}
}
.contents .bloglist a .summary {
	margin-bottom: 20px;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 400;
	color: #000;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.contents .bloglist a[target="_blank"] .more span::before {
	background-image: url(../images/blank.svg);
}
.contents .bloglist a[href$=".pdf"] .more span::before {
	background-image: url(../images/pdf.svg);
}
.contents .bloglist a[href$=".doc"] .more span::before, .contents .bloglist a[href$=".docx"] .more span::before {
	background-image: url(../images/doc.svg);
}
.contents .bloglist a[href$=".ppt"] .more span::before, .contents .bloglist a[href$=".pptx"] .more span::before {
	background-image: url(../images/ppt.svg);
}
.contents .bloglist a[href$=".xls"] .more span::before, .contents .bloglist a[href$=".xlsx"] .more span::before {
	background-image: url(../images/xls.svg);
}
.contents .bloglist a .more {
	margin-top: auto;
	margin-bottom: 0;
	display: block;
	width: fit-content;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	background: #fff;
	border-radius: 1.5em/50%;
}
.contents .bloglist a .more span {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 5px calc(2.8571428571em + 20px) 5px 1.4285714286em;
	min-width: 12.8571428571em;
	min-height: 3em;
	color: #000;
	background: #fff;
	border-radius: 1.5em/50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	z-index: 0;
	transition: box-shadow 300ms, background 300ms;
}
.contents .bloglist a .more span::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	left: auto;
	right: 1.4285714286em;
	top: 0px;
	background: url(../images/arrow.svg) no-repeat center center;
	transform: translateX(0px);
	transition: transform 300ms;
}
.contents .bloglist a .more span:hover {
	background-color: rgba(0, 50, 101, 0.1);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	transition: box-shadow 400ms, background 350ms 50ms;
}
.contents .bloglist a .more span:hover::before {
	transform: translateX(5px);
	transition: transform 300ms 200ms;
}
@media screen and (max-width: 1279px) {
	.contents .bloglist a .more {
		min-width: 0 !important;
	}
}
@media screen and (max-width: 767px) {
	.contents .bloglist a .more {
		display: none !important;
	}
}
.contents .bloglist a:hover .image img {
	transform: scale(1.15);
}
.contents .pagedate {
	font-size: clamp(14px  * var(--fontratio, 1), (13.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 16px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 700;
	color: #003265;
	text-align: center;
}
.contents h1:has(+ .pagedate) {
	margin-bottom: clamp(21px, 17.0561797753px + 1.0112359551vw, 30px);
}

.datelist {
	width: 100%;
}
.datelist ul {
	border-top: 1px solid #939393;
}
.datelist li {
	border-bottom: 1px solid #939393;
}
.datelist a {
	position: relative;
	display: flex;
	align-items: center;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
	padding: 10px 60px 10px 20px;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.5;
	color: #000;
	transition: background 300ms;
}
@media screen and (max-width: 959px) {
	.datelist a {
		gap: 10px 20px;
		padding: 10px;
	}
}
@media screen and (max-width: 767px) {
	.datelist a {
		flex-wrap: wrap;
	}
}
.datelist a:before {
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 100%;
	right: 10px;
	top: 0;
	background: url(../images/arrow.svg) no-repeat center center;
	opacity: 0;
	transition: right 0ms 400ms, opacity 400ms;
}
@media screen and (max-width: 959px) {
	.datelist a:before {
		display: none;
	}
}
.datelist a .date {
	flex-shrink: 0;
	width: 5.1em;
	line-height: 1;
}
.datelist a .category {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
@media screen and (max-width: 767px) {
	.datelist a .category {
		margin: 0;
	}
}
.datelist a .title {
	width: 100%;
}
.datelist a:hover {
	background: rgba(0, 50, 101, 0.1);
	transition: background 400ms;
}
.datelist a:hover:before {
	right: 0px;
	opacity: 1;
	transition: right 400ms, opacity 400ms;
}

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

/**
 * Swiper 11.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 28, 2024
 */
/* FONT_START */
@font-face {
	font-family: 'swiper-icons';
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal;
}
/* FONT_END */
: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);
	-webkit-backface-visibility: hidden;
	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-vertical > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}

.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 */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox {
	overflow: visible !important;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	-webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
	max-width: none;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background: #333;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#colorbox {
	outline: 0;
}

#cboxContent {
	background: #fff;
}

.cboxIframe {
	background: #000000;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	border: 0px solid #000;
	background: #fff;
}

#cboxTitle {
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}

#cboxLoadingGraphic {
	background: url(../images/loading.png) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline: 0;
}

#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}

#cboxClose {
	position: absolute;
	display: block;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: #003265;
	border-radius: 50%;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	-webkit-transition: 400ms;
	transition: 400ms;
	opacity: 0;
	z-index: 10;
}
#cboxClose:hover {
	opacity: 0.7;
}
#cboxClose.view {
	opacity: 1;
}
#cboxClose:before {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 2px;
	top: 19px;
	left: 10px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cboxClose:after {
	content: "";
	position: absolute;
	display: block;
	width: 2px;
	height: 20px;
	top: 10px;
	left: 19px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#colorbox #waiting {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(255, 255, 255, 0.7);
	z-index: 5;
}
#colorbox #waiting > div {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0px;
	padding: 20px;
	font-size: clamp(17px  * var(--fontratio, 1), (14.808988764px + 0.5617977528vw) * var(--fontratio, 1), 22px * var(--fontratio, 1));
	line-height: 1.7;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#colorbox #waiting > div span {
	display: block;
	margin: auto;
	width: 16px;
	height: 16px;
	background: url(../images/loading.png) no-repeat center center;
}

#cboxLoadedContent .contents > div {
	padding: 20px;
}
@media screen and (max-width: 767px) {
	#cboxLoadedContent .contents > div {
		padding: 10px;
	}
}
#cboxLoadedContent .youtube > div {
	position: relative;
	padding-top: 56.25%;
}
#cboxLoadedContent .youtube > div > iframe,
#cboxLoadedContent .youtube > div > video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	border: 0px;
}

#topvisual {
	position: relative;
	margin-top: 110px;
	background: #fff;
	z-index: 50;
}
@media screen and (max-width: 959px) {
	#topvisual {
		margin-top: 50px;
	}
}
#topvisual > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(0px, 0px + 0vw, 0px) clamp(15px, -22.5px + 4.8828125vw, 40px);
	direction: rtl;
}
@media screen and (max-width: 1919px), print {
	#topvisual > div {
		display: flex;
		max-width: 1920px;
		padding: 0;
	}
}
#topvisual > div::after {
	content: "scroll to explore →";
	display: block;
	position: sticky;
	bottom: 0;
	right: 0;
	direction: ltr;
	font-size: clamp(11px  * var(--fontratio, 1), (10.5617977528px + 0.1123595506vw) * var(--fontratio, 1), 12px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	width: fit-content;
	transform: translate(calc(30px - 1em), calc(-100% + -0.5em)) rotate(90deg);
	transform-origin: right bottom;
	text-shadow: 1px -1px 0px #fff, 1px 1px 0px #fff, -1px 1px 0px #fff, -1px -1px 0px #fff;
}
@media screen and (max-width: 1919px), print {
	#topvisual > div::after {
		position: absolute;
		right: calc(clamp(20px, 7.2549019608px + 3.2679738562vw, 70px) * 2 + clamp(14px  * var(--fontratio, 1), (3.6859504132px + 2.6446280992vw) * var(--fontratio, 1), 46px * var(--fontratio, 1)) * 4.5);
		transform: translate(calc(30px - 1em), -0.5em) rotate(90deg);
	}
}
@media screen and (max-width: 1279px) {
	#topvisual > div::after {
		display: none;
	}
}
#topvisual .catch {
	position: absolute;
	top: clamp(20px, 2.1568627451px + 4.5751633987vw, 90px);
	left: calc(100% + 30px);
	writing-mode: vertical-rl;
	font-size: clamp(26px  * var(--fontratio, 1), (17.2359550562px + 2.2471910112vw) * var(--fontratio, 1), 46px * var(--fontratio, 1));
	line-height: 1.5;
	font-weight: 400;
	direction: ltr;
}
@media screen and (max-width: 1919px), print {
	#topvisual .catch {
		position: relative;
		left: 0;
		padding: 0 clamp(20px, 7.2549019608px + 3.2679738562vw, 70px) 0;
		font-size: clamp(14px  * var(--fontratio, 1), (3.6859504132px + 2.6446280992vw) * var(--fontratio, 1), 46px * var(--fontratio, 1));
	}
}
#topvisual .movie {
	position: relative;
	width: calc(100% + (var(--cw, 100vw) - 100%) / 2);
	overflow: hidden;
}
#topvisual .movie::before {
	content: "";
	display: block;
}
#topvisual .movie img {
	display: block;
	width: 100%;
	max-height: 970px;
	aspect-ratio: 1600 / 970;
	object-fit: cover;
	pointer-events: none;
}

.block1 h2, .block2 h2, .block3 h2 {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: clamp(25px  * var(--fontratio, 1), (17.5505617978px + 1.9101123596vw) * var(--fontratio, 1), 42px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0.2em;
}
.block1 h2[data-en]:before, .block2 h2[data-en]:before, .block3 h2[data-en]:before {
	content: attr(data-en);
	display: block;
	padding-bottom: 5px;
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #003265;
	letter-spacing: 0;
	text-transform: uppercase;
}

.block1 .more a, .block2 .more a, .block3 .more a, .block4 a .cover .more {
	display: block;
	width: fit-content;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	background: #fff;
	border-radius: 5px;
}
.block1 .more a span, .block2 .more a span, .block3 .more a span, .block4 a .cover .more span {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 5px calc(2.8571428571em + 20px) 5px 1.4285714286em;
	min-width: 12.8571428571em;
	min-height: 3em;
	color: #000;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	z-index: 0;
	transition: box-shadow 300ms, background 300ms;
}
.block1 .more a span[target="_blank"]::before, .block2 .more a span[target="_blank"]::before, .block3 .more a span[target="_blank"]::before, .block4 a .cover .more span[target="_blank"]::before {
	background-image: url(../images/blank.svg);
}
.block1 .more a span[href$=".pdf"]::before, .block2 .more a span[href$=".pdf"]::before, .block3 .more a span[href$=".pdf"]::before, .block4 a .cover .more span[href$=".pdf"]::before {
	background-image: url(../images/pdf.svg);
}
.block1 .more a span[href$=".doc"]::before, .block2 .more a span[href$=".doc"]::before, .block3 .more a span[href$=".doc"]::before, .block4 a .cover .more span[href$=".doc"]::before, .block1 .more a span[href$=".docx"]::before, .block2 .more a span[href$=".docx"]::before, .block3 .more a span[href$=".docx"]::before, .block4 a .cover .more span[href$=".docx"]::before {
	background-image: url(../images/doc.svg);
}
.block1 .more a span[href$=".ppt"]::before, .block2 .more a span[href$=".ppt"]::before, .block3 .more a span[href$=".ppt"]::before, .block4 a .cover .more span[href$=".ppt"]::before, .block1 .more a span[href$=".pptx"]::before, .block2 .more a span[href$=".pptx"]::before, .block3 .more a span[href$=".pptx"]::before, .block4 a .cover .more span[href$=".pptx"]::before {
	background-image: url(../images/ppt.svg);
}
.block1 .more a span[href$=".xls"]::before, .block2 .more a span[href$=".xls"]::before, .block3 .more a span[href$=".xls"]::before, .block4 a .cover .more span[href$=".xls"]::before, .block1 .more a span[href$=".xlsx"]::before, .block2 .more a span[href$=".xlsx"]::before, .block3 .more a span[href$=".xlsx"]::before, .block4 a .cover .more span[href$=".xlsx"]::before {
	background-image: url(../images/xls.svg);
}
.block1 .more a span::before, .block2 .more a span::before, .block3 .more a span::before, .block4 a .cover .more span::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	left: auto;
	right: 1.4285714286em;
	top: 0px;
	background: url(../images/arrow.svg) no-repeat center center;
	transform: translateX(0px);
	transition: transform 300ms;
}
.block1 .more a span:hover, .block2 .more a span:hover, .block3 .more a span:hover, .block4 a .cover .more span:hover {
	background-color: rgba(0, 50, 101, 0.1);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	transition: box-shadow 400ms, background 350ms 50ms;
}
.block1 .more a span:hover::before, .block2 .more a span:hover::before, .block3 .more a span:hover::before, .block4 a .cover .more span:hover::before {
	transform: translateX(5px);
	transition: transform 300ms 200ms;
}

.block1 {
	position: relative;
	background: #fff;
}
.block1 > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(60px, 33.7078651685px + 6.7415730337vw, 120px) clamp(15px, -22.5px + 4.8828125vw, 40px);
}
.block1 h2 {
	margin-bottom: clamp(19px, 16.3707865169px + 0.6741573034vw, 25px);
}
@media screen and (max-width: 767px) {
	.block1 .more {
		order: 99;
	}
}
.block1 .column {
	display: flex;
	gap: 20px clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
@media screen and (max-width: 767px) {
	.block1 .column {
		flex-wrap: wrap;
	}
}
.block1 .column .menu {
	flex-shrink: 0;
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) * 3) / 4);
}
@media screen and (max-width: 767px) {
	.block1 .column .menu {
		display: contents;
	}
}
.block1 .column .menu ul {
	margin-top: clamp(21px, 17.0561797753px + 1.0112359551vw, 30px);
	border-top: 1px solid #939393;
}
@media screen and (max-width: 767px) {
	.block1 .column .menu ul {
		display: none;
	}
}
.block1 .column .menu li {
	border-bottom: 1px solid #939393;
}
.block1 .column .menu li.current a:before {
	background: #003265;
}
.block1 .column .menu li a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	height: 2.1428571429em;
	font-size: clamp(12px  * var(--fontratio, 1), (11.1235955056px + 0.2247191011vw) * var(--fontratio, 1), 14px * var(--fontratio, 1));
	line-height: 1;
	font-weight: 400;
	color: #000;
	letter-spacing: 0.1em;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
.block1 .column .menu li a:hover {
	opacity: 0.7;
}
.block1 .column .menu li a:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #939393;
}
.block1 .column .menu select {
	display: none;
	width: 100%;
	max-width: 300px;
	height: 34px;
	margin: auto;
	padding: 0px 52px 0px 20px;
	font-size: 16px;
	line-height: 34px;
	border: 1px solid #939393;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/select.svg) no-repeat right 20px center #fff;
	border-radius: 18px;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	.block1 .column .menu select {
		display: block;
	}
}
.block1 .column .menu select::-ms-expand {
	display: none;
}
.block1 .column .datelist {
	transition: opacity 500ms;
}
.block1 .column .datelist.change {
	opacity: 0;
}
.block1 .column .datelist a {
	min-height: 4.1176470588em;
}
@media screen and (max-width: 959px) {
	.block1 .column .datelist a {
		min-height: 0px;
	}
}
.block1 .column .datelist a .category {
	width: 9.1666666667em;
	height: 2em;
	font-size: clamp(11px  * var(--fontratio, 1), (10.5617977528px + 0.1123595506vw) * var(--fontratio, 1), 12px * var(--fontratio, 1));
	line-height: 1;
	background: #fff;
	border: 1px solid #E2E7EA;
}

.block2 {
	position: relative;
	background: #fff;
}
.block2 > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(0px, 0px + 0vw, 0px) clamp(15px, -22.5px + 4.8828125vw, 40px) clamp(60px, 33.7078651685px + 6.7415730337vw, 120px);
}
.block2 h2 {
	margin-bottom: clamp(19px, 16.3707865169px + 0.6741573034vw, 25px);
}
.block2 h3 {
	margin-bottom: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
	font-size: clamp(23px  * var(--fontratio, 1), (17.7415730337px + 1.3483146067vw) * var(--fontratio, 1), 35px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
}
.block2 p {
	margin-bottom: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
	font-size: clamp(14px  * var(--fontratio, 1), (12.6853932584px + 0.3370786517vw) * var(--fontratio, 1), 17px * var(--fontratio, 1));
	line-height: 1.85;
	font-weight: 400;
}
.block2 .block {
	display: flex;
	gap: 20px clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
	margin-top: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
@media screen and (max-width: 767px) {
	.block2 .block {
		flex-wrap: wrap;
	}
}
.block2 .block .image {
	position: relative;
	flex-shrink: 0;
	width: calc((100% - clamp(24px, 16.9887640449px + 1.797752809vw, 40px)) / 2);
	direction: rtl;
	aspect-ratio: 620 / 731;
	max-height: 731px;
	overflow-y: clip;
}
@media screen and (max-width: 767px) {
	.block2 .block .image {
		width: var(--cw, 100vw);
		margin-left: -15px;
		aspect-ratio: 390 / 179;
		max-height: 179px;
	}
}
.block2 .block .image img {
	position: absolute;
	width: calc(50vw - clamp(24px, 16.9887640449px + 1.797752809vw, 40px) / 2);
	max-width: inherit;
	height: 125%;
	top: calc(var(--r, 0) * -25%);
	object-fit: cover;
	object-position: right center;
}
@media screen and (max-width: 767px) {
	.block2 .block .image img {
		width: 100%;
	}
}

.block3 {
	position: relative;
}
.block3 > div:not(.bg) {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(40px, 22.4719101124px + 4.4943820225vw, 80px) clamp(15px, -22.5px + 4.8828125vw, 40px);
}
.block3 .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.block3 .bg::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 50, 101, 0.4);
	mix-blend-mode: multiply;
	z-index: 1;
}
.block3 .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.block3 h2 {
	margin-bottom: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
	color: #fff;
}
.block3 h2[data-en]::before {
	color: #fff;
}
.block3 h3 {
	margin-bottom: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
	font-size: clamp(23px  * var(--fontratio, 1), (17.7415730337px + 1.3483146067vw) * var(--fontratio, 1), 35px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #fff;
}
.block3 .column {
	display: flex;
	gap: clamp(24px, 16.9887640449px + 1.797752809vw, 40px);
}
.block3 .column > div {
	flex: 1;
	padding-top: clamp(16px, 14.2471910112px + 0.4494382022vw, 20px);
	border-top: 1px solid #fff;
}

.block4 {
	position: relative;
	background: #fff;
}
.block4 > div {
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding: clamp(60px, 33.7078651685px + 6.7415730337vw, 120px) clamp(15px, -22.5px + 4.8828125vw, 40px);
}
.block4 a {
	position: relative;
	display: flex;
}
.block4 a .image {
	width: 100%;
}
.block4 a .image img {
	width: 100%;
	height: 270px;
	object-fit: cover;
}
@media screen and (max-width: 1919px) {
	.block4 a .image img {
		height: auto;
		aspect-ratio: 1280 / 270;
	}
}
.block4 a .cover {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(100% - 44px);
	height: calc(100% - 44px);
	padding: 20px;
	top: 20px;
	left: 20px;
	background: rgba(0, 0, 0, 0.3);
	border: 2px solid #fff;
	transition: background 600ms, backdrop-filter 600ms;
	z-index: 0;
}
@media screen and (max-width: 767px) {
	.block4 a .cover {
		width: calc(100% - 12px);
		height: calc(100% - 12px);
		padding: 10px;
		top: 6px;
		left: 6px;
		border-width: 1px;
	}
}
.block4 a .cover .title {
	position: relative;
	top: 34px;
	font-size: clamp(23px  * var(--fontratio, 1), (17.7415730337px + 1.3483146067vw) * var(--fontratio, 1), 35px * var(--fontratio, 1));
	line-height: 1.3;
	font-weight: 400;
	color: #fff;
	text-align: center;
	transition: top 600ms;
}
.block4 a .cover .title span {
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.block4 a .cover .title {
		top: 0;
	}
}
.block4 a .cover .more {
	margin-top: clamp(10px, 1.1926605505px + 1.1467889908vw, 20px);
	opacity: 0;
	transition: opacity 200ms;
}
@media screen and (max-width: 767px) {
	.block4 a .cover .more {
		display: none;
	}
}
.block4 a:hover .cover {
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(6px);
}
.block4 a:hover .cover .title {
	top: 0px;
	transition: top 400ms;
}
.block4 a:hover .cover .more {
	transition: opacity 600ms 300ms;
	opacity: 1;
}