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

9999	nav ul li ul.sub

*/
/* -------------------------------------------------------- html & body */
html {
	height: 100%;
	background-position: center;
}
body {
	/* min-width: 1200px; */
		/* background: #f0f0f0; */
	height: 100%;
	width: 100%;
	/* overflow-x: hidden; */
	box-sizing: border-box;
}
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: 11rem;
}
div.contents-wrapper {
	box-sizing: border-box;
	overflow: hidden;
}
div.inner {
	/* width: 1000px; */
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- header */
header {
	width: 100%;
	position: fixed;
	z-index: 9999;
	background: #fff;
	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; */
}
header > div.inner {
	overflow: hidden;
	max-height: 100px;
	padding-top: 1.0rem;
}
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.0rem;
	position: relative;
}
header div.logo h1 {
}
header div.logo a {
	display: block;
	padding: 0;
	color: #000;
	text-decoration: none;
	float: left;
	font-size: 3rem;
}
header div.logo a img {
	display: block;
	width: 30rem; /* */
	margin-left: auto;
	margin-right: auto;
	transition: all 0.4s ease 0s;
}
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;
}
header div.logo div.film-commission img {
	max-width: 25rem;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- nav */
header div.menuButton {
	display: none;
}
nav {
	background: #ffffff;
	position: relative;
	height: 100%;
	/* background: #f1deb4; */
	border-top: 0.1rem solid #e9ebec;
}
nav ul {
	width: 100%;
	height: 100%;
	white-space: nowrap;
}
nav ul li {
	position: relative;
	display: inline-block;
	/* height: 80px; */
	vertical-align: middle;
	padding-right: 1rem;
	padding-left: 1rem;
}
nav ul li:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 0.1rem;
	height: 1rem;
	background: #e9ebec;
}
nav ul li:first-child:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 0.1rem;
	height: 1rem;
	background: #e9ebec;
}
/* 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.6rem;
	/* font-weight: bold; */
	line-height: 1.2;
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 1rem 1.5rem;
	text-align: center;
	color: #000;
	white-space: nowrap;
	text-decoration: none;
}
/* 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 {
/* position: absolute;
    top: 1.2em;
    right: 0;

    width: 1px;
    height: 15px;

    content: '';

    background: #e9e9e9; */
}
nav ul li:first-child a::before {
/* position: absolute;
    top: 1.2em;
    left: 0;

    width: 1px;
    height: 15px;

    content: '';

    background: #e9e9e9; */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.main-visual {
	position: relative;
	/* margin-top: 3.5rem; */
		/* border-radius: 0.5rem; */
	overflow: hidden;
	/* margin-bottom: 4rem; */
	border: none;
	width: 100vw;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	/* padding-top: 56.25%; */
	height: calc(100vh - 11rem);
	max-height: 67.5rem;
}
section.main-visual div.main-visual-copy {
	position: absolute;
	top: 50%;
	left: calc((100vw - 100rem) / 2);
	transform: translateX(0) translateY(-50%);
	-webkit-transform: translateX(0) translateY(-50%);
	z-index: 2000;
	/* background: rgba(255, 255, 255, 1.0); */
		/* width: 50vw; */
		/* max-width: 50rem; */
		/* border: 2px solid #000; */
	box-sizing: border-box;/* text-align: center; */
}
section.main-visual div.main-visual-copy span {
	color: #fff;
	font-size: 3.0rem;
	letter-spacing: 2.0rem;
	white-space: nowrap;
	font-weight: bold;/* max-width: 30rem;
		width: 30vw;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding-top: 10%;
		padding-bottom: 10%;
		 */
}
/* section.main-visual div.main-visual-visual {
		position: absolute;
		top: 0;
		left: 0;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		width: 100%;
		height: 100%;
		z-index: 1000;
}
section.main-visual div.main-visual-visual img {
		border-radius: 0.5rem;
		overflow: hidden;
} */
section.main-visual div.main-video {
	/* height: calc(100vh); */
		/* padding-top: 56.25%; */
	position: fixed;
	top: 11rem;
	left: 50%;
	transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	width: 100%;
	min-width: 120rem;
	z-index: -1;
}
section.main-visual div.main-video video {
;
}
section.main-visual div.main-video video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	width: 100%;
	z-index: 0
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
a.anchor {
	position: absolute;
	top: -6rem;
}
section {
	font-size: 1.8rem;
	line-height: 2;
	padding-top: 4rem;
	padding-bottom: 4rem;
	border-top: 0.1rem solid #e9ebec;
 background:;
}
section div.inner {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
}
section div.title {
	text-align: center;
	margin-bottom: 4rem;/* margin-top: -10rem; */
}
section div.title h2 {
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: 0.25rem;
	/* color:#000;  */
	position: relative;
	/* padding-bottom: 3rem; */
	transform: scaleY(0.95);
}
section div.title h2:after {
/* position: absolute;
		bottom: 0;
		height: 0.2rem;
		width: 5rem;
		background: #000;
		content: "";
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-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;
}
div.link a {
	display: block;
	border: 0.2rem solid #000;
	padding-top: 1rem;
	padding-bottom: 1rem;
	box-sizing: border-box;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	background: #fff;
	transition: 0.25s all;
}
div.link a:after {
	border-color: #000 transparent transparent;
	border-style: solid;
	border-width: 0.75rem 0.75rem 0;
	content: "";
	height: 0;
	top: 50%;
	right: 1rem !important;
	position: absolute;
	width: 0;
	z-index: 0;
	-webkit-transform: translateX(0) translateY(-50%) rotate(-90deg);
	transform: translateX(0) translateY(-50%) rotate(-90deg);
	transition: 0.25s all;
}
div.link a:hover {
	background: #000;
	color: #fff;
}
div.link a:hover:after {
	border-color: #fff transparent transparent;
	-webkit-transform: translateX(1rem) translateY(-50%) rotate(-90deg);
	transform: translateX(1rem) translateY(-50%) rotate(-90deg);
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.note {
	background: #fff;
	position: relative;
	z-index: 1000;
}
section.note div.title {
	text-align: center;
	margin-bottom: 4rem;
	margin-top: 0;
}
section.note {
	border-top: none;
}
section.note div.inner {
}
section.note div.inner div.note-list {
	border: 0.2rem solid #000;
	padding: 2rem;
	margin-bottom: 1rem;
}
section.note div.inner div.note-list ul {
}
section.note div.inner div.note-list ul li {
	/* float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2rem;
		text-align: center;
		border: 0.2rem solid #f0f0f0;
		box-sizing: border-box; */
	position: relative;
	padding-left: 1.5rem;
}
section.note div.inner div.note-list ul li:nth-child(2n) {
/* margin-right: 0; */
}
section.note div.inner div.note-list ul li:before {
	background: #000;
	border-radius: 50% !important;
	content: "";
	height: 1.0rem;
	left: 0;
	margin-right: 0.5rem;
	position: absolute;
	top: 1.125rem;
	/* transform: translateY(-50%);
	-webkit-transform: translateY(-50%); */
	width: 1.0rem;
}
section.note div.inner div.note-addition {
	text-align: center;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.flow {
	background: #f8f8f4;
	position: relative;
}
section.flow:before {
/* 	height: 100%;
			width: 10%;
			position: absolute;
			top: 0;
			right: 0;
			transform: translateX(0);
			-webkit-transform: translateX(0);
			content: "";
			background: #fff;
			z-index: 0; */
}
section.flow:after {
/* 	height: 100%;
			width: 50%;
			position: absolute;
			top: 0;
			right: 50%;
			transform: translateX(0);
			-webkit-transform: translateX(0);
			content: "";
			background: #c8eced;
			z-index: 0; */
}
section.flow div.flow-article {
	margin-bottom: 8rem;
	position: relative;
}
section.flow div.flow-article:before {
	border-color: #4b5272 transparent transparent;
	border-style: solid;
	border-width: 2.5rem 2.5rem 0;
	content: "";
	height: 0;
	left: 15% !important;
	bottom: -5rem;
	position: absolute;
	width: 0;
	z-index: 0;
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}
section.flow div.flow-article:after {
	content: "";
	height: 3rem;
	left: 15% !important;
	bottom: -3rem;
	position: absolute;
	width: 3rem;
	background: #4b5272;
	z-index: 0;
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}
section.flow div.flow-article:last-child {
	margin-bottom: 0;
}
section.flow div.flow-article:last-child:before {
	display: none;
}
section.flow div.flow-article:last-child:after {
	display: none;
}
section.flow div.flow-article div.flow-headline {
	float: left;
	width: 30%;
	/* margin-right: 4%; */
	position: relative;
	box-sizing: border-box;
	border: 0.1rem solid #4b5272;
	background: #fff;
	/* border-radius: 0.5rem; */
}
section.flow div.flow-article div.flow-headline div.headline-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 2rem;
	white-space: nowrap;
	color: #4b5272;
	line-height: 1.5;
}
section.flow div.flow-article div.flow-headline div.headline-inner div.number {
	display: block;
	/* background: #5e82a6; */
	width: 8rem;
	height: 8rem;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.25rem;
	position: relative;
	margin-bottom: 0.5rem;
}
section.flow div.flow-article div.flow-headline div.headline-inner div.number span {
	color: #4b5272;
	font-family: "Oswald", sans-serif;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	left: 50%;
	font-size: 6rem;
	font-weight: bold;
}
section.flow div.flow-article div.flow-description {
	float: left;
	width: 66%;
	padding: 2rem;
	/* background: #fff; */
	box-sizing: border-box;
    border: 0.1rem solid #4b5272;
	border-left: none;
}
section.flow table.deco-tb th, section.flow table.deco-tb {
	border-collapse: separate;
	background: none;
	border: none;
}
section.flow table.deco-tb th, section.flow table.deco-tb td {
	/* border: 0.1rem solid #9b9b9b;
		 */
	background: #fff;
	border: none;
}
section.flow table.deco-tb th {
	background: #4b5272;
	color: #fff;
	font-weight: normal;
}
section.flow div.flow-article div.note-list {
	/* border: 0.2rem solid #000; */
	/* margin-bottom: 1rem;
	padding: 2rem; */
}

section.flow div.flow-article div.note-list ul.deco-list li::before {
	top: 1.25rem;
	height: 1rem;
	width: 1rem;
}
section.flow div.flow-article div.note-list p span {
	position: relative;
	top: 0.5rem;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* lightbox た い さ く */
body {
	zoom: 1 !important;
}
.lb-outerContainer {
	border-radius: 0 !important;
}
.lightbox .lb-image {
	border: 0 !important;
	border-radius: 0 !important;
}
.lb-data .lb-close {
	background: none;
	height: 0.8rem;
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 0.8rem;
	z-index: 1000;
}
.lb-data .lb-close::after {
	background: #fff;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 2px;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateY(50%) rotate(-45deg);
	-webkit-transform: translateY(50%) rotate(-45deg);
	width: 40px;
}
.lb-data .lb-close::before {
	background: #fff;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 2px;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateY(50%) rotate(-135deg);
	-webkit-transform: translateY(50%) rotate(-135deg);
	width: 40px;
}
.lb-nav a.lb-next {
	background: none;
	float: right;
	opacity: 0;
	right: 0;
	transition: opacity 0.6s ease 0s;
	width: 64%;
	position: relative;
}
.lb-nav a.lb-next:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: "";
	display: block;
	height: 2rem;
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateX(0) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(0) translateY(-50%) rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
	width: 2rem;
	opacity: 1;
}
.lb-nav a.lb-prev {
	background: none;
	float: left;
	left: 0;
	opacity: 0;
	transition: opacity 0.6s ease 0s;
	width: 34%;
	position: relative;
}
.lb-nav a.lb-prev:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: "";
	display: block;
	height: 2rem;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateX(0) translateY(-50%) rotate(-135deg);
	-webkit-transform: translateX(0) translateY(-50%) rotate(-135deg);
	transition: all 0.2s ease-in-out 0s;
	width: 2rem;
	opacity: 1;
}
section.photo-gallery {
	/* background: rgba(0,0,0,0.5); */
	background: #fff;
	position: relative;
	z-index: 1000;/* color: #fff; */
}
section.photo-gallery div.inner {
}
section.photo-gallery div.title h2 {
/* color: #fff; */
}
section.photo-gallery div.inner div.article-list {
	position: relative;
}
section.photo-gallery div.inner div.article-list ul {
}
section.photo-gallery div.inner div.article-list ul li {
	float: left;
	width: 50%;
	margin-right: 0;
	margin-bottom: 0;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	padding: 0;
	/* border: 0.1rem solid #e9ebec; */
	border-radius: 0;
}
section.photo-gallery div.inner div.article-list ul li:first-child {
	float: none;
	width: 100%;
}
section.photo-gallery div.inner div.article-list ul li a {
	text-decoration: none;
	position: relative;
	display: block;
	color: #000;
}
section.photo-gallery div.inner div.article-list div.headline {
	position: absolute;
	left: -6rem;
	top: 6.25rem;
	width: 4rem;
	height: 4rem;
	border: 0.1rem solid #4b5272;
	border-radius: 0.25rem;
}
section.photo-gallery div.inner div.article-list div.headline span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	color: #4b5272;
	font-size: 2.4rem;
	font-weight: bold;
}
section.photo-gallery div.inner div.article-list ul li a div.en {
/* position: absolute;
		left: 50%;
		top: -4rem;
		font-size: 4.0rem;
		z-index: 100;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%); */
}
section.photo-gallery div.inner div.article-list ul li:hover a {
	text-decoration: none;
	color: #fff;
}
section.photo-gallery div.inner div.article-list ul li div.thumbnail {
	transition: 0.25s all;
	overflow: hidden;
	border-radius: 0;/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); */
}
section.photo-gallery div.inner div.article-list ul li div.thumbnail:hover {
	opacity: 0.75;
}
section.photo-gallery div.inner div.article-list ul li:nth-child(2n) {
	margin-right: 0;
}
section.photo-gallery div.inner div.article-list ul li.movie {
	position: relative;
}
section.photo-gallery div.inner div.article-list ul li div.youtube-wrap {
	height: calc(100% - 36px);
	padding-top: 0;
	background: #000;
	overflow: hidden;
	border-radius: 0.5rem;
	position: relative;
}
section.photo-gallery div.inner div.article-list ul li div.youtube-wrap iframe {
	background: #000;
	position: absolute;
	width: calc(100%) !important;
	/* height: auto; */
	height: calc(100%) !important;
	top: calc(50%);
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
section.photo-gallery div.inner div.article-list ul li a div.caption {
	font-size: 3.0rem;
	letter-spacing: 0.25rem;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	color: #fff;
}
section.photo-gallery div.inner div.article-list ul li > a {
	text-decoration: none;
	position: relative;
	display: block;
	color: #000 !important;
}
section.photo-gallery div.inner div.article-list ul li > a div.link {
	bottom: 4rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	position: absolute;
	width: 50%;
}
section.photo-gallery div.inner div.article-list ul li > a div.link span {
	display: block;
	border: 0.2rem solid #fff;
	padding-top: 1rem;
	padding-bottom: 1rem;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	background: none;
	transition: 0.25s all;
}
section.photo-gallery div.inner div.article-list ul li > a div.link span:after {
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: 0.75rem 0.75rem 0;
	content: "";
	height: 0;
	top: 50%;
	right: 1rem !important;
	position: absolute;
	width: 0;
	z-index: 0;
	-webkit-transform: translateX(0) translateY(-50%) rotate(-90deg);
	transform: translateX(0) translateY(-50%) rotate(-90deg);
	transition: 0.25s all;
}
section.photo-gallery div.inner div.article-list ul li > a:hover div.link span {
	background: none;
	color: #fff;
}
section.photo-gallery div.inner div.article-list ul li > a:hover div.link span:after {
	border-color: #fff transparent transparent;
	-webkit-transform: translateX(1rem) translateY(-50%) rotate(-90deg);
	transform: translateX(1rem) translateY(-50%) rotate(-90deg);
}
/* section.photo-gallery div.inner div.article-list ul li > a div.link a {
	background: none;
	border: 0.2rem solid #fff;
	color: #fff;

}

section.photo-gallery div.inner div.article-list ul li > a div.link a::after,
section.photo-gallery div.inner div.article-list ul li > a div.link a:hover::after {
	    border-color: #fff transparent transparent;
} */
section.photo-gallery div.inner div.article-list ul li > a div.caption {
	font-size: 3.0rem;
	letter-spacing: 0.25rem;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%) translateY(-50%);
	color: #fff;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.movie {
	background: #fff;
	position: relative;
	z-index: 1000;
}
section.movie div.inner div.article-list ul li {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 0;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	padding: 0;
	/* border: 0.1rem solid #e9ebec; */
	border-radius: 0;
}
section.movie div.inner div.article-list ul li:nth-child(2n) {
	margin-right: 0;
}
section.movie div.inner div.article-list ul li a {
	text-decoration: none;
	position: relative;
	display: block;
	color: #000;
}
section.movie div.inner div.article-list ul li a div.en {
/* position: absolute;
		left: 50%;
		top: -4rem;
		font-size: 4.0rem;
		z-index: 100;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%); */
}
section.movie div.inner div.article-list ul li:hover a {
	text-decoration: none;
	color: #fff;
}
section.movie div.inner div.article-list ul li div.thumbnail {
	transition: 0.25s all;
	overflow: hidden;
	border-radius: 0;/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); */
}
section.movie div.inner div.article-list ul li div.thumbnail:hover {
	opacity: 0.75;
}
section.movie div.inner div.article-list ul li:nth-child(2n) {
	margin-right: 0;
}
section.movie div.inner div.article-list ul li.movie {
	position: relative;
}
section.movie div.inner div.article-list ul li div.youtube-wrap {
	height: calc(100% - 36px);
	padding-top: 75%;
	background: #000;
	overflow: hidden;
	border-radius: 0;
	position: relative;
}
section.movie div.inner div.article-list ul li div.youtube-wrap iframe {
	background: #000;
	position: absolute;
	width: calc(100%) !important;
	/* height: auto; */
	height: calc(100%) !important;
	top: calc(50%);
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.entry {
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.around {
	background: #3d334e;
	position: relative;
}
section.around div.title h2 {
	color: #fff;
}
/* section.around:before {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	left: -50%;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	content: "";
	background: #706876;
	z-index: 0;
}
section.around:after {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	right: -50%;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	content: "";
	background: #706876;
	z-index: 0;
} */
section.around div.attention {
	color: #fff;
	white-space: nowrap;
	font-size: 1.6rem;
}
section.around div.attention span {
	background: #f6bf92;
	height: 1em;
	width: 3em;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -0.125rem;
	border: 0.1rem solid #db4d00;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.access {
	background: #f8f8f4;
	position: relative;
	z-index: 1000;
}
section.access div.inner {
}
section.access div.inner div.access-list {
}
section.access div.inner div.access-list ul {
}
section.access div.inner div.access-list ul li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2rem;
	text-align: center;
	/* border: 0.1rem solid #e9ebec; */
	background: #f8f8f4;
	border-radius: 0.5rem;
	box-sizing: border-box;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
section.access div.inner div.access-list ul li table.deco-tb {
	border: 0.1rem solid #8e93a7;
}
section.access div.inner div.access-list ul li table.deco-tb th {
	border: 0.1rem solid #8e93a7;
	border-right: 0.1rem solid #3e344f;
	/* background: #8e93a7; */
	background: #3e344f;
	color: #fff;
}
section.access div.inner div.access-list ul li table.deco-tb td {
	border: 0.1rem solid #8e93a7;
}
section.access div.inner div.access-list ul li:nth-child(2n) {
	margin-right: 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.shooting {
	/* background: #f7f6f4; */
	position: relative;
	background: #fff;
}
/* section.shooting:before {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	left: -50%;
	transform: translateX(0) skew(-45deg);
	-webkit-transform: translateX(0) skew(-45deg);
	content: "";
	background: #c8eced;
	z-index: 0;
}
section.shooting:after {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	right: -50%;
	transform: translateX(0) skew(-45deg);
	-webkit-transform: translateX(0) skew(-45deg);
	content: "";
	background: #c8eced;
	z-index: 0;
} */
section.shooting div.shooting-result-trigger {
	position: relative;
	cursor: pointer;
	padding: 2rem;
	margin-bottom: 2rem;
}
section.shooting div.shooting-result-trigger:hover {
	background: #f0f0f0;
	transition: 0.25s all;
}
section.shooting div.shooting-result-trigger-mark {
	background: #000;
	border-radius: 100rem;
	display: block;
	height: 4rem;
	;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 4rem;
}
section.shooting div.shooting-result-trigger-mark span {
	background: #fff;
	display: block;
	height: 2px;
	position: absolute;
	transition: 0.25s all;
	width: 70%;
}
section.shooting div.shooting-result-trigger-mark span:nth-child(1) {
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
section.shooting div.shooting-result-trigger-mark span:nth-child(2) {
	display: block;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
section.shooting div.shooting-result-trigger.active div.shooting-result-trigger-mark span:nth-child(1) {
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
section.shooting div.shooting-result-trigger.active div.shooting-result-trigger-mark span:nth-child(2) {
	display: none;
}
section.shooting div.shooting-result-wrap {
	max-height: 0;
	overflow: hidden;
	transition: 0.25s all;
}
div.shooting-result-trigger.active + div.shooting-result-wrap {
	box-sizing: border-box;
	max-height: 10000px;
}
section.shooting table.deco-tb th {
	background: #000;
	color: #fff;
	text-align: left;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section.link {
	background: #f8f8f4;
	position: relative;
	z-index: 1000;
}
section.link div.inner {
}
section.link div.inner div.link-list {
}
section.link div.inner div.link-list ul {
}
section.link div.inner div.link-list ul li {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4rem;
	box-sizing: border-box;
	text-align: center;
}
section.link div.inner div.link-list ul li:nth-child(2n) {
	margin-right: 0;
}
section.link div.inner div.link-list ul li {
	font-size: 1.6rem;
}
section.link div.inner div.link-list ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	text-align: center;
}
section.link div.inner div.link-list ul li a img {
	border: 0.5rem solid #f0f0f0;
	box-sizing: border-box;
}
section.link div.inner div.link-list ul li a:hover img {
	opacity: 0.75;
}
div.banner {
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- question-answer */
section.faq {
	background: #fff;
	position: relative;
}
/* section.faq:before {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	left: -50%;
	transform: translateX(0) skew(-45deg);
	-webkit-transform: translateX(0) skew(-45deg);
	content: "";
	background: #c8eced;
	z-index: 0;
}
section.faq:after {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	right: -50%;
	transform: translateX(0) skew(-45deg);
	-webkit-transform: translateX(0) skew(-45deg);
	content: "";
	background: #c8eced;
	z-index: 0;
} */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 全ての見出しを開く */
section.faq div.all-open {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	background: #000;
	color: #fff;
	text-align: center;
	border-radius: 100rem;
	position: relative;
	cursor: pointer;
	border: 0.2rem solid #000;
	transition: 0.125s all;
}
section.faq div.all-open.active {
	background: #fff;
	color: #000;
}
section.faq div.all-open:hover {
	opacity: 0.5;
}
section.faq div.all-open div.trigger {
	background: #000;
	display: block;
	height: 3rem;
	position: absolute;
	right: 0.3rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 3rem;
	border-radius: 100rem;
}
section.faq div.all-open div.trigger span {
	background: #fff;
	display: block;
	height: 2px;
	position: absolute;
	transition: all 0.5s ease 0s;
	width: 70%;
}
section.faq div.all-open div.trigger span:nth-child(1) {
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
section.faq div.all-open div.trigger span:nth-child(2) {
	display: block;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
section.faq div.all-open.active div.trigger span:nth-child(1) {
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
section.faq div.all-open.active div.trigger span:nth-child(2) {
	display: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- @end 全ての見出しを開く */
div.question-answer {
	margin: 10px 0 0;
	padding: 1em;
	background: none;
	font-size: 1.8rem;
}
div.question-answer div.question, div.question-answer div.answer {
	/* reset */
	font-weight: normal;
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	background: none;
}
div.question-answer div.question {
	/* margin-bottom: 10px; */
	padding: 1.5rem;
	color: #000;
	border: none;
	background: none;
	position: relative;
	padding-left: 4rem;
	padding-right: 5rem;
}
div.question-answer div.question:before {
	position: relative;
	z-index: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0;
	content: '';
	border: none;
	background: none;
}
div.question-answer div.question span:before {
	position: absolute;
	content: "Q";
	left: -0.5rem;
	top: -2.35rem;
	font-size: 2.2rem;
	font-weight: bold;
	/* color: #fff; */
	color: #000;
	font-family: "Oswald", sans-serif;
}
div.question-answer div.question span:after {
	background: #e9ebec;
	/* background: #c8eced; */
	width: 4rem;
	height: 4rem;
	position: absolute;
	content: "";
	top: 0;
	left: -2rem;
	z-index: -1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
div.question-answer div.question:after {
	/* position: absolute;
		z-index: 0;
		bottom: -9px;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -9px;
		content: '';
		border-width: 9px 9px 0 9px;
		border-style: solid;
		border-color: #013891 transparent transparent transparent; */
	display: none;
}
div.question-answer div.answer {
	padding: 2rem;
	color: #000;
	border: none;
	background: none;
	/* border-bottom: 3px dotted #fff; */
	background: none;
	position: relative;
	padding-left: 4rem;
	background: #fff;
	margin-left: 2rem;
	/* box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25); */
	border: 0.1rem solid #ccc;
	margin-bottom: 4rem;
}
div.question-answer div.answer:before {
	position: relative;
	z-index: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0;
	content: '';
	border: none;
	background: none;
}
div.question-answer div.answer span:before {
	position: absolute;
	content: "A";
	left: 0rem;
	top: -2.25rem;
	font-size: 2.2rem;
	font-weight: bold;
	color: #fff;
	font-family: "Oswald", sans-serif;
	z-index: 1;
}
div.question-answer div.answer span:after {
	background: #000;
	width: 4rem;
	height: 4rem;
	position: absolute;
	content: "";
	top: 0;
	left: -1.5rem;
	z-index: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
/* */
div.question-answer-accordion {
	/* border-bottom: 1px solid #000; */
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	font-weight: normal;
	margin-bottom: 4rem;
	position: relative;
	background: #fff;
	z-index: 0;
	/* box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25); */
	border: 0.1rem solid #ccc;
	transition: 0.25s all;
}
div.question-answer-accordion:hover {
	/* background: #f8f8f4 none repeat scroll 0 0; */
		/* text-decoration: underline; */
	background: #f8f8f4;
}
div.question-answer-accordion div.question-answer-accordion-label {
/* font-size: 2.1rem;
		min-height: 40px; */
}
div.question-answer-accordion div.question-answer-accordion-trigger {
	background: #000;
	display: block;
	height: 4rem;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 4rem;
	border-radius: 100rem;
}
div.question-answer-accordion div.question-answer-accordion-trigger span {
	background: #fff;
	display: block;
	height: 2px;
	position: absolute;
	transition: all 0.5s ease 0s;
	width: 70%;
}
div.question-answer-accordion div.question-answer-accordion-trigger span:nth-child(1) {
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
div.question-answer-accordion div.question-answer-accordion-trigger span:nth-child(2) {
	display: block;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
div.question-answer-accordion.active div.question-answer-accordion-trigger span:nth-child(1) {
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
div.question-answer-accordion.active div.question-answer-accordion-trigger span:nth-child(2) {
	display: none;
}
div.question-answer-accordion-wrap {
	border-top: medium none;
	box-sizing: border-box;
	margin-bottom: 0.5rem;
}
div.question-answer-accordion-wrap {
	max-height: 0;
	overflow: hidden;
	transition: all 0.1s ease 0s;
}
div.question-answer-accordion.active + div.question-answer-accordion-wrap {
	box-sizing: border-box;
	max-height: 10000px;
	padding-bottom: 1em;
	overflow: visible;
}
section.onepoint {
	background: #ffec01;
	position: relative;
	z-index: 1000;
	overflow: hidden;
}
section.onepoint div.title {
	text-align: center;
	margin-bottom: 2rem;
	margin-top: 0;
}
section.onepoint div.title span {
	/* color: #ffec01; */
	color: #000;
}
section.onepoint:before {
	width: 50vw;
	height: 50vw;
	background: #fff;
	border-radius: 1000rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	content: "";
	border: 10rem solid #fff46f;
}
section.onepoint div.inner {
	z-index: 2000;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.scroller {
	background: #000;
	bottom: 0;
	display: block;
	height: 80px;
	position: fixed;
	right: 0;
	width: 80px;
	z-index: 2000;
}
div.scroller div.button {
	height: 80px;
	position: absolute;
	top: 0;
	width: 80px;
}
div.scroller div.button a {
	display: block;
	height: 80px;
	position: relative;
	width: 80px;
}
div.scroller div.button a::before {
	border-right: 2px solid #fff;
	border-top: 2px 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: 1rem;
	padding-bottom: 6rem;
	background: #333;
	color: #fff;
	text-align: center;
	z-index: 1000;
	position: relative;
}
footer div.logo {
	margin-left: auto;
	margin-right: auto;
	max-width: 20rem;
	margin-bottom: 1rem;
}
footer a {
	color: #fff;
	text-decoration: underline;
}
footer a span {
	font-size: 3rem;
}

footer div.logo img {

}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* photo-gallery page */
section.photo-gallery.page {
	border-top: 0;
	background: #fff;
	position: relative;
	z-index: 1000;
	color: #000;
	padding-top: 0;
}
section.photo-gallery.page div.titles-wrap {
	position: relative;
	overflow: hidden;
	height: 30rem;
}
section.photo-gallery.page div.title-bg {
	position: absolute;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 0;
	height: 30rem;
}
section.photo-gallery.page div.title-bg img {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	min-width: 150rem;
}
section.photo-gallery.page div.title {
	text-align: center;
	margin-bottom: 4rem;
	margin-top: 0;
	color: #000;
	position: relative;
	z-index: 1;
	height: 30rem;
}
section.photo-gallery.page div.title h2 {
	color: #000;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
section.photo-gallery.page div.inner div.article-list ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 4rem;
	box-sizing: border-box;
	position: relative;
}
section.photo-gallery.page div.inner div.article-list ul li div.comment {
	font-size: 1.3rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding: 2rem;
	background: rgba(0, 0, 0, 0.65);
	color: #fff;
	border-radius: 0.5rem;
	width: 100%;
	box-sizing: border-box;
	opacity: 0;
	pointer-events: none;
	transition: 0.25s all;
	text-align: left;
}
section.photo-gallery.page div.inner div.article-list ul li:hover div.comment {
	opacity: 1;
	bottom: -1rem;
}
section.photo-gallery.page div.inner div.article-list ul li:nth-child(2n) {
	margin-right: 2%;
}
section.photo-gallery.page div.inner div.article-list ul li:nth-child(4n) {
	margin-right: 0;
}
section.photo-gallery.page div.inner > div {
	margin-bottom: 4rem;
}
div.map-figure {
	position: relative;
}
div.map-figure div.map-figure-inner {
	width: 100rem;
	height: 75rem;
}
div.map-figure div.map-figure-inner img {
/* display: block;
	width: 100rem;
	max-width: inherit;
	height: 75rem;
	position: absolute;
	top: 0;
	left: 0; */
}
div.map-figure div.photo-position-wrap {
	width: 100rem;
	height: 75rem;
	position: absolute;
}
div.map-figure div.photo-position {
	position: absolute;
	z-index: 1000;
	width: 12rem;
	height: 9rem;
}
div.map-figure div.photo-position a {
	width: 12rem;
	height: 9rem;
	transition: 0.25s all;
	display: block;
	border-radius: 0.5rem;
	overflow: hidden;
}
div.map-figure div.photo-position a:hover {
	opacity: 1;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.125);
	transform: scale(1.1);
}
div.map-figure div.photo-position.photo-01 {
	top: 137px;
	left: 355px;
}
div.map-figure div.photo-position.photo-02 {
	top: 158px;
	left: 498px;
}
div.map-figure div.photo-position.photo-03 {
	top: 277px;
	left: 208px;
}
div.map-figure div.photo-position.photo-04 {
	top: 260px;
	left: 365px;
}
div.map-figure div.photo-position.photo-05 {
	top: 285px;
	left: 500px;
}
div.map-figure div.photo-position.photo-06 {
	top: 170px;
	right: 33px;
}
div.map-figure div.photo-position.photo-07 {
	top: 500px;
	right: 160px;
}
.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position: relative; }
.flex.rowre { flex-flow: row-reverse wrap; }
.flex.jcfs { justify-content:flex-start; }
.flex.jcc { justify-content:center; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }
.flex .fg1 { flex-grow: 1; }