@charset 'UTF-8';
/* CSS Document */
/* z-index

9999	nav ul li ul.sub

*/
/* -------------------------------------------------------- html & body */
html {
	height: 100%;
	background-position: center;
	position: relative;
}
body:after {
	width: calc(100%);
	height: calc(100%);
	border: 0.5rem solid #39454f;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	content: "";
	box-sizing: border-box;
	z-index: 100000;
}
body {
	/* min-width: 1200px; */
		/* background: #f0f0f0; */
	height: 100%;
	width: 100%;
	/* overflow-x: hidden; */
	box-sizing: border-box;
	position: relative;
}
body:before {
/* position: fixed;
		content: "";
		top: 0;
		left: 0;
		height: 100%;
		width: 4rem;
		background: #ffec00;
		z-index: -1; */
}
body:after {
/* position: fixed;
		content: "";
		top: 0;
		right: 0;
		height: 100%;
		width: 4rem;
		background: #ffec00;
		z-index: -1; */
}
div.wrapper {
	padding-top: 9rem;
}
body.top div.contents-wrapper {
	box-sizing: border-box;
	overflow: hidden;/* background: #fff; */
}
div.contents-wrapper {
	box-sizing: border-box;
	overflow: hidden;/* background: #f8f8f8; *//* padding-top: 1rem; *//* padding-bottom: 1rem; */
}
body.top div.inner {
	max-width: 150rem;
}
div.inner {
	/* width: 1000px; */
	width: 100%;
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
	padding: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- loading */

/* loading */
.loader-bg {
	background: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
}
/* .loader-bg.is-inview {
	opacity: 1 !important;
} */
.loader-bg .loading-logo div.loading-logo-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 10000;
	display: block;
	width: 75%;
	max-width: 72rem;
	height: auto;/* background: url(../img/loading-logo-pre.png) no-repeat;
	background-size: 22.5rem 8rem; */
}
/* .loader-bg .loading-logo div.loading-logo-wrap > div {
width: 22.5rem;
	max-height: 0;
	transition: 1s all;
	overflow: hidden;
} */
/* .loader-bg.animate__animated .loading-logo div.loading-logo-wrap > div {
	width: 100%;
	height: auto;
} */
.loader-bg .loading-logo div.loading-logo-wrap > div img {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	display: block;
}
/* .loader-bg-figure {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.loader-bg-figure img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);transition: 10s all;
}
 */
/* .loader-bg.is-inview.animate__animated .loader-bg-figure img {
-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
	transform: translateX(-50%) translateY(-50%) scale(1.1);
	opacity: 0;

} */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- header */
header {
	width: 100%;
	z-index: 9999;
	background: #39454f;
	position: fixed;
	top: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);/* box-shadow: 0 0 0 2px #fff inset, 5px 5px 25px #e7ecf1; *//* box-shadow: 5px 5px 25px #e7ecf1; */
	height: 9.5rem;
	/* border-top: 0.1rem solid #303030; */

	padding-top: 0.25rem;
	/* padding-top: 1rem; */
	padding-bottom: 1rem;
	box-sizing: border-box;/* background: #fff; *//* background: #f4f5f6; */
}
body.top header {
/* width: 100%;
	position: fixed;
	z-index: 9999;
	background: #39454f;
	background:;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);box-shadow: 0 0 0 2px #fff inset, 5px 5px 25px #e7ecf1;box-shadow: 5px 5px 25px #e7ecf1;
	height: 6rem;
	border-top: 0.1rem solid #303030;

	padding-top: 1rem;
	padding-bottom: 1rem;
	box-sizing: border-box; *//* background: #fff; *//* background: #f4f5f6; */
}
header > div.inner {
	/* overflow: hidden; */
	/* max-height: 100px; */
	width: 120rem;
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
}
/* header ul.utility {
	text-align: right;
}
header ul.utility li {
	display: inline;
}
header ul.utility li a {
	font-size: 1.3rem;
	position: relative;
	padding: 0 1em 0 .8em;
	color: #003e6c;
}
header ul.utility li a:hover {
text-decoration: underline;
}
header ul.utility li a:hover {
	color: #003e6c;
}
header ul.utility li a::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	margin: auto;
	content: '';
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(-0, -50%) rotate(45deg);
	border-top: 1px solid #003e6c;
	border-right: 1px solid #003e6c;
} */
header div.logo {
	/* margin-bottom: 1.5rem; */
	position: relative;
	float: left;
	width: 34rem;
	margin-left: 2%;
	position: relative;/* top: -0.5rem; */
	top: 0.5rem;
margin-right: 2%;
}
header div.logo h1 {
/* display: none; */
}
header div.logo a {
	display: block;
	padding: 0;
	color: #000;
	text-decoration: none;
	float: left;
	font-size: 3rem;
	white-space: nowrap;
	position: relative;
}
header div.logo a img {
	display: block;
	width: 100%; /* */
	/* min-width: 72rem; */
	height: auto;
	margin-left: auto;
	margin-right: auto;
	transition: all 0.4s ease 0s;
	/* position: absolute; */
	position: relative;
	top: -0.25rem;
	left: 0.5rem;
}
header div.logo div.film-commission {
	float: right;
	font-size: 1.6rem;
	text-align: right;
}
header div.logo div.film-commission span.en {
	font-size: 1.0rem;
	display: block;
	letter-spacing: 0.1rem;
	color: #666;
	font-weight: normal;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- nav */
header div.menu-button {
	display: none;
}
nav {

	position: relative;
	height: 100%;/* background: #f1deb4; */
	/* border-top: 0.1rem solid #e9ebec; */
	/* border-bottom: 0.2rem solid #f3f3f3; */
	width: calc(96% - 34rem);
	float: left;
	margin-top: 2rem;
}
nav ul {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	font-size: 0;
	height: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: right;
}
nav ul li {
	position: relative;
	display: inline-block;
	/* height: 80px; */
	vertical-align: middle;/* width: 25%; *//* padding-top: 2rem;
	padding-bottom: 2rem; */
}
nav ul li:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	/* transform: translateY(-50%) rotate(30deg);
	-webkit-transform: translateY(-50%) rotate(30deg); */
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 0.1rem;
	height: 1.5rem;
	background: #b09c7a;
}
nav ul li:first-child:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 0.1rem;
	height: 1.5rem;
	background: #b09c7a;
}
/* nav > div.inner > ul > li > a::after {
		position: absolute;
		z-index: 9999;
		bottom: 0;
		left: 0;
		width: 0;
		height: 3px;
		content: '';
		transition: all .1s ease-in-out;
		background: #003e6c;
} */
nav > div.inner > ul > li > a:hover::after {
/* left: 0;
		width: 100%; */
}
nav ul li a {
	font-size: 1.4rem;
	/* font-weight: bold; */
	line-height: 1.2;
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	/* padding: 0.125rem 1.5rem; */
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	/* color: #39454f; */
	color: #f0f0f0;
	letter-spacing: 0;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	font-weight: bold;
}
nav ul li a span.material-icons {
	font-size: 3.6rem;
	color: #39454f;
}
/* nav ul li.current a {
}
nav ul li.current:after {
		position: absolute;
		content: "";
		bottom: 0;
		width: 25%;
		height: 3px;
		left: 50%;
		background: #003e6c;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
} */
nav ul li a:hover {
	/* color: #5e82a6; */
		/* color: #848484; */
		/* color: #fff;
    background: #ff8cb3; */
	opacity: 0.75;
}
nav ul li a::after {
}
nav ul li:first-child a::before {
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
a.anchor {
	position: absolute;
	top: -6rem;
}
body.top section {
	border-top: 0.5rem solid #39454f;/* background:; */
}
section {
	font-size: 1.8rem;
	line-height: 2;
	padding-top: 8rem;
	padding-bottom: 8rem;
}
section div.inner {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
}
section div.title {
	text-align: center;
	padding-bottom: 1.75rem;
	margin-bottom: 3rem;/* margin-top: -10rem; */
	border-bottom: 0.1rem solid #b09c7a;
}
section div.title h2 {
	font-size: 3.0rem;
	font-weight: bold;
	letter-spacing: 0.25rem;
	color: #000;
	position: relative;
	transform: scaleX(0.975);
	-webkit-transform: scaleX(0.975);
}
section div.title h2 span {
	/* background: #fff;
	display: inline-block;
	position: relative;
	z-index: 1000;
	padding-left: 3rem;
	padding-right: 3rem;
	color: #39454f ; */
	color: #39454f;
}
section div.title h2:after {
/* top: 50%;
	position: absolute;
	height: 0.1rem;
	width: 75%;
	background: #39454f;
	background: #39454f ;
	content: "";
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%); */
}
section div.title span.material-icons {
	display: block;
	color: #000;
	font-size: 4rem;
}
section div.title span.en {
	/* display: none; */
	color: #9b9b9b;
	font-size: 2rem;
	transform: scaleY(0.95);
	display: block;
}
section div.titles-wrap div.description {
	margin-bottom: 4rem;
}
div.link a {
	display: block;
	border: 0.1rem solid #39454f;
	padding-top: 1rem;
	padding-bottom: 1rem;
	box-sizing: border-box;
	text-align: center;
	color: #39454f;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	background: #fff;
	transition: 0.25s all;/* border-radius: 0.5rem; */
	border-radius: 0.25rem;
	max-width: 640px;
	margin:0 auto;
}
div.link a:before {
	border-right: 0.1rem solid #39454f;
	border-top: 0.1rem solid #39454f;
	content: "";
	display: block;
	height: 1rem;
	right: 1rem;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 1rem;
}
div.link a:hover {
	background: #39454f;
	color: #fff;
}
div.link a:hover:before {
	border-right: 0.1rem solid #fff;
	border-top: 0.1rem solid #fff;
}
div.link a.active {
	background: #39454f;
	color: #fff;
	pointer-events: none;
}
div.link a.active:hover:after {
	display: none;
}
div.link a.active:after {
	display: none;
}
div.link a[href$=".pdf"]:after {
	display: none;
}
/* */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* section.main-visual {
	position: relative;
} */
/* */

section.main-visual-slider {
	display: block;
	padding: 0;
	height: calc(100vh - 6rem);
	/* overflow: hidden; */
	position: relative;/* background: #fff; */
	border-top: none !important;
	overflow: hidden;
}
section.main-visual-slider:before {
	position: fixed;
	top: 0;
	left: 0;
	width: 50vw;
	height: 50vh;
	content: "";
	background: #b3b3cb;
	transform: translateX(0) translateY(0) scale(0.7) perspective(15rem) rotateY(10deg);
	-webkit-transform: translateX(0) translateY(0) scale(0.7) perspective(15rem) rotateY(10deg);
	opacity: 0.75;
	z-index: -1;
}
section.main-visual-slider:after {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50vw;
	height: 50vh;
	content: "";
	background: #f0f0f0;
	transform: translateX(0) translateY(0) scale(-0.7) perspective(15rem) rotateY(10deg);
	-webkit-transform: translateX(0) translateY(0) scale(-0.7) perspective(15rem) rotateY(10deg);
	opacity: 0.75;
	z-index: -1;
}
section.main-visual-slider #slider {
	height: 100vh;
}
section.main-visual-slider ul.slides {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: calc(100vh - 6rem);
	overflow: hidden;
	pointer-events: none;
}
div.toripy.move {
/* right: 100rem; */
	/* transform: translateX(100rem);
	-webkit-transform: translateX(100rem); */
}
/* */

section.main-visual-slider ul.slides, section.main-visual-slider ul.slides li {
	position: relative;
	height: calc(100vh - 6rem);
}
section.main-visual-slider ul.slides li {
	position: relative;/* top: 0;
	left: 0; *//* opacity: 0 !important;
 	transition: 2s all; */
}
section.main-visual-slider ul.slides li.flex-active-slide {
	position: relative;/* top: -4rem;
	left: -4rem; *//* opacity: 1 !important; */
}
section.main-visual-slider .flexslider .slides a {
	display: block;
}
section.main-visual-slider .flexslider .slides img { /*   
	max-height: 49.2rem; */
	width: 100%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 20%; /* */
	transform: translateX(-50%) translateY(-50%) scale(0.8) perspective(50rem) rotateY(10deg);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) perspective(50rem) rotateY(10deg);/* transition: 10s all; *//* box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, .0); */
}
section.main-visual-slider div.copy-presentation-link-wrap {
	position: absolute;
	left: calc(60% - 4rem);
	top: 45%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	bottom: 2rem;
	z-index: 200;
	transition: 1s all;
	/* color: #303030; */
	color: #39454f;
	font-size: 4rem;
	font-weight: bold;
	letter-spacing: 1rem;
	line-height: 1.5;
	text-align: left;
	/* opacity: 0; */
	white-space: nowrap;
	width: 40%;
	max-width: 48rem;
	/* box-sizing: border-box; */
	padding-bottom: 10rem;
}
section.main-visual-slider div.copy {
}
section.main-visual-slider div.copy span {
	color: #39454f;
	font-weight: bold;
}
section.main-visual-slider div.copy div.main-copy {
	margin-bottom: 2rem;
	/* position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	top: 0; */
	transform: scaleX(0.975);
	-webkit-transform: scaleX(0.975);
	position: relative;
	text-align: center;
}
section.main-visual-slider div.copy div.logo {
	max-width: 30.0rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
}
section.main-visual-slider div.copy div.sub-copy {
	font-size: 1.4rem;
	white-space: normal;
	font-weight: normal;
	letter-spacing: 0.1rem;
	text-align: justify;
	line-height: 2;
	margin-bottom: 4rem;
}
section.main-visual-slider div.note {
	font-size: 1.3rem;
	text-align: right;
}
section.main-visual-slider div.presentation-link {
}
section.main-visual-slider div.presentation-link ul {
	white-space: nowrap;
	margin-left: auto;
	margin-right: auto;
	font-size: 0;
	text-align: right;
}
section.main-visual-slider div.presentation-link ul li {
	display: inline-block;
	width: 32%;
}
section.main-visual-slider div.presentation-link ul li a {
	font-size: 1.6rem;
	letter-spacing: 0;
	display: block;
	background: #39454f;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-decoration: none;
	color: #fff;
	/* border: 0.1rem solid #b09c7a; */
	font-weight: normal;
	text-align: center;
	position: relative;
	border-radius: 0.25rem;
	transition: 0.25s all;
}
section.main-visual-slider div.presentation-link ul li a:before {
	/* border-right: 0.1rem solid #b09c7a;
	border-top: 0.1rem solid #b09c7a;
	content: "";
	display: block;
	height: 0.5rem;
	right: 0.5rem;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 0.5rem; */
}
section.main-visual-slider div.presentation-link ul li a:hover {
	/* background: #b09c7a;
	color: #fff;
	border: 0.1rem solid #b09c7a; */
	opacity: 0.75;
}
section.main-visual-slider div.presentation-link ul li a:hover:before {
	/* border-right: 0.1rem solid #fff;
	border-top: 0.1rem solid #fff; */
}
section.main-visual-slider div.scroll-arrow {
	width: 2rem;
	height: 2rem;
	display: block;
	left: 50%;
	position: absolute;
	bottom: 2rem; /* */
	z-index: 1000;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
section.main-visual-slider div.scroll-arrow {
	opacity: 0;
	transition: 1.5s all 14s;
}
section.main-visual-slider div.scroll-arrow {
	opacity: 1;
}
section.main-visual-slider div.scroll-arrow:after {
	width: 10px;
	height: 10px;
	border-right: 1px solid #39454f;
	border-top: 1px solid #39454f;
	content: "";
	left: 50%;
	top: 60%; /* */
	display: block;
	position: absolute;
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	transition: all 0.2s ease-in-out 0s;
}
section.main-visual-slider div.scroll-arrow:before {
	width: 50px;
	height: 50px;
	display: block;
	left: 50%;
	position: absolute;
	content: "";
	top: 50%;
	z-index: 100000;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	box-sizing: border-box;
	border-radius: 1000px;
	z-index: 0;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: circle;
}
section.main-visual-slider div.scroll-arrow span {
	position: relative;
	display: block;
	width: 100%;
}
section.main-visual-slider div.scroll-arrow span:after {
	width: 1px;
	position: absolute;
	content: "";
	height: 15px;
	background: #39454f;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: slideInDown;
}
section.main-visual-slider div.scroll-arrow span:before {
	content: "SCROll";
	font-size: 1.4rem;
	position: absolute;
	top: -4rem;
	left: 50%;
	transform: translateX(-50%) scaleX(0.975);
	-webkit-transform: translateX(-50%) scaleX(0.975);
	color: #39454f;
	white-space: nowrap;
	z-index: 1;
	font-weight: normal;/* text-shadow: 1px 1px 0 #000,
               -1px 1px 0 #000,
               1px -1px 0 #000,
               -1px -1px 0 #000; */
	font-family: 'DM Sans', sans-serif;
	font-weight: bold;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -- */
@-webkit-keyframes slideInDown {
 0% {
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 visibility: visible;
 opacity: 0;
}
 10% {
 opacity: 1;
}
 90% {
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(-50%) translateY(0);
 transform: translateX(-50%) translateY(0);
 opacity: 0;
}
}
@keyframes slideInDown {
 0% {
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 visibility: visible;
 opacity: 0;
}
 10% {
 opacity: 1;
}
 90% {
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(-50%) translateY(0);
 transform: translateX(-50%) translateY(0);
 opacity: 0;
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section.support {
}
section.support div.titles-wrap {
	float: left;
	width: 46%;
	margin-right: 8%;
}
section.support div.figure-wrap {
	float: left;
	width: 46%;
	position: relative;
}
section.support div.figure-wrap img {
/* position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
	max-width: 60rem; */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section.dune {
}
section.dune div.titles-wrap {
	float: right;
	width: 46%;
	margin-left: 8%;
}
section.dune div.figure-wrap {
	float: left;
	width: 46%;
	position: relative;
}
section.dune div.figure-wrap img {
/* position: absolute;
	top: 0;
	right: 0;
	width: 50vw;
	max-width: 60rem; */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section.introduction {
}
section.introduction div.titles-wrap {
	float: left;
	width: 46%;
	margin-right: 8%;
}
section.introduction div.figure-wrap {
	float: left;
	width: 46%;
	position: relative
}
section.introduction div.figure-wrap img {
/* position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
	max-width: 60rem; */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


section.link {
	position: relative;/* border-top: 1px solid #46bfdd; *//* background: #fff; */
}
section.link div.inner {
	/* padding-top: 4rem;
	padding-bottom: 4rem; */
	max-width: 90rem;
}
section.link ul {
	border-radius: 0.5rem;
	margin-bottom: 4rem;
	text-align: center;
	font-size: 0;
}
section.link ul li {
	width: 32%;
	margin-right: 2%;
	display: inline-block;
	font-size: 1.6rem;;
}
section.link ul li:nth-child(3n) {
	margin-right: 0;
}
section.link ul li a {
	position: relative;
	display: block;
	transition: 0.25s all;
	text-align: center;
	color: #39454f;
	text-decoration: none;
	font-size: 1.6rem;
}
section.link ul li a[href$=".pdf"]::after {
	display: none;
}
section.link ul li a:hover {
/* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25); *//* transform: scale(1.1); */
}
section.link ul li a img {
	border: 0.1rem solid #ccc;
	background: #fff;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section.link {
/* border-left: 1rem solid #39454f; */
}
section.link div.other ul {
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
section.link div.other ul li {
	float: left;
	/* width: calc(50% - 0.4rem); */
	width: 32%;
	margin-right: 2%;
	margin-bottom: 0;
	/* border: 0.2rem solid #f3f3f3; */
	box-sizing: border-box;
	/* border: 0.2rem solid #f3f3f3; */
	/* border: 0.2rem solid #eee; */
	overflow: hidden;
}
section.link div.other ul li:nth-child(3n) {
	margin-right: 0;
}
section.link div.other ul li a {
	display: block;
	text-align: center;
	transition: 0.25s all;
	border: 0.1rem solid #39454f;
	text-decoration: none;
	color: #39454f;
	background: #fff;
	position: relative;
	border-radius: 0.5rem;
	padding: 1rem;
	white-space: nowrap;
}
section.link div.other ul li a::before {
	border-right: 0.1rem solid #39454f;
	border-top: 0.1rem solid #39454f;
	content: "";
	display: block;
	height: 1rem;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 1rem;
}
section.link div.other ul li a:hover {
	background: #39454f;
	color: #fff;
}
section.link div.other ul li a:hover::before {
	border-right: 0.1rem solid #fff;
	border-top: 0.1rem solid #fff;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section.topics {
	position: relative;/* background: #fff; */
}
section.topics div.title {
	border-bottom: none;
}
body.top section.topics {
/* border-left: 1rem solid #39454f;
	position: relative;
	border-top: 1px solid #46bfdd;
	background: #fff; */
}
body.top section.topics:after {
/* position: absolute;
	content: "";
	width: 33.33%;
	top: -1px;
	left: 0;
	height: 1px;
	background: #89b837; */
}
body.top section.topics:before {
/* position: absolute;
	content: "";
	width: 33.33%;
	top: -1px;
	right: 0;
	height: 1px;
	background: #eaafbd; */
}
div.topics-list ul {
	margin-bottom: 4rem;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 90rem;
}
/* body.top div.article-list ul:before {
	position: absolute;
	right: 0;
	top: -3rem;
	content: "Recent Articles";
	white-space: nowrap;
	font-size: 2.4rem;
} */
div.topics-list ul li {
}
div.topics-list ul li:first-child a {
	border-top: 0.1rem solid rgba(0,0,0,0.2);
}
div.topics-list ul li a {
	color: #000;
	display: block;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 0.1rem solid rgba(0,0,0,0.2);
	font-size: 1.6rem;
	position: relative;
	width: 100%;
	padding-right: 4rem;
	padding-left: calc(10rem + 6rem);
	box-sizing: border-box;
	transition: 0.125s all;
}
div.topics-list ul li a:before {
	border-right: 0.1rem solid rgba(0,0,0,0.2);
	border-top: 0.1rem solid rgba(0,0,0,0.2);
	content: "";
	display: block;
	height: 1rem;
	right: 1rem;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 1rem;
}
div.topics-list ul li a:after {
/* border-bottom: 0.649519rem solid #d6d6d6;
	border-left: 0.375rem solid transparent;
	border-right: 0.375rem solid transparent;
	content: "";
	right: -0.5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) rotate(90deg);
	z-index: 0;
	transition: 0.125s all; */
}
div.topics-list ul li a div.update, div.topics-list ul li a div.headline {
	position: relative;
	z-index: 1;
}
div.topics-list ul li a div.label {
	/* float: left; */
	width : 15%;
	border: 0.1rem solid #39454f;
	text-align: center;
	box-sizing: border-box;
	/*margin-right: 4rem;*/
	font-size: 1.4rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	white-space: nowrap;
	min-width: 10rem;
	left: 0;
}
/* label */

div.topics-list ul li a div.label.recommend {
	border: 0.1rem solid #39454f;
	color: #fff;
	background: #39454f;
}
div.topics-list ul li a div.update {
	float: left;
	width :10rem;
	margin-right: 2rem;
	font-size: 1.4rem;
	position: relative;
	top: 0.1rem;
	font-family: 'DM Sans', sans-serif;
	font-weight: bold;
	white-space: nowrap;
	color: #b09c7a;
}
div.topics-list ul li a div.headline {
	float: left;
	width : calc(90% - 8rem);
}
div.topics-list ul li a:hover {
	background: #f3f3f3;
	text-decoration: underline;
}
div.topics-list ul li a:hover:before {
/* background: #00325d;
	right: -1rem; */
}
div.topics-list ul li a:hover:after {
/* border-bottom: 0.649519rem solid #00325d;
	border-left: 0.375rem solid transparent;
	border-right: 0.375rem solid transparent;
	right: -1.5rem; */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.scroller {
	background: #b3b3cb;
	bottom: 0.5rem;
	display: block;
	height: 6rem;
	position: fixed;
	right: 0.5rem;
	width: 6rem;
	z-index: 10000;/* border-radius: 0.5rem; */
}
div.scroller div.button {
	height: 6rem;
	position: absolute;
	top: 0;
	width: 6rem;
}
div.scroller div.button a {
	display: block;
	height: 6rem;
	position: relative;
	width: 6rem;
}
div.scroller div.button a::before {
	border-right: 0.1rem solid #fff;
	border-top: 0.1rem solid #fff;
	content: "";
	display: block;
	height: 2rem;
	left: 50%;
	position: absolute;
	top: 60%; /* */
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 2rem;
}
footer {
	padding-top: 2rem;
	padding-bottom: 4rem;
	background: rgba(36, 49, 60, 0.9);
	color: #fff;
	text-align: center;
	z-index: 1000;
	position: relative;
}
footer div.logo {
	margin-left: auto;
	margin-right: auto;
	max-width: 24rem;
	margin-bottom: 1rem;
}
footer a {
	color: #fff;
	text-decoration: underline;
}
footer a span {
	font-size: 3rem;
}
div.sns-jfc-link {
	margin-bottom: 1rem;
}
div.sns-jfc-link ul {
	text-align: center;
	margin-bottom: 1rem;
}
div.sns-jfc-link ul li {
	display: inline-block;
	margin-right: 0.5rem;
}
div.sns-jfc-link ul li a {
	display: block;
}
div.sns-jfc-link ul li img {
	height: 3rem;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div.article-list ul {
	margin-bottom: 4rem;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 90rem;
}
/* body.top div.article-list ul:before {
	position: absolute;
	right: 0;
	top: -3rem;
	content: "Recent Articles";
	white-space: nowrap;
	font-size: 2.4rem;
} */
div.article-list ul li {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 2rem;
}
div.article-list ul li:nth-child(2n) {
	float: left;
	width: 48%;
	margin-right: 0;
}
div.article-list ul li:first-child a {
/* border-top: 0.1rem solid #cacaca; */
}
div.article-list ul li a {
	color: #000;
	display: block;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	border: 0.1rem solid #ddd;
	font-size: 1.6rem;
	position: relative;
	width: 100%;
	padding-right: 4rem;
	padding-left: 2rem;
	box-sizing: border-box;
	transition: 0.125s all;
	text-decoration: none;
}
div.article-list ul li a:before {
	border-right: 0.1rem solid #cacaca;
	border-top: 0.1rem solid #cacaca;
	content: "";
	display: block;
	height: 1rem;
	right: 1rem;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 1rem;
}
div.article-list ul li a div.headline {
	position: relative;
	z-index: 1;
}
div.article-list ul li a div.headline {
}
div.article-list ul li a:hover {
	background: #f3f3f3;
	text-decoration: none;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- achievement-list */

div.achievement-list ul li:before {
	display: none;
}
div.achievement-list ul li {
	height: 100%;
	width: 100%;
	/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); */
	/* border:  1px solid #39454f; */
	margin-bottom: 2rem;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 0.25rem;
	padding: 0;
}
div.achievement-list ul li a {
	color: #303030;
	background: #fff;
	display: block;
	padding: 1rem;
	box-sizing: border-box;
	transition: 0.25s all;
}
div.achievement-list ul li a:hover {
	background: #f8f8f8;
}
div.achievement-list {
}
div.achievement-list div.thumbnail {
	float: left;
	min-height: 18rem;
	/* min-width: 24rem; */
	width: 28%;
	margin-right: 2%;
	background: #f0f0f0;
	position: relative;
	overflow: hidden;
}
div.achievement-list div.thumbnail span {
	/* overflow: hidden;
	 */
	/* position: relative; */
	padding-top: 75%;
}
div.achievement-list div.thumbnail span img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}


div.achievement-list div.thumbnail div.copyright {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	font-size: 1.2rem;
	white-space: nowrap;
	display: inline-block;
	background: #fff;
}

div.achievement-list div.details-information {
	box-sizing: border-box;
	float: left;
	max-width: calc(100% - 24rem);
	width: 70%;
}
div.achievement-list div.details-information div.headline {
	border-bottom: 0.1rem solid #323c46;
	padding-bottom: 1rem;
}
/* pagination */

.pagination {
	display: inline-block;
	font-family: "Oswald", sans-serif;
	font-size: 0;
	margin: 0.2rem 0;
	padding-left: 0;
	text-align: center;
	width: 100%;
}
.pagination ul li {
	/* border: 0.2rem solid #eee; */
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.4rem;
	width: 4.2rem;
	height: 4.2rem;
	margin-left: 0.5rem !important;
	max-width: 5.8rem;
	padding: 0;
	text-align: center;
	/* width: 7.5%; */
	padding: 0 !important;
}
.pagination ul li.disabled {
	pointer-events: none;
}
.pagination .prev {
	height: 4.2rem;
	width: 4.2rem;
	position: relative;
}
.pagination .prev a::before, .pagination .prev span::before {
	border-right: 0.1rem solid #000;
	border-top: 0.1rem solid #000;
	content: "";
	display: block;
	height: 0.5rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-135deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
	transition: all 0.2s ease-in-out 0s;
	width: 0.5rem;
}
.pagination .next {
	height: 4.2rem;
	width: 4.2rem;
	position: relative;
}
.pagination .next a::after, .pagination .next span::after {
	border-right: 0.1rem solid #000;
	border-top: 0.1rem solid #000;
	content: "";
	display: block;
	height: 0.5rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 0.5rem;
}
.pagination ul li::before {
	display: none;
}
.pagination ul li > a, .pagination ul li > span {
	box-sizing: border-box;
	color: #000;
	display: block;
	float: left;
	height: 4.0rem;
	line-height: 4.0rem;
	position: relative;
	text-decoration: none;
	width: 100%;
}
.pagination ul li:first-child, .pagination ul li:first-child {
	background: #b3b3cb;
	border-radius: 1000rem;
	margin-left: 0;
}
.pagination ul li:last-child, .pagination ul li:last-child {
	background: #b3b3cb;
	border-radius: 1000rem;
}
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
	background: #39454f;
	color: #fff;
	cursor: default;
	z-index: 2;
	border-radius: 1000rem;
}
.pagination ul li a:hover, .pagination ul li span:hover, .pagination ul li a:focus, .pagination ul li span:focus {
	/* background-color: #eee; */
	border-color: #ddd;
	color: #000;
	z-index: 3;
}
.pagination ul li a:hover, .pagination ul li span:hover, .pagination ul li a:focus, .pagination ul li span:focus {
	/* background-color: #eee; */
	border-color: #ddd;
	color: #000;
	z-index: 3;
}
.resp-pagination-display {
	display: none;
	font-size: 1.4rem;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- topicPath */
.topicPath {
	font-size: 1.2rem;
	display: block;
	/* margin: 0 auto 40px; */
		/* background: #4568DC; */
		/* background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);
	background: linear-gradient(to right, #B06AB3, #4568DC); */
		/* 		background: #f8f8f8; */
	background: #f2f2f0;
	text-align: left;
	margin-bottom: 4rem;
}
.topicPath ul {
	padding: 1rem;
	/* padding-left: 0.5em;
	padding-right: 0.5em;	 */
	list-style: none;
}
.topicPath ul li {
	display: inline;
}
.topicPath ul li a {
	font-size: 1.2rem;
	/* font-weight: bold; */
	text-decoration: none;
	position: relative;
	padding-right: 1rem;
	padding-left: 1rem;
	/* color: #689d38; */
	/* color: #003e6c; */
	color: #006cbc;
	font-weight: bold;
	text-decoration: underline;
}
.topicPath ul li:first-child a {
	padding-left: 0;
}
.topicPath ul li span {
	padding-right: 1rem;
	padding-left: 1rem;
}
.topicPath ul li a:before {
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	/* 	border-top: 1px solid #003e6c;
	border-right: 1px solid #003e6c; */
	border-top: 1px solid #39454f;
	border-right: 1px solid #39454f;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: all .2s ease-in;
}
.topicPath ul li a:hover {
	text-decoration: none;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.page-title */
div.page-title {/* 
	margin-top: 2rem; */
	/* margin-bottom: 2rem; */
	padding-top: 1rem;
	padding-bottom: 1rem;/* background: #39454f; */
}
div.page-title div.title {
	/* border: 0.2rem solid #39454f; */
	padding-top: 2rem;
	padding-bottom: 2rem;
	text-align: center;
	background: #fff;/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); *//* border-top: 1rem solid #a4d4ed;
	border-right: 1rem solid #cba5bd;
	border-bottom: 1rem solid #e9afbd;
	border-left: 1rem solid #aed071; */
}
div.page-title div.title h1 {
	font-size: 3.0rem;
	letter-spacing: 0.5rem;
	font-weight: bold;/* display: none; */
}
div.page-title div.title h1 div {
	display: inline-block;
}
div.page-title div.title h1 span {
	color: #39454f;
	display: inline-block;
}
div.page-title div.description h2 {
	background: #fff;
	font-weight: normal;
	text-align: center;
	padding-bottom: 1rem;
}
div.page-title div.update {
	background: #f8f8f8;
	color: #39454f;
	text-align: center;
	font-size: 1.4rem;/*
	font-family: oswald; */
}
div.page-title div.description div.number {
	border-radius: 100rem;
	border: 0.1rem solid #f0f0f0;
	display: inline-block;
	padding-left: 1rem;
	padding-right: 1rem;
	background: #f8f8f8;
	white-space: nowrap;
}
div.page-title div.description span.material-icons {
	color: #39454f;
	font-size: 1.8rem;
	vertical-align: middle;
	position: relative;
	top: -0.1rem;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.map */
div.anchor-wrap {
	position: relative;
}
div.anchor-wrap a {
	position: absolute;
	top: -8rem;
}
div.areamap {
	max-width: 76.8rem;
	margin-left: auto;
	margin-right: auto;
}
div.areamap img {
	width: 76.8rem;
}
/*  */
div.menu-select {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
div.menu-select ul li {
	width: 48%;
	float: left;
	margin-right: 4%;
}
div.menu-select ul li:nth-child(2) {
	margin-right: 0;
}
/*20260227追記*/
 .slider-wrapper::before{
				  position: fixed;
    top: 0;
    left: 0;
    width: 50vw;
    height: 50vh;
    content: "";
    background: #b3b3cb;
    transform: translateX(0) translateY(0) scale(0.7) perspective(15rem) rotateY(10deg);
    -webkit-transform: translateX(0) translateY(0) scale(0.7) perspective(15rem) rotateY(10deg);
    opacity: 0.75;
    z-index: -1;
			  }
			  .slider-wrapper::after{
				      position: fixed;
    bottom: 0;
    right: 0;
    width: 50vw;
    height: 50vh;
    content: "";
    background: #f0f0f0;
    transform: translateX(0) translateY(0) scale(-0.7) perspective(15rem) rotateY(10deg);
    -webkit-transform: translateX(0) translateY(0) scale(-0.7) perspective(15rem) rotateY(10deg);
    opacity: 0.75;
    z-index: -1;
			  } 
	.history a{
		text-decoration: none;
		color: #39454f;
	}
	div.historycard{
		object-fit: cover;
    object-position: center;
    width: 100%;
    aspect-ratio: 4 / 3;
		overflow: hidden; 
		border: 0.1rem solid #ccc;
	}
	div.historycard img{
		height: 100%;
  object-fit: cover;
	}
.flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
	align-items: center;
}
	.gap10{gap:10px;}
	section.link a[href$=".pdf"]:after {display:none;}
div a.linkbtn{ 
   display: block;
    text-align: center;
    transition: 0.25s all;
    border: 0.1rem solid #39454f;
    text-decoration: none;
    color: #39454f;
    background: #fff;
    position: relative;
    border-radius: 0.5rem;
    padding: 1rem;
    white-space: nowrap;
  }
div a.linkbtn::before{
  border-right: 0.1rem solid #39454f;
      border-top: 0.1rem solid #39454f;
    content: "";
    display: block;
    height: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.2s ease-in-out 0s;
    width: 1rem;
}
div a.linkbtn:hover {
	background: #39454f;
	color: #fff;
}
div a.linkbtn:hover::before {
	border-right: 0.1rem solid #fff;
	border-top: 0.1rem solid #fff;
}
		div.sns {
				  padding: 5px 0 10px 0;
		display: flex!important;
		justify-content:space-around;
			align-items: center;
			min-width: 80px;
			margin: 0 10px;
			  }
	
	div.sns a{
		padding: 0;
	
	}
	@media only screen and (max-width: 1000px) {
		.slider-wrapper::before{display: none;}
		.slider-wrapper::after{display: none;}
		div.sns {
			width: 30%;
			margin: 0 auto;
		}
		header nav ul li div.sns a:after {
			display: none;
		}
	}