@import url(font-awesome.min.css);
@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@import url('//fonts.googleapis.com/css2?family=Ubuntu&display=swap');

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 62.5%;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
	width:100%;
	-webkit-text-size-adjust: none;
	font-family: "Noto Sans JP","メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	font-size:1.5rem;
	line-height: 1.6;
	overflow-x:hidden;
}
body.english{
	font-family: 'Ubuntu', sans-serif !important;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline:none !important;
}

/* Basic */
@media screen and (max-width: 480px) {
	html, body {
		min-width: 320px;
	}
}
*, *:before, *:after {
	box-sizing: inherit;
}
	
body.is-preload *, body.is-preload *:before, body.is-preload *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

.inner-box{
	margin:50px auto 80px;
}
.section-box{
	margin:0 0 100px;
}
.section-box h3{
	font-size:4.0rem;
	margin-bottom:30px;
}
.section-box h3 span{
	display:block;
	font-family: 'Ubuntu', sans-serif;
	font-size:1.8rem;
	margin:0.2em 0 0;
	color:rgba(51, 51, 51, .6);
}

@media screen and (max-width: 768px) {
	.section-box h3{
		font-size:2.6rem;
		margin-bottom:30px;
	}
	.section-box h3 span{
		display:block;
		font-family: 'Ubuntu', sans-serif;
		font-size:1.6rem;
		margin:0.2em 0 0;
		color:rgba(51, 51, 51, .6);
	}
	.col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-8 {
		margin-bottom:10px;
	}
	.col-md-5 {
		margin-bottom:20px;
	}
}
.v-pc { display: block !important; }
.v-pc-il { display: inline !important; }
.v-sp { display: none !important; }
.v-sp-il { display: none !important; }

@media only screen and (max-width: 768px) {
	html, body {
	 	-webkit-overflow-scrolling: touch;
	 	overflow-x:hidden;
	}
	a[href^="tel:"] { pointer-events: auto; }
	img {
		max-width: 100%;
		height: auto;
	}
	.v-pc { display: none !important; }
	.v-pc-il { display: none !important; }
	.v-sp { display: block !important; }
	.v-sp-il { display: inline !important; }
}
/* Type */

a {
	-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	color: inherit;
	text-decoration: none;
}
a:link {
	color:#3f466e;
}
a:hover {
	color: #667fb4 !important;
}
a:active {
	color: #c8c8c8 !important;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}
h1 {	font-size: 2.5rem;	}
h2 {	font-size: 1.75rem;	}
h3 {	font-size: 1.35rem; }
h4 {	font-size: 1.1rem;	}
h5 {	font-size: 0.9rem;	}
h6 {	font-size: 0.7rem;	}

sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}
hr {
	border: 0;
	border-bottom: solid 1px rgba(212, 212, 255, 0.1);
	margin: 2em 0;
}
hr.major {
	margin: 3em 0;
}
header.major {
	width: -moz-max-content;
	width: -webkit-max-content;
	width: -ms-max-content;
	width: max-content;
	margin-bottom: 2em;
}
header.major > :first-child {
	margin-bottom: 0;
	width: calc(100% + 0.5em);
}
header.major > :first-child:after {
	content: '';
	background-color: #ffffff;
	display: block;
	height: 2px;
	margin: 0.1em auto 0.5em auto;
	width: 98%;
}
header.major > p {
	font-weight: 600;
	letter-spacing: 0.25em;
	margin-bottom: 0;
	text-transform: uppercase;
}
body.is-ie header.major > :first-child:after {
	max-width: 9em;
}
body.is-ie header.major > h1:after {
	max-width: 100% !important;
}
@media screen and (max-width: 736px) {
	header.major > p br {
		display: none;
	}
}


/* Actions */
ul.actions {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	cursor: default;
	list-style: none;
	margin-left: -1em;
	padding-left: 0;
}
ul.actions li {
	padding: 0 0 0 1em;
	vertical-align: middle;
	font-size:1.8rem;
}
ul.actions.special {
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	width: 100%;
	margin-left: 0;
}
ul.actions.special li:first-child {
	padding-left: 0;
}
ul.actions.stacked {
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 0;
}
ul.actions.stacked li {
	padding: 1.3em 0 0 0;
}
ul.actions.stacked li:first-child {
	padding-top: 0;
}
ul.actions.fit {
	width: calc(100% + 1em);
}
ul.actions.fit li {
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	width: 100%;
}
ul.actions.fit li > * {
	width: 100%;
}
ul.actions.fit.stacked {
	width: 100%;
}


/* Table */
.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}
table {
	margin: 0 0 2em 0;
	width: 100%;
}
table tbody tr {
	border: solid 1px rgba(212, 212, 255, 0.1);
	border-left: 0;
	border-right: 0;
}
table tbody tr:nth-child(2n + 1) {
	background-color: rgba(212, 212, 255, 0.035);
}
table td {
	padding: 0.75em 0.75em;
}
table th {
	color: #ffffff;
	padding: 0 0.75em 0.75em 0.75em;
	text-align: left;
}
table thead {
	border-bottom: solid 2px rgba(212, 212, 255, 0.1);
}
table tfoot {
	border-top: solid 2px rgba(212, 212, 255, 0.1);
}
table.alt {
	border-collapse: separate;
}
table.alt tbody tr td {
	border: solid 1px rgba(212, 212, 255, 0.1);
	border-left-width: 0;
	border-top-width: 0;
}
table.alt tbody tr td:first-child {
	border-left-width: 1px;
}
table.alt tbody tr:first-child td {
	border-top-width: 1px;
}
table.alt thead {
	border-bottom: 0;
}
table.alt tfoot {
	border-top: 0;
}

/* Button */

input[type="reset"],
input[type="button"],
button,
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 0 0 2px #ffffff;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 600;
	height: 3.5em;
	letter-spacing: 0.25em;
	line-height: 3.5em;
	padding: 0 1.75em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="button"]:hover,
input[type="button"]:active,
button:hover,
button:active,
.button:hover,
.button:active {
	box-shadow: inset 0 0 0 2px #e1e1e1;
	color: #e1e1e1;
}
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
	background-color: rgba(155, 241, 255, 0.1);
	box-shadow: inset 0 0 0 2px #ebebeb;
	color: #ebebeb;
}
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
	margin-right: 0.5em;
}
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
	width: 100%;
}
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
	font-size: 0.6em;
}
input[type="reset"].large,
input[type="button"].large,
button.large,
.button.large {
	font-size: 1.25em;
	height: 3em;
	line-height: 3em;
}
input[type="reset"].next,
input[type="button"].next,
button.next,
.button.next {
	padding-right: 4.5em;
	position: relative;
}
input[type="reset"].next:before,
input[type="reset"].next:after,
input[type="button"].next:before,
input[type="button"].next:after,
button.next:before,
button.next:after,
.button.next:before,
.button.next:after {
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 36px 24px;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 1.5em;
	top: 0;
	vertical-align: middle;
	width: 36px;
}
input[type="reset"].next:before,
input[type="button"].next:before,
button.next:before,
.button.next:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
}
input[type="reset"].next:after,
input[type="button"].next:after,
button.next:after,
.button.next:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23e1e1e1%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
	opacity: 0;
	z-index: 1;
}
input[type="reset"].next:hover:after,
input[type="reset"].next:active:after,
input[type="button"].next:hover:after,
input[type="button"].next:active:after,
button.next:hover:after,
button.next:active:after,
.button.next:hover:after,
.button.next:active:after {
	opacity: 1;
}
@media screen and (max-width: 1280px) {,
	input[type="reset"].next,
	input[type="button"].next,
	button.next,
	.button.next {
		padding-right: 5em;
	}
}
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
	background-color: #ffffff;
	box-shadow: none;
	color: #242943;
}
input[type="reset"].primary:hover,
input[type="reset"].primary:active,
input[type="button"].primary:hover,
input[type="button"].primary:active,
button.primary:hover,
button.primary:active,
.button.primary:hover,
.button.primary:active {
	background-color: #e1e1e1;
	color: #242943 !important;
}
input[type="reset"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
	background-color: #ebebeb;
}
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
	pointer-events: none;
	cursor: default;
	opacity: 0.25;
}
.button.secondary{
	color:#fff;
}

/* Tiles */

.tiles {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 0 !important;
}

.tiles + * {
	border-top: 0 !important;
}
.tiles article {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-transition: -moz-transform 0.25s ease, opacity 0.25s ease, -moz-filter 1s ease, -webkit-filter 1s ease;
	-webkit-transition: -webkit-transform 0.25s ease, opacity 0.25s ease, -webkit-filter 1s ease, -webkit-filter 1s ease;
	-ms-transition: -ms-transform 0.25s ease, opacity 0.25s ease, -ms-filter 1s ease, -webkit-filter 1s ease;
	transition: transform 0.25s ease, opacity 0.25s ease, filter 1s ease, -webkit-filter 1s ease;
	padding: 2em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: default;
	height: 60vh;
	overflow: hidden;
	position: relative;
	width: 40%;
	border:1px solid #fff;
}

.tiles article .image {
	/*display: none;*/
}
.tiles article header {
	position: relative;
	z-index: 3;
}
.tiles article h3 {
	font-size: 5.0rem;
	font-weight:600;
}
.tiles article p {
	color:#fff;
	font-weight:500;
	font-size:1.8rem;
	letter-spacing:1.0px;
}
.tiles article h3 a:link, .tiles article h3 a:visited{
	color:#fff;
}
.tiles article h3 a:hover {
	color: inherit !important;
}
.tiles article .link.primary {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}
.tiles article:before {
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.tiles article:after {
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.tiles article:hover:before {
	opacity: 1;
}
.tiles article.is-transitioning {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-moz-filter: blur(0.5em);
	-webkit-filter: blur(0.5em);
	-ms-filter: blur(0.5em);
	filter: blur(0.5em);
	opacity: 0;
}
.tiles article:nth-child(4n - 1), .tiles article:nth-child(4n - 2) {
	width: 60%;
}
.tiles article:nth-child(6n - 5):before {
	background:#6fc3df url("../../images/pic01b.jpg") no-repeat;
	background-size:cover;
}
.tiles article:nth-child(6n - 4):before {
	background:#9f67ab url("../../images/pic02b.jpg") no-repeat;
	background-size:cover;
}
.tiles article:nth-child(6n - 3):before {
	background:#ec8d81 url("../../images/pic03b.jpg") no-repeat;
	background-size:cover;
}
.tiles article:nth-child(6n - 2):before {
	background:#5b6aa9 url("../../images/pic04b.jpg") no-repeat;
	background-size:cover;
}
.tiles article:nth-child(6n - 1):before {
	background:#d79044 url("../../images/pic05b.jpg") no-repeat;
	background-size:cover;
}
.tiles article:nth-child(6n):before {
	background:#64a984 url("../../images/pic06b.jpg") no-repeat;
	background-size:cover;
}
@media screen and (max-width: 1280px) {
	.tiles article {
		padding: 4em 3em 2em 3em ;
		height: 30vh;
		max-height: 30em;
		min-height: 20em;
	}
}
@media screen and (max-width: 980px) {
	.tiles article {
		width: 50% !important;
	}
}
@media screen and (max-width: 736px) {
	.tiles article {
		padding: 3em 1.5em 1em 1.5em ;
		height: 16em;
		max-height: none;
		min-height: 0;
	}
	.tiles article h3 {
		font-size: 1.5em;
	}
	.tiles article header {
		padding:10px;
		background:rgba(42, 47, 74, .5);
	}
}

@media screen and (max-width: 480px) {
	.tiles {
		display: block;
	}
	.tiles article {
		height: 20em;
		width: 100% !important;
		opacity: 1;
	}
	.tiles article header {
		padding:10px;
		background:rgba(42, 47, 74, .5);
	}
}


/* Header */

@-moz-keyframes reveal-header {
	0% {
		top: -4em;
		opacity: 0;
	}
	100% {
		top: 0;
		opacity: 1;
	}
}

@-webkit-keyframes reveal-header {
	0% {
		top: -4em;
		opacity: 0;
	}
	100% {
		top: 0;
		opacity: 1;
	}
}
@-ms-keyframes reveal-header {
	0% {
		top: -4em;
		opacity: 0;
	}
	100% {
		top: 0;
		opacity: 1;
	}
}
@keyframes reveal-header {
	0% {
		top: -4em;
		opacity: 0;
	}
	100% {
		top: 0;
		opacity: 1;
	}
}
#header {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	cursor: default;
	font-weight: 600;
	left: 0;
	letter-spacing: 0.25em;
	margin: 0;
	position: fixed;
	text-transform: uppercase;
	top: 0;
	width: 100%;
	z-index: 10000;
}
#header .logo {
	width:240px;
	height:55px;
	overflow:hidden;
	display: inline-block;
	background:transparent url('../../images/logo.png') no-repeat;
	background-size:240px;
	margin:5px 10px;
	text-decoration:none !important;
}
#header .logo h1{
	margin-top:55px;
}
#header #lang-link{
	position:absolute;
	top:20px;
	right:200px;
}
#header #lang-link a{
	color:#fff;
	font-size:90%;
}

#header nav {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-justify-content: -moz-flex-end;
	-webkit-justify-content: -webkit-flex-end;
	-ms-justify-content: -ms-flex-end;
	justify-content: flex-end;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	height: inherit;
	line-height: inherit;
	margin-top:17px;
}
#header nav a {
	border: 0;
	display: block;
	height: inherit;
	line-height: inherit;
	padding: 3px 15px;
	position: relative;
	vertical-align: middle;
	color:#fff;
}
#header nav a:last-child {
	padding-right: 1.5em;
}
#header nav a[href="#menu"] {
	padding-right: 3.325em !important;
}
#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 2px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='11' x2='24' y2='11' /%3E%3Cline x1='0' y1='21' x2='24' y2='21' /%3E%3Cline x1='0' y1='16' x2='24' y2='16' /%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px 32px;
	content: '';
	display: block;
	height: 60%;
	position: absolute;
	right: 1.5em;
	top: -1px;
	vertical-align: middle;
	width: 24px;
}
#header nav a[href="#menu"]:after {
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 2px%3B stroke: %23b9cee9%3B %7D%3C/style%3E%3Cline x1='0' y1='11' x2='24' y2='11' /%3E%3Cline x1='0' y1='21' x2='24' y2='21' /%3E%3Cline x1='0' y1='16' x2='24' y2='16' /%3E%3C/svg%3E");
	opacity: 0;
	z-index: 1;
}
#header nav a[href="#menu"]:hover:after, #header nav a[href="#menu"]:active:after {
	opacity: 1;
}
#header nav a[href="#menu"]:last-child {
	padding-right: 3.875em !important;
}
#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
	right: 2em;
}
#header.reveal {
	-moz-animation: reveal-header 0.35s ease;
	-webkit-animation: reveal-header 0.35s ease;
	-ms-animation: reveal-header 0.35s ease;
	animation: reveal-header 0.35s ease;
	background-color: rgba(42, 47, 74, .8);
}
#header.alt {
	-moz-transition: opacity 2.5s ease;
	-webkit-transition: opacity 2.5s ease;
	-ms-transition: opacity 2.5s ease;
	transition: opacity 2.5s ease;
	-moz-transition-delay: 0.75s;
	-webkit-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	transition-delay: 0.75s;
	-moz-animation: none;
	-webkit-animation: none;
	-ms-animation: none;
	animation: none;
	background-color: transparent;
	box-shadow: none;
	position: absolute;
}

body.is-preload #header.alt {
	opacity: 0;
}

@media screen and (max-width: 1680px) {
	#header nav a[href="#menu"] {
		padding-right: 3.75em !important;
	}
	#header nav a[href="#menu"]:last-child {
		padding-right: 4.25em !important;
	}
}
@media screen and (max-width: 1280px) {
	#header nav a[href="#menu"] {
		padding-right: 4em !important;
	}
	#header nav a[href="#menu"]:last-child {
		padding-right: 4.5em !important;
	}
}
@media screen and (max-width: 736px) {
	#header {
		height: 3em;
		line-height: 2.75em;
	}
	#header .logo {
		width:160px;
		height:34px;
		background-size:160px;
		margin:5px 10px 0;
	}
	#header .logo h1{
		margin-top:40px;
	}
	#header nav{
		margin-top:3px;
	}
	#header nav a {
		padding: 0 0.5em;
	}
	#header nav a:last-child {
		padding-right: 1em;
	}
	#header nav a[href="#menu"] {
		margin-top:5px;
		padding-right: 3.25em !important;
	}
	#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
		right: 0.75em;
	}
	#header nav a[href="#menu"]:last-child {
		padding-right: 4em !important;
	}
	#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
		right: 1.5em;
	}
	#header #lang-link{
		position:absolute;
		top:-2px;
		right:70px;
	}
	#header #lang-link a{
		color:#fff;
		font-size:80%;
	}
}
@media screen and (max-width: 480px) {
	#header .logo span {
		display: none;
	}
	#header nav a[href="#menu"] {
		overflow: hidden;
		padding-right: 0 !important;
		text-indent: 5em;
		white-space: nowrap;
		width: 5em;
	}
	#header nav a[href="#menu"]:before, #header nav a[href="#menu"]:after {
		right: 0;
		width: inherit;
	}
	#header nav a[href="#menu"]:last-child:before, #header nav a[href="#menu"]:last-child:after {
		width: 4em;
		right: 0;
	}
}


/* Slide */

.slide {
	position: relative;
	width: 100%;
	height:calc(100vh - 83px) !important;
	overflow: hidden;
}
.slide img{
	width:100%;
	height:calc(100vh - 83px) !important;
	object-fit: cover;
}
@keyframes slideshow{
	 0%{	opacity: 0;	}
	10%{	opacity: 1;	}
	28%{	opacity: 1;	}
	38%{	opacity: 0;	}
	100%{	opacity: 0;	}
}
.slide img {
	position: absolute;
	top: 0%;
	left: 0%;
	transform: translate(-0%, -0%);
	width: 100%;
	opacity: 0;
	animation :slideshow 24s linear infinite;
}
.slide img:nth-child(2){
  animation-delay: 6s;
}
.slide img:nth-child(3){
  animation-delay: 12s;
}
.slide img:last-child{
  animation-delay: 18s;
}

/* Banner */

#banner {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	height: 50vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin-bottom: -3.25em;
	padding: 0 ;
	top: -3.25em;
}

.style1{
	height:calc(100vh - 83px) !important;
}

.style2{

}

#banner h1 {
	font-size: 7rem;
	color:#fff;
	font-weight:800;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	/*
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
	border-bottom:1px solid #d7c210;
	*/
	padding:15px 50px;
	margin-bottom:30px;
	background:rgba(89, 56, 64, 0.6);
	text-align:center;
}
#banner h2 {
	font-size: 6rem;
	color:#fff;
	font-weight:600;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	-moz-text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
#banner h2.en{
	font-size: 2.6em !important;
}
.style1 .inner {
	-moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
	-webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
	-ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
	transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
	padding: 0 !important;
	position: absolute;
	width:100%;
	bottom:30px;
	left:0;
	z-index: 2;
	margin:0 auto 0;
}
.style2 .inner {
	-moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
	-webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
	-ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
	transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
	padding: 0 !important;
	position: absolute;
	top:150px;
	left:50%;
	width:400px;
	z-index: 2;
	margin:0 auto 0 -200px;
	text-align:center;
}
#banner > .inner .image {
	display: none;
}
#banner > .inner header {
	width: auto;
}
#banner > .inner header > :first-child {
	width: auto;
}
#banner > .inner header > :first-child:after {
	max-width: 100%;
}
#banner > .inner .content {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	margin: 0 auto;
}
#banner > .inner .content > * {
	margin: 0 auto;
	width:100%;
}
#banner > .inner .content > :last-child {
	margin-right: 0;
}
#banner > .inner .content p {
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing:1.4;
	color:#111;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
	text-align:center;
}
#banner.major {
	height: 75vh;
	min-height: 30em;
	max-height: 50em;
}
#banner.major.alt {
	opacity: 0.75;
}
#banner.style1:after {
	background-color: #6fc3df;
}
#banner.style2:after {
	background-color: #8d82c4;
}
#banner.style3:after {
	background-color: #ec8d81;
}
#banner.style4:after {
	background-color: #e7b788;
}
#banner.style5:after {
	background-color: #8ea9e8;
}
#banner.style6:after {
	background-color: #87c5a4;
}
body.is-preload #banner:after {
	opacity: 1.0;
}
body.is-preload #banner > .inner {
	-moz-filter: blur(0.125em);
	-webkit-filter: blur(0.125em);
	-ms-filter: blur(0.125em);
	filter: blur(0.125em);
	-moz-transform: translateX(-0.5em);
	-webkit-transform: translateX(-0.5em);
	-ms-transform: translateX(-0.5em);
	transform: translateX(-0.5em);
	opacity: 0;
}
@media screen and (max-width: 1280px) {
	#banner {
		background-attachment: scroll;
	}
}
@media screen and (max-width: 736px) {
	.slide {
		position: relative;
		width: 100%;
		height:70vh !important;
		overflow: hidden;
	}
	.slide img{
		width:100%;
		height:auto !important;
		object-fit: cover;
		object-position:50% 100%;
	}
	#banner {
		padding: 0;
		margin-bottom: -3em;
		max-height: none;
		min-height: 0;
		top: -2.75em;
	}
	.style1{
		height:60vh !important;
	}
	.style1 .inner {
		width:100%;
		top:7vh;
	}
	#banner > .inner .content p {
		width:90%;
		margin:0 5%;
		padding:8px 10px;
		font-size: 1.6rem;
		text-align:left;
		background:rgba(255, 255, 255, .6);
		box-sizing:border-box;
	}
	#banner h1 {
		font-size: 1.2em;
	}
	#banner > .inner .content {
		display: block;
	}
	#banner > .inner .content > * {
		margin-right: 0;
		margin-bottom: 2em;
	}
	#banner.major {
		height: auto;
		min-height: 0;
		max-height: none;
	}
	#banner h2.en{
		font-size: 2.0em !important;
	}
}

/* Main */
#main {
	position:relative;
}
#main .container-fluid{
	padding:0 !important;
}
.padding10{
	padding:0 10px !important;
}
.padding20{
	padding:0 20px !important;
}
.padding30{
	padding:0 30px !important;
}

/* Wrapper */
#wrapper {
	-moz-transition: -moz-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
	-webkit-transition: -webkit-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
	-ms-transition: -ms-filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
	transition: filter 0.35s ease, -webkit-filter 0.35s ease, opacity 0.375s ease-out;
	padding-top: 3.25em;
}
@media screen and (max-width: 736px) {
	#wrapper {
		padding-top: 2.75em;
	}
}


/* Menu */
#menu {
	-moz-transition: -moz-transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
	-webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
	-ms-transition: -ms-transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
	transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	pointer-events: none;
	background: rgba(36, 41, 67, 0.9);
	box-shadow: none;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	padding: 3em 2em;
	position: fixed;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: 10002;
}
#menu .inner {
	-moz-transition: -moz-transform 0.35s ease-out, opacity 0.35s ease, visibility 0.35s;
	-webkit-transition: -webkit-transform 0.35s ease-out, opacity 0.35s ease, visibility 0.35s;
	-ms-transition: -ms-transform 0.35s ease-out, opacity 0.35s ease, visibility 0.35s;
	transition: transform 0.35s ease-out, opacity 0.35s ease, visibility 0.35s;
	-moz-transform: rotateX(20deg);
	-webkit-transform: rotateX(20deg);
	-ms-transform: rotateX(20deg);
	transform: rotateX(20deg);
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	max-height: 100vh;
	opacity: 0;
	overflow: auto;
	text-align: center;
	visibility: hidden;
	width: 20em;
}
#menu .inner > :first-child {
	margin-top: 2em;
}
#menu .inner > :last-child {
	margin-bottom: 3em;
}
#menu ul {
	margin: 0 0 1em 0;
}
#menu ul.links {
	list-style: none;
	padding: 0;
}
#menu ul.links > li {
	padding: 0;
}
#menu ul.links > li > a:not(.button) {
	border: 0;
	border-top: solid 1px rgba(212, 212, 255, 0.1);
	display: block;
	letter-spacing: 0.25em;
	line-height: 4em;
	text-decoration: none;
	color:#fff;
}
#menu ul.links > li > .button {
	display: block;
	letter-spacing: 0.25em;
	line-height: 4em;
	text-decoration: none;
}
#menu ul.links > li:first-child > a:not(.button) {
	border-top: 0 !important;
}
#menu .close {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
	cursor: pointer;
	display: block;
	height: 4em;
	line-height: 4em;
	overflow: hidden;
	padding-right: 1.25em;
	position: absolute;
	right: 0;
	text-align: right;
	text-indent: 8em;
	top: 0;
	vertical-align: middle;
	white-space: nowrap;
	width: 8em;
}
#menu .close:before, #menu .close:after {
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 4em;
	position: absolute;
	right: 0;
	top: 0;
	width: 4em;
}
#menu .close:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 2%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='20' y2='20' /%3E%3Cline x1='20' y1='0' x2='0' y2='20' /%3E%3C/svg%3E");
}
#menu .close:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23e1e1e1%3B stroke-width: 2%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='20' y2='20' /%3E%3Cline x1='20' y1='0' x2='0' y2='20' /%3E%3C/svg%3E");
	opacity: 0;
}
#menu .close:hover:after, #menu .close:active:after {
	opacity: 1;
}
body.is-ie #menu {
	background: rgba(42, 47, 74, 0.975);
}
body.is-menu-visible #wrapper {
	-moz-filter: blur(0.5em);
	-webkit-filter: blur(0.5em);
	-ms-filter: blur(0.5em);
	filter: blur(0.5em);
}
body.is-menu-visible #menu {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}
body.is-menu-visible #menu .inner {
	-moz-transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible;
}

/*
TOP PLAN
=====================*/
#top-plan{
	position:relative;
	margin:0;
}
#top-plan h2{
	position: relative;
	text-align:center;
	margin:0 auto;
	padding:0;
}
#top-plan h2 span{
	display:block;
	font-family: 'Ubuntu', sans-serif;
	font-size:70%;
	font-weight:500;
	margin:0.2em 0 0;
	color:rgba(51, 51, 51, .6);
}
#top-plan h2:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}
.top-plan{
	width:100%;
	padding:4em 0;
}
.top-plan h3{
	font-size:3.6rem;
	text-align:center;
	margin-bottom:1.5em;
	font-weight:500;
}
#top-plan .container-fluid{
	margin:4em 3%;
}
.top-plan a{
	color:#393939;
}
.top-plan figure{
	width: 325px;
	height: 200px;
	border:1px solid #c0c0c0;
	overflow: hidden;
}
.top-plan figure img {
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
.top-plan figure img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.plan-box{
	position:relative;
}
.plan-content{
	position:absolute;
	width:300px;
	height:150px;
	margin:-40px 12px 0;
	padding:12px 15px;
	background:#e5ebf3;
	box-shadow:3px 3px 5px 0px #999999;
	text-align:center;
}
.plan-content h4{
	margin:0 0 10px;
	padding:0 0 10px;
	font-size:1.6rem;
	border-bottom:1px solid #bfc2b3;
	font-weight:600;
	line-height:1.4;
	text-align:left;
}
.plan-content p{
	font-size:1.3rem;
	font-family: "メイリオ","Meiryo",verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align:justify;
	line-height:1.3;
}
.plan-link{
	width:70%;
	padding:10px 0;
	text-align:center;
	font-size:1.8rem;
	background:#c55944;
	margin:50px auto 0;
}
.plan-link a:link, .plan-link a:visited{
	color:#fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
.plan-link a:hover, .plan-link a:focus{
	color:#edb1a5;
}
@media screen and (max-width: 768px) {
	.top-plan figure{
		width: 100%;
		height: auto;
	}
	.top-plan figure img {
		width: 100%;
		height: auto;
	}

	#top-plan h2{
		font-size:2.4rem;
	}
	.plan-content{
		position:relative;
		width:90%;
		height:auto;
		margin:-10px 5% 20px;
		padding:12px 15px;
		background:#e5ebf3;
		box-shadow:3px 3px 5px 0px #999999;
		text-align:center;
	}
	.top-plan{
		padding:4em 0 0;
	}
}
/*
TOP TOPICS
=====================*/

ul#topics-list{
	width:75%;
	margin:50px auto 0;
	background:rgba(255, 255, 255, .9);
	box-shadow: 10px 10px 15px -10px;
}
ul#topics-list li{
	padding:10px 20px;
}

ul#topics-list li h4{
	font-size:1.1em;
	font-weight:600;
}
ul#topics-list li p{
	margin:0;
	padding:0;
	font-size:1.1em;
}

#top-topics h2{
	position: relative;
	text-align:center;
	margin:0 auto ;
	padding:0;
}
#top-topics h2 span{
	display:block;
	font-family: 'Ubuntu', sans-serif;
	font-size:70%;
	font-weight:500;
	margin:0.2em 0 0;
	color:rgba(51, 51, 51, .6);
}
#top-topics h2:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}

#topics{
	width:100%;
	margin:3em 3em 0 !important;
	padding:0 !important;
}
#topics a:link, #topics a:visited{
	text-decoration:none !important;
	color:#3f466e !important;
	transition: all .3s ease-in-out;
}
#topics a:hover{
	text-decoration:none !important;
	color:#667fb4 !important;
}

span.mark1{
	background-color:#d77b31;
	padding:2px 3px;
	color:#ffffff;
	font-size:80%;
}
span.mark2{
	background-color:#69bf69;
	padding:2px 3px;
	color:#ffffff;
	font-size:80%;
}
span.mark3{
	background-color:#ac4141;
	padding:2px 3px;
	color:#ffffff;
	font-size:80%;
}
span.topics_date{
	color:#777777;
	vertical-align:top;
}
.arrow2 {
	position: relative;
	display: inline-block;
	padding-left: 12px;
	font-size:1.2rem;
	color:#666;
	font-family: "メイリオ","Meiryo",verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.arrow2:before {
	content: '';
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-left: solid 6px #c22c0e;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
}

@media screen and (max-width: 768px) {
	#top-topics{
		position:relative;
	}
	ul#topics-list{
		width:95%;
		margin:3% auto 5%;
		background:rgba(255, 255, 255, .9);
		box-shadow: 10px 10px 15px -10px;
	}


	.top-topics h2{
		font-size:2.4rem;
	}
	.top-topics_content{
		padding: 0 !important;
	}
	#topics{
		width:100%;
		margin:3em 0 0 !important;
		padding:0 !important;
	}
	
	span.topics_date{
		padding-left:0;
	}
	#topics ul li h4{
		font-size:1.6rem;
		margin-top:10px;
	}
	#topics ul li p{
		width:98%;
		margin-right:2%;
		font-size:1.3rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/*
TOP ACCESS
=====================*/
#top-access{
	position:relative;
	margin:8em 0 0;
	padding:5em 0 3em;
	background:#ced2e8;
}
#top-access h2{
	position: relative;
	text-align:center;
	margin:0 auto 2em;
	padding:0;
}
#top-access h2 span{
	display:block;
	font-family: 'Ubuntu', sans-serif;
	font-size:70%;
	font-weight:500;
	margin:0.2em 0 0;
	color:rgba(51, 51, 51, .6);
}
#top-access h2:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}
.map-cap{
	position:absolute;
	bottom:130px;
	left:10px;
	width:380px;
	height:200px;
	z-index:10;
	text-align:justify;
	background-color: rgba(42, 47, 74, .8);
}
.map-cap div{
	margin:2em 2em;
	color:#fff;
}
.map-cap div h3{
	text-align:center;
	color:#fff;
	margin-bottom:1em;
}
.map-cap div p{
	font-size:1.6rem;
}
.map-cap div p a{
	color:#fff;
}

@media only screen and (max-width: 768px) {
	#top-access{
		margin:3em 0 0;
		padding:3em 0 2em;
	}
	.acc-map{
		margin:0 0 3em;
		height:auto;
	}
	.map-cap{
		display:none;
	}
}
/*
TOP RESERVE
=====================*/
#top-rsv{
	width:100%;
	height:85px;
	padding:25px 0 23px;
	z-index:1000000 !important;
	background-color: rgba(42, 47, 74, 1);
}
#rsv_box{
	width:1170px;
	margin:0 auto;
	padding:0;
}
#rsv_cap{
	float:left;
	margin-right:5px;
	margin-top:-3px;
}
#rsv_cap h3{
	margin:0;
	padding:0.6em 0.5em;
	color:#fff;
	font-size:1.6rem;
	letter-spacing:0.1em;
	border:1px solid #fff;
}
#rsv_box form{
	float:left;
	margin:-3px 0 0;
	padding:0;
}
#rsv_box form input, #rsv_box form select {
	background:#fff;
	border:0;
	text-align:right;
	padding:0;
}
#rsv_box form #input-area{
	display:inline-block;
}
#rsv_box form p{
	color:#fff;
	display:inline-block;
	margin:10px 5px 0;
}
#rsv_box form span{
	color:#fff;
}
.year{
	display:inline-block;
	margin:0 0 0 5px;
	padding:6px !important;
	width:60px !important;
	text-align:right;
	color:#333;
}
.month{
	display:inline-block;
	margin:0 0 0 5px;
	padding:6px !important;
	width:45px !important;
	text-align:right;
	color:#333;
}
.day{
	display:inline-block;
	margin:0 0 0 5px;
	padding:6px !important;
	width:45px !important;
	text-align:right;
	color:#333;
}
.datepicker{
	display:none;
}
img.ui-datepicker-trigger{
	margin-top:-2px;
}
.ui-datepicker {
	z-index: 10000 !important;
}
#s_n{
	display:inline-block;
	margin:0 0 0 5px;
	color:#333;
}
#cap{
	display:inline-block;
	margin:0 0 0 5px;
	color:#333;
}
#s_n select, #cap select{
	padding:6px 10px 6px 9px !important;
	text-align:right;
	background:#fff url(../../images/arrow-down.png) no-repeat !important;
	background-position:right 2px top 5px !important;
}
#rsv_box input[type="submit"]{
	display:inline-block;
	width:150px;
	text-align:left;
	border:none !important;
	color:#fff;
	background:#6c83b8 url(../../images/arrow-right.png) no-repeat !important;
	background-position:90% 50% !important;
	font-size:1.4rem;
	margin:0 0 0 10px;
	padding:8px 5px 8px 10px;
	transition:.6s;
}
#rsv_box input[type="submit"]:hover{
	opacity: 0.7;
}
#tel-box{
	float:left;
	display:inline-block;
	margin:-8px 0 0 15px;
	color:#fff;
	vertical-align:baseline;
}
#tel-box aside{
	font-size:100%;
	line-height:1;
	margin:0;
	padding:0;
}
#tel-box a{
	color:#fff;
	font-size:2.6rem;
	line-height:1.2;
	text-decoration:none !important;
}
#tel-box a i{
	font-size:2.2rem;
}
#rsv_list{
	clear:both;
	float:left;
	margin-top:20px;
	margin-left:15px;
	padding:5px 5px;
	border-top:1px dotted #cfcfcf;
}
#rsv_list a:link{
	color:#fff;
	font-size:1.3rem;
	display:inline-block;
	margin-right:25px;
}
#rsv_list a:visited{
	color:#fff;
}

@media screen and (max-width: 768px) {
	#rsv-box-sp{
		position:relative;
		margin:0;
		padding:2em 10px;
		background:#fff;
		text-align:center;
	}
	#rsv-box-sp h2 {
		position: relative;
		padding: 0.4em;
		background-color: rgba(42, 47, 74, 1);
		color: #fff;
		font-family: "メイリオ","Meiryo",verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		font-size:2.0rem;
		margin-top:1em;
		margin-left:0.5em;
	}
	#rsv-box-sp h2::before {
		position: absolute;
		content: '';
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
		border-right: solid 20px rgb(149, 158, 155);
	}
	.reserve{
		width:98%;
		margin:0 auto;
		text-decoration:none;
		padding:15px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-align:left !important;
		font-family: "メイリオ","Meiryo",verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.reserve form p{
		font-size:1.8rem;
	}
	.reserve input,select{
		font-size:2.0rem;
		padding:7px;
		margin:5px auto 10px;
		border-radius: 8px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.reserve input[type="submit"]{
		width: 100%;
		margin: 10px 1% 0 0;
		padding: 7px;
		background:#6c83b8;
		color:#fff;
		font-weight:600;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.focus{
		background:#4a6194;
	}
	#k_ym-sp, #k_d-sp{
		display:inline-block;
		margin:0 10px 10px 0;
		width:45%;
	}
	#k_ym-sp select, #k_d-sp select{
		width:100%;
	}
	.50box{
		display:inline-block;
		width:50%;
	}
	#rsv-box-sp p{
		clear:both;
	}
	.rsv_menu{
		position:relative;
		width:100%;
		margin:15px 0 0 !important;
		padding:0 !important;
		list-style:none;
	}
	 .rsv_menu li a{
		width:90%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		display:inline-block;
		border-bottom:1px dotted #a6a09f;
		color:#2a2f4a;
		font-size:16px;
	}
	#rsv-cncel{
		font-size:1.8rem;
	}
}

/*
TOPICS PAGE
=====================*/
#topics-body{
	position:relative;
	padding:5em 0 3em;
}
#topics-body h2{
	position: relative;
	text-align:center;
	margin:0 auto ;
	padding:0;
}
#topics-body h2 span{
	display:block;
	font-family: 'Ubuntu', sans-serif;
	font-size:70%;
	font-weight:500;
	margin:0.2em 0 0;
	color:rgba(51, 51, 51, .6);
}
#topics-body h2:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}
.topics_kiji{
	width:100%;
	margin:0 auto 5em;
	padding: 0;
	display:inline-block;
}
.topics_body_icon{
	display:inline-block;
	margin-right:15px;
	vertical-align: 4px;
}
.topics_kiji h4{
	display:inline-block;
	font-weight:600;
	margin-bottom:2em;
}
.topics_kiji article{
	font-family: "メイリオ","Meiryo",verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.topics_img{
	float:right;
	position: relative;
	margin:15px 0 ;
}
.zoomin{
	position: absolute;
	right:10px;
	bottom:10px;
}
a.linknum {
	display: block;
	padding-top: 120px;
	margin-top: -120px;
}
.hlink{
	margin-top:20px;
}
.hlink a{
	color:#5660bc;
}
@media screen and (max-width: 768px) {
	#banner h2 {
		font-size: 3rem;
	}
}

/*
Information Page
=====================*/

#info-box01{
	margin:100px 0 0;
	padding:10px 0 5px;
	background:#2a2f4a;
}
#info-box01 div{
	position:relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 34.66%;
	background:#fff url(../../images/info-img05.jpg) no-repeat;
	background-size: contain;
	overflow:hidden;
}
#info-box01 div aside{
	position: absolute;
	width:620px;
	top: 10%;
	left: 50%;
	margin-left:-580px;
	height: 80%;
	display:block;
	z-index:10;
	line-height:180%;
	font-size:120%;
}
#info-box01 div aside h3{
	font-size:5rem;
	font-weight:800;
	color:#2a2f4a;
	letter-spacing:-1.5px;
	border-left:8px solid #2a2f4a;
	padding-left:12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}
#info-box01 div aside h3.en{
	font-size:5rem;
	font-family: 'Ubuntu', sans-serif;
}
#info-box01 div aside h4{
	font-size:1.9rem;
	font-weight:800;
	margin-top:50px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}
#info-box01 div aside p{
	font-size:1.6rem;
	margin:30px 0 0;
	line-height:1.5;
}
#info-box01 div aside ul{
	margin:30px 0 0;
	padding:15px;
	background:#f8f5e6;
	border-radius:10px;
	border:1px solid #fff;
	list-style-type:disc;
	list-style-position:inside;
	box-shadow: 4px 2px 10px -8px rgba(0,0,0,0.8);
}
#info-box01 div aside ul li{
	font-size:1.6rem;
}
#info-box02{ 
	width:100%;
	position:relative;
	background:#2a2f4a;
	margin:100px 0 0;
	padding:5px 0 10px;
}
#info-box02 div{
	position:relative;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 34.66%;
	background:#fff url(../../images/info-img06.jpg) no-repeat;
	background-size: contain;
	overflow:hidden;
}
#info-box02 div aside{
	position: absolute;
	width:620px;
	top: 10%;
	right: 50%;
	margin-right:-580px;
	height: 80%;
	display:block;
	z-index:10;
	line-height:180%;
	font-size:120%;
}
#info-box02 div aside h3{
	font-size:5rem;
	font-weight:800;
	color:#2a2f4a;
	letter-spacing:-1.5px;
	border-left:8px solid #2a2f4a;
	padding-left:12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}
#info-box02 div aside h4{
	font-size:1.9rem;
	font-weight:800;
	margin-top:50px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}
#info-box02 div aside figure{
	margin:60px auto 0;
}
#info-box02 div aside ul{
	margin:30px 0 0;
	padding:15px;
	background:#f8f5e6;
	border-radius:10px;
	border:1px solid #fff;
	list-style-type:disc;
	list-style-position:inside;
	box-shadow: 4px 2px 10px -8px rgba(0,0,0,0.8);
}
#info-box02 div aside ul li{
	font-size:1.6rem;
}
#info-box03{
	margin:100px 0;
	padding:10px 0 5px;
}
#info-box03 figure{
	margin-bottom:50px;
}
#info-box03 div aside{
	position: absolute;
	width:620px;
	top: 10%;
	left: 50%;
	margin-left:-580px;
	height: 80%;
	display:block;
	z-index:10;
	line-height:180%;
	font-size:120%;
}
#info-box03 h3{
	font-size:4.5rem;
	text-align:center;
	font-weight:600;
	color:#2a2f4a;
}
#info-box03 div aside h4{
	font-size:1.9rem;
	font-weight:800;
	margin-top:50px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}
#info-box03 div aside p{
	font-size:1.6rem;
	margin:30px 0 0;
	line-height:1.5;
}
#info-box03 div aside ul{
	margin:30px 0 0;
	padding:15px;
	background:#f8f5e6;
	border-radius:10px;
	border:1px solid #fff;
	list-style-type:disc;
	list-style-position:inside;
	box-shadow: 4px 2px 10px -8px rgba(0,0,0,0.8);
}
#info-box03 div aside ul li{
	font-size:1.6rem;
}
#info-box04{
	margin:0 0;
}
.d-tbl{
	display:table;
	table-layout: auto;
	width:100%;
}
.d-tbl-row{
	display:table-row;
}
.d-tbl-cel{
	display:table-cell;
	border-bottom:1px dotted #cfcfcf;
	padding:10px;
	font-family: "Noto Sans Japanese","メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:1.4rem;
}
.agreementlink{
	display:inline-block;
	width:50%;
	text-align:center;
	background:#ae9890;
	padding:5px;
	margin:0 auto;
}
.agreementlink a{
	color:#ffffff;
	font-size:1.5rem;
}
@media screen and (max-width: 768px) {
	#info-box01{
		margin:30px 0 0;
	}
	#info-box01 div{
		height: 220px;
		background-size: cover;
		background-position:bottom 0 right -130px;
	}
	#info-box01 div aside{
		position: absolute;
		width:75%;
		top: 0;
		left: 2%;
		margin-left:0;
		height: 100%;
		font-size:100%;
	}
	#info-box01 div aside h3{
		font-size:2.4rem;
		border-left:6px solid #2a2f4a;
		padding-left:5px;
		margin-bottom:10px;
		padding-bottom:0;
	}
	#info-box01 div aside h3.en{
		font-size:2.6rem;
		font-family: 'Ubuntu', sans-serif;
	}
		
	
	#info-box01 div aside h4{
		font-size:1.4rem;
		margin-top:0;
	}
	#info-box01 div aside p{
		font-size:1.4rem;
		margin:20px 0 0;
		line-height:1.2;
		text-shadow: 3px 3px 3px rgba(255, 255, 255, 255.8);
	}
	#info-box01 div aside ul{
		display:none;
	}
	#info-box02 div{
		height: 220px;
		background-size: cover;
		background-position:bottom 0 left -110px;
	}
	#info-box02 div aside{
		width:75%;
		top: 0;
		right: 2%;
		margin-right:0;
		height: 100%;
		font-size:100%;
	}
	#info-box02 div aside h3{
		font-size:2.6rem;
		border-left:6px solid #2a2f4a;
		padding-left:5px;
		margin-bottom:10px;
		padding-bottom:0;
	}
	#info-box02 div aside h4{
		font-size:1.4rem;
		margin-top:0;
		text-shadow: 3px 3px 3px rgba(255, 255, 255, 255.8);
	}
	#info-box02 div aside figure{
		margin:20px auto 0;
	}
	#info-box03{
		margin:0 0;
		padding:10px 0 5px;
	}
	#info-box03 h3{
		font-size:2.6rem;
	}
	
	.d-tbl{
		display:block;
		width:100%;
	}
	.d-tbl-row .w30{
		width:100% !important;
	}
	.d-tbl-cel{
		display:block;
	}
	.d-tbl-row div:nth-child(1){
		font-weight:800;
	}
}

/*
Rooms Page
=====================*/

#room-sec01,#room-sec02{
	margin:0 0 100px;
}
.room-box{
	width:100%;
}
.room-box article{
	margin:0;
	padding:0;
}
.room-box h3{
	margin:0 0 0.5em 10px;
	padding:0;
	color:#4f453f;
	font-size:2.4rem;
}
.room-box h3 span{
	display:inline-block;
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	margin:0.1em 0 0 10px;
	color:#2a2f4a;
}
.room-box aside span.item{
	display:block;
	padding:3px 10px;
	margin-bottom:1px;
	border-bottom:1px dotted #d9d5d2;
}
.room-box aside p{
	display:inline-block;
	width:60%;
	margin:15px auto 0;
	padding:10px 15px 8px 0;
	background:#6c83b8;
	text-align:center;
	font-weight:600;
	font-size:1.4rem;
}
.room-box aside.en{
	margin-top:20px !important;
}
.room-box aside.en figure{
	margin-top:70px !important;
}
.room-box aside p a:link, .room-box aside p a:hover, .room-box aside p a:visited{
	color:#fff !important;
}
.room-box aside .hvr-icon-forward{
	color:#fff;
}
.room-box span.ps{
	display:block;
	text-align:right;
	margin:5px 2%;
	font-size:80%;
}

@media screen and (max-width: 768px) {
	.room-box aside p{
		width:100%;
	}
	.room-box h3{
		font-size:1.8rem;
	}
	.room-box aside figure{
		display:none;
	}
	#room-sec01,#room-sec02{
		margin:0 0 30px !important;
	}
	#room-sec01 .mgb100{
		margin-bottom:50px !important;
	}
	#room-sec02 h3{
		font-size:2.4rem;
	}
	#room-sec02 h4{
		font-size:1.6rem;
	}
}

/*
Access Page
=====================*/


#acc-sec01{
	margin 0 0 50px;
}
#acc-sec01 p{
	margin:10px 10px 40px;
}
#acc-sec01 p span, #acc-sec02 p span{
	display:inline-block;
	background:#3f5194;
	color:#fff;
	padding:2px 7px;
	margin-right:8px;
}

#acc-sec02{
	margin:0 0 30px;
}
#acc-sec03{
	margin:0 0 60px;
}
#acc-sec04{
	margin:0 0 150px !important;
}

#acc-sec02 h4{
	width:100%;
	margin:0 0 30px;
	padding:8px 10px;
	border:1px solid #ccc;
	background:#ccc;
}

#acc-sec02 p{
	margin:10px 10px 40px;
}
#acc-sec03 h4{
	border:1px solid #ccc;
	padding:8px 20px;
	background:#ccc;
}

#acc-sec03 h5{
	font-size:110%;
	font-weight:600;
}

.acc-sub-list li span{
	display:inline-block;
	margin-right:30px;
}

.flx-parent {
	width:90%;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	align-items: center;
}
.flx-parent::after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}
.border{
	margin:0;
	padding:10px 0 30px;
	border-right:1px dotted #aaa;
	box-sizing:border-box;
}
.non-border{
	margin:0;
	padding:10px 0 30px;
	box-sizing:border-box;
}
.box-deco1{
	padding:10px 5px;
	background:#fff;
	border:1px solid #a7a7a7;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	//text-orientation: mixed;
	height:150px;
	text-align:center;
}
.box-deco1-en{
	padding:10px;
	background:#fff;
	white-space:nowrap;
	border:1px solid #a7a7a7;
	height:40px;
	text-align:center;
}
.box-deco1 span{
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
}
.box-deco2{
	padding:10px 5px;
	background:#2a2f4a;
	color:#fff;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	height:150px;
	text-align:center;
}
.box-deco2-en{
	padding:10px;
	background:#2a2f4a;
	white-space:nowrap;
	color:#fff;
	height:40px;
	text-align:center;
}
.bdTxt {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	flex-basis:auto;
	width:100%;
	line-height:120%;
	white-space:nowrap;
}
.bdTxt::before,
.bdTxt::after {
	content: "";
	flex-grow: 2;
	height: 1px;
	background: #bcbcbc;
	display: block;
	margin:0 0.5em;
}
.bdTxt::before {
	margin-right: 0.5rem;
}
.bdTxt::after {
	margin-left: 0.5rem;
}

@media screen and (max-width: 768px) {
	#acc-sec02{
		margin:0 0 50px;
	}
	#acc-sec02 h4{
		width:95% !important;
		margin:0 10px 20px;
	}
	#acc-sec02 h4 span{
		display:block;
		line-height:120%;
	}
	#acc-sec02 .w60{
		width:95% !important;
	}
	#acc-sec03 h4{
		margin:0 auto !important;
		width:98% !important;
	}
	.bdTxt {
		display: block;
		width:100%;
		margin:0;
		padding:10px 0 5px;
	}
	.bdTxt i{
		display:block;
		text-align:center;
		margin:5px 0;
		padding:0;
	}
	.bdTxt::before,
	.bdTxt::after {
		display:blcok;
		clear:both;
		height:0;
		content: "";
		margin:0 !important;
	}
}

.gmapl a{
	displayblock;
	background:#72a051;
	padding:6px 10px;
	color:#fff;
	font-size:90%;
}
.gmapl a:hover{
	color:#c7deb6 !important;
	text-decoration:none;
	opacity:0.7;
}
.weblink{
	display:inline-block;
	width:120px;
	text-align:center;
	background:#ae9890;
	padding:1px;
	margin-right:5px;
}
.weblink a:link, .weblink a:visited{
	color:#ffffff;
	font-size:1.2rem;
}
.weblink a:hover, .weblink a:active{
	color:#6e5248 !important;
	text-decoration:none;
}
@media only screen and (max-width: 768px) {

	#acc-sec01, #acc-sec02, #acc-sec03{
		margin:3em 0;
	}
	#acc-sec01 h2, #acc-sec02 h2, #acc-sec03 h2{
		font-size:2.6rem;
	}
	#acc-sec02 h3{
		margin:0 3%;
		font-size:2.0rem;
		margin-bottom:0;
	}
	#acc-sec02 h4{
		font-size:1.6rem;
	}
	#acc-sec02 .mgb20{
		margin-bottom:10px !important;
	}
	.flx-parent {
		width:98% !important;
		margin:0 auto !important;
		display: block !important;
	}
	.box-deco1{
		display:block !important;
		padding:3px 0 !important;
		-webkit-writing-mode: horizontal-tb !important;
		-ms-writing-mode: horizontal-tb !important;
		writing-mode: horizontal-tb !important;
		width:100% !important;
		height:auto !important;
	}
	.box-deco2{
		display:block !important;
		padding:3px 0 !important;
		-webkit-writing-mode: horizontal-tb !important;
		-ms-writing-mode: horizontal-tb !important;
		writing-mode: horizontal-tb !important;
		width:100% !important;
		height:auto !important;
	}
	.weblink{
		margin-bottom:30px;
	}
	#acc-sec03 .mgb100{
		margin-bottom:30px !important;
	}
}






/*
FOOTER
=====================*/
footer {
	width:100%;
	padding: 40px 0 0;
	background: rgba(42, 47, 74, 1);
	margin:0;
}
#footer{
	margin:0;
	color:#ac9105;
}
#foot-logo{
	margin-bottom:10px;
}
#foot-logo img{
	width:50%;
}
#footer address{
	font-size:1.4rem;
	color:#fff;
}
#footer p {
	font-size:80%;
	color:#bababb;
	margin-top:20px;
	text-align:center;
}
#footer h3{
	color:#fff;
	font-weight:600;
	margin:0 0 15px;
	padding:0;
}
#footer ul.fh5co-footer-link{
	padding: 0;
	margin: 0 0 0 0.5em;
	list-style: none;
}
#footer ul.fh5co-footer-link li{
	padding:3px 0;
}
#footer .fh5co-footer-link li a {
	font-family:"Yu Gothic Medium", YuGothic, '游ゴシック Medium', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-size:1.4rem;
	color:#fff;
}
#footer .fh5co-footer-link li a:hover, #footer .fh5co-footer-link li a:active, #footer .fh5co-footer-link li a:focus {
	color:#ac9105;
}
.arrow3 {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.arrow3:before {
	content: '';
	width: 14px;
	height: 14px;
	background: #212330;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
}
.arrow3:after {
	content: '';
	width: 0;
	height: 0;
	border: solid 3px transparent;
	border-left: solid 5px #fff;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -3px;
}
.copyright{
	margin-top:2.5em;
	padding:0.3em 0;
	background:rgba(10,10,10,0.8);
	text-align:center;
}
.copyright p{
	margin:0.2em 0 0;
	padding:0;
	font-size:1.1rem;
	color: #fff !important;
}

@media screen and (max-width: 768px) {
	#foot-logo{
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	#footer address{
		text-align:center;
		font-size:1.2rem;
	}
	#footer address a{
		color:#fff;
	}
	.copyright{
		font-size:1.0rem;
	}
}

.red-b{
	border: 1px red solid;
}

.blue-b{
	border: 1px blue solid;
}




.top-link{
	margin:0 10px 50px;
}

*====================================================================
.s_02 .accordion_one
====================================================================*/

.s_02 .accordion_one {
	margin: 0 auto;
	line-height:0 !important;
}
.s_02 .accordion_one .accordion_header {
	font-size: 1.5rem;
	font-weight: 500;
	padding: 0;
	text-align: left;
	position: relative;
	z-index: +1;
	line-height:10px;
	cursor: pointer;
	transition-duration: 0.2s;
	height:35px;
}

.s_02 .accordion_one .accordion_header:before{
	content: url('../../images/help.png');
	display: inline-block;
	vertical-align: middle;
	transform: scale(0.4);
}

.s_02 .accordion_one .accordion_header:hover {
  opacity: .6;
}
.s_02 .accordion_one .accordion_header .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 10%;
	right: 5%;
	width: 20px;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #333;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_02 .accordion_one .accordion_inner {
  display: none;
  padding: 10px 20px;
  box-sizing: border-box;
  background:#eee;
  width:90%;
  margin:15px 50px 0;
  color:#832e2e;
}

.s_02 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}


@media screen and (max-width: 768px) {
	.s_02 .accordion_one .accordion_header .i_box {
		display: none;
	}
	.s_02 .accordion_one .accordion_inner {
	  width:95%;
	  margin:15px 10px 0;
	}
}


/*----------------*/
/* text style     */
/*----------------*/
.em{ font-weight:bold; }
.serif{
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.s-serif{
	font-family: "メイリオ","Meiryo",verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.fs70{ font-size:70% !important; }
.fs80{ font-size:80% !important; }
.fs90{ font-size:90% !important; }
.fs110{ font-size:110% !important; }
.fs120{ font-size:120% !important; }

/*----------------*/
/* layout         */
/*----------------*/
.clear{ clear:both; }
.f-left{ float:left; }
.f-right{ float:right; }
.text-left{ text-align:left; }
.text-right{ text-align:right; }
.text-justify{ text-align:justify; }
.text-center{ text-align:center; }
.v-top{ vertical-align:top; }
.v-middle{ vertical-align:middle; }
.v-bottom{ vertical-align:bottom; }


/*----------------*/
/* margin         */
/*----------------*/
/** top **/
.mgt3{ margin-top:3px !important; }
.mgt5{ margin-top:5px !important; }
.mgt8{ margin-top:8px !important; }
.mgt10{ margin-top:10px !important; }
.mgt13{ margin-top:13px !important; }
.mgt15{ margin-top:15px !important; }
.mgt20{ margin-top:20px !important; }
.mgt25{ margin-top:25px !important; }
.mgt30{ margin-top:30px !important; }
.mgt40{ margin-top:40px !important; }
.mgt45{ margin-top:45px !important; }
.mgt50{ margin-top:50px !important; }
.mgt55{ margin-top:55px !important; }
.mgt60{ margin-top:60px !important; }
.mgt70{ margin-top:70px !important; }
.mgt80{ margin-top:80px !important; }
.mgt90{ margin-top:90px !important; }
.mgt100{ margin-top:100px !important; }
.mgt120{ margin-top:120px !important; }


/** right **/
.mgr0{ margin-right:0 !important; }
.mgr1{ margin-right:1px !important; }
.mgr2{ margin-right:2px !important; }
.mgr3{ margin-right:3px !important; }
.mgr5{ margin-right:5px !important; }
.mgr6{ margin-right:6px !important; }
.mgr8{ margin-right:8px !important; }
.mgr10{ margin-right:10px !important; }
.mgr12{ margin-right:12px !important; }
.mgr13{ margin-right:13px !important; }
.mgr15{ margin-right:15px !important; }
.mgr20{ margin-right:20px !important; }
.mgr25{ margin-right:25px !important; }
.mgr30{ margin-right:30px !important; }
.mgr35{ margin-right:35px !important; }
.mgr40{ margin-right:40px !important; }
.mgr50{ margin-right:50px !important; }
.mgr60{ margin-right:60px !important; }
.mgr70{ margin-right:70px !important; }
.mgr80{ margin-right:80px !important; }
.mgr90{ margin-right:90px !important; }
.mgr100{ margin-right:100px !important; }
.mgr110{ margin-right:110px !important; }
.mgr120{ margin-right:120px !important; }


/** left **/
.mgl0{ margin-left:0 !important; }
.mgl5{ margin-left:5px !important; }
.mgl10{ margin-left:10px !important; }
.mgl12{ margin-left:12px !important; }
.mgl15{ margin-left:15px !important; }
.mgl20{ margin-left:20px !important; }
.mgl25{ margin-left:25px !important; }
.mgl30{ margin-left:30px !important; }
.mgl35{ margin-left:35px !important; }
.mgl40{ margin-left:40px !important; }
.mgl50{ margin-left:50px !important; }
.mgl55{ margin-left:55px !important; }
.mgl60{ margin-left:60px !important; }
.mgl60{ margin-left:60px !important; }
.mgl70{ margin-left:70px !important; }
.mgl80{ margin-left:80px !important; }
.mgl90{ margin-left:90px !important; }
.mgl100{ margin-left:100px !important; }


/** bottom **/
.mgb3{ margin-bottom:3px !important; }
.mgb5{ margin-bottom:5px !important; }
.mgb7{ margin-bottom:7px !important; }
.mgb10{ margin-bottom:10px !important; }
.mgb15{ margin-bottom:15px !important; }
.mgb18{ margin-bottom:18px !important; }
.mgb20{ margin-bottom:20px !important; }
.mgb25{ margin-bottom:25px !important; }
.mgb30{ margin-bottom:30px !important; }
.mgb35{ margin-bottom:30px !important; }

.mgb40{ margin-bottom:40px !important; }
.mgb45{ margin-bottom:45px !important; }
.mgb50{ margin-bottom:50px !important; }
.mgb55{ margin-bottom:55px !important; }
.mgb60{ margin-bottom:60px !important; }
.mgb70{ margin-bottom:70px !important; }
.mgb80{ margin-bottom:80px !important; }
.mgb90{ margin-bottom:90px !important; }
.mgb100{ margin-bottom:100px !important; }
.mgb120{ margin-bottom:150px !important; }
.mgb130{ margin-bottom:130px !important; }
.mgb150{ margin-bottom:150px !important; }


.pgb5{ padding-bottom:5px !important; }
.pgb10{ padding-bottom:10px !important; }
.pgb15{ padding-bottom:15px !important; }
.pgb20{ padding-bottom:20px !important; }

.px-30{ 
	padding-left: 30px !important;
	padding-right: 30px !important; 
}


/** all **/
.mrg0{ margin:0 !important; }
.mrg0a{ margin:0 auto; }
.mrg5{ margin:5px; }
.mrg8{ margin:8px; }
.mrg10{ margin:10px; }
.mrg15{ margin:15px; }
.mrg20{ margin:20px; }

.mrg15-10{ margin:15px 10px; }
.mrg10-10{ margin:10px 10px 0; }
.mrg0-10{ margin:0 10px; }

/*----------------*/
/* width          */
/*----------------*/
.w10{width:10%;}
.w15{width:15%;}
.w18{width:18%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%; !important;}
.w47{width:47%;}
.w48{width:48%;}
.w50{width:50%; !important;}
.w52{width:52%;}
.w53{width:53%;}
.w55{width:55%;}
.w60{width:60% !important;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}