@charset "UTF-8";

/*
Theme Name: CYCLE PARK 2025
Text Domain: cyclepark-2025
Description: サイクルパークつくば専用ワードプレステーマ
Author: 株式会社オンズ
Author URI: https://on-ze.com
Theme URI: https://cyclepark298.com
Version: 0.9
*/

/******************/


:root {
--color-background:#f4f4f4;
--color-black:#251e1c; /*rgb(37,30,28) */
--color-dark:#251e1c;
--color-gray:#8d8d8d;
--color-brown:#70635f;
--color-border:#dfdddd; /* rgba(37,30,28,0.15) */
--color-darkgreen:#035e3b;
--color-green:#168352;
--color-lightgreen:rgba(22,132,82,0.1);
--color-white:#ffffff;
--box-shadow:0 0 3rem rgba(37,30,28,0.05);
--font-thin:100;
--font-light:200;
--font-regular:400;
--font-bold:600;
--border-radius:3vw;
--border-radius-mini:1vw;
--letter-spacing:0.15em;
--line-height-big:2.1;
--line-height:1.5;
--line-height-mini:1.3;
--transition:0.35s;
}


/******************/
/******************/
/* ONZE RESET CSS */

*,
*::before,
*::after {
	box-sizing:border-box;
}

* {
border:0;
margin:0;
outline:0;
padding:0;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
/*	all:unset;
	display:revert;*/
}


article, aside, footer, header, main, nav, article, section {display:block;}
img, picture, audio, canvas, video, svg {display:block; max-width:100%; height:auto;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}

input,
select {vertical-align:middle;}

body {
	line-height:1;
	line-break:strict;
	overflow-wrap:anywhere;
	word-break:normal;
	font-feature-settings:"palt";
	font-kerning:normal;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
}

a {-webkit-tap-highlight-color:transparent;}

/******************/
/******************/
/* html format ****/

html {
	font-size:62.5%;
	font-size:calc(100vw / 144);
}
html {font-size:clamp(7px, calc(100vw / 1600 * 4 + 6px), 11px);}
html.is-fixrem {font-size:62.5%;}


@media (max-width:600px) {
	html {font-size:clamp(8px, calc(100vw / 1600 * 4 + 6px), 11px);}
}

body {
background-color:var(--color-white);
color:#251e1c;
color:var(--color-dark);
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, Meiryo, sans-serif;
font-size:17px;
font-size:1.7rem;
font-weight:var(--font-regular);
position:relative;
text-align:center;
width:100%;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color:inherit;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	text-decoration:none;
	-webkit-text-decoration-skip:objects;
}

h1,
h2,
h3,
h4,
h5,
h6 {display:block; line-height:var(--line-height-mini);}

b {color:var(--color-green);}
i {font-style:normal;}
u {text-decoration:underline;}
em {font-weight:var(--font-bold);}
strong {font-weight:var(--font-bold); font-size:1.3em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {
	margin:5em 0; border:0;
	border-top:1px solid var(--color-border);
	border-color:var(--color-border);
	height:0;
}

table {
	border-collapse:collapse; border-spacing:0;
	empty-cells:show; border:0; width:100%; margin:0 0 3em 0;
	border-top:1px solid #e9e8e8; border-color:var(--color-border);
	line-height:var(--line-height);
}
table th,
table td {
	padding:1.5em 1em; vertical-align:top;
	border-bottom:1px solid #e9e8e8; border-color:var(--color-border);
}
table th {
	background-color:var(--color-background); border-right:1px solid var(--color-border);
	padding:1.5em 2em;
	font-weight:var(--font-bold);
	max-width:30%;
}
table th span {
	display:block;
	font-size:13px; font-size:1.3rem; color:var(--color-gray);
	margin:0.5em 0;
}
table caption {
	text-align:left; padding:0 0 0.3em 0;
	font-weight:var(--font-bold);
	font-size:1.3em;
}
table tfoot td {text-align:right; border:0;
	font-size:13px; font-size:1.3rem;
}


::-moz-selection {background-color:var(--color-green); color:var(--color-white);}
::selection {background-color:var(--color-green); color:var(--color-white);}

/******************/
/******************/
/* shortcodes *****/

.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.empty {visibility:hidden;}
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.nowrap {white-space:nowrap;}
.small,
.text-small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {max-width:100%; width:100%; height:auto;}

table.table-border,
table.table-border th,
table.table-border td {border:1px solid #e9e8e8; border-color:var(--color-border);}

table.table-hover tbody tr:hover,
table.table-hover tbody tr:nth-child(odd):hover,
table.table-hover tbody tr:nth-child(even):hover {background-color:var(--color-green); color:var(--color-white); cursor:text;
}

table.table-stripe tbody tr:nth-child(odd) {background-color:#e9e8e8; background-color:var(--color-border);}
table thead th {vertical-align:bottom;}


.inner {
	clear:both; display:flow-root; margin:0 auto; position:relative; max-width:1900px; width:100%;
	padding-left: 3vw;
	padding-right: 3vw;
}
.inner[data-width="max"] {max-width:100%;}
.inner[data-width="mid"] {max-width:1900px;}
.inner[data-width="min"] {max-width:1300px;}

/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
width:100%;
height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}

.wp-embedded-content {max-width:100%; width:100%;}
.wp-video {margin:0 0 1em 0; max-width:100%; width:100%;}
.wp-video-shortcode {margin:0 0 1em 0; max-width:100%; width:100%;}

/******************/
/******************/

.site {transition:opacity var(--transition);}
.site.is-loading {opacity:0;}
/*
.site {}
.site-header {}
.site-navi {}
.site-main {}
.site-footer {}
.site-background {}
*/

/******************/
/******************/
/* loading ********/

.noscript {
	display:flex; justify-content:center; align-items:center;
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	background-color:var(--color-green);
	color:var(--color-white);
	line-height:var(--line-height);
	z-index:99999;
}
/*
.transition-fade {
	transition: 0.5s;
	opacity:1
}
html.is-animating .transition-fade {opacity:0}
*/


.site-loading {
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	width:100%; height:100vh;
	background:var(--color-white);
	transition:opacity 0.35s ease-in-out;
	overflow:hidden;
	will-change:transform;
	z-index:9999;
}
.site-loading.fade {
	opacity: 0;
}
.site-loading::before,
.site-loading::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	transition:0.7s ease-in-out;
	will-change:transform;
}

/* 画像幕 */
.site-loading::before {
	top: 100%;
	height: 0;
	background-color: var(--color-darkgreen);
	background-size: 100% 100%;
	z-index: 1;
	transition:0.7s ease-in-out;
	transform: translateY(0);
}
.site-loading.start::before {
	top: 0;
	height:102%;
}
.site-loading::after {
	top: 100%;
	height: 200vh;
	background-color: var(--color-darkgreen);
	z-index: 2;
	transition:0.7s ease-in-out;
	transform: translateY(0);
}

.site-loading.out::before,
.site-loading.out::after {
	transform: translateY(-200%);
}

/* header *********/

.site-background {
	position:fixed; top:0; left:0; right:0; bottom:0;
	width:100%;
	z-index:0;
}

.site-header {
	width:100%; padding:0;
	display:flex;
	align-items: center; position:fixed;
	height: 7.5vw;
	min-height:70px;
	max-height:140px;
	background-color:var(--color-white);
	border-bottom:1px solid var(--color-background);
	box-shadow:var(--box-shadow);
	transition:opacity var(--transition), transform var(--transition);
	z-index:999;
}
.site-header.is-scroll {
	opacity:0; transform:translateY(-100%);
}

.site-header .inner {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.header-logo {
	margin:0 2em 0 0;
	width:22rem;
}
.header-logo .site-title {display:block; margin:0; white-space:nowrap; overflow:hidden; position:relative;}
.header-logo .site-title i {font-size:31px; font-size:3.1rem;}
.header-logo .site-title a {display:block; color:#035e3b;}
.header-logo .site-title a:hover {color:var(--color-green);}
.header-logo .site-description {display:none;}

/******************/
/******************/
/* navi ***********/

.header-navi {margin:0 0 0 auto;}
.header-navi ul {
	display:flex;
	align-items:center;
	list-style:none; margin:0; padding:0;
	font-size:15px; font-size:1.5rem;
	font-weight:var(--font-bold);
}
.header-navi ul li:first-child {display:none;}

.header-navi ul li a {
	display:block; padding:0 1em; position:relative;
	transition:color var(--transition);
}
.header-navi ul li a:hover {color:var(--color-green);}
.header-navi ul li[class*="current"] a {
	color:var(--color-green);
	transition:color var(--transition);
}
.header-navi ul li[class*="current"] a::before {
	opacity:0;
	content:""; display:block;
	position:absolute; top:-16px;
	width:32px; height:8px;
	background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojM2Q4MDU2O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iX+ODrOOCpOODpOODvF8xLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI5LjA5LDQuODNjLTEuOCwwLTIuOTctLjgxLTQuNDYtMS44My0xLjk0LTEuMzQtNC4zNS0zLTguNjMtM3MtNi42OSwxLjY2LTguNjMsM2MtMS40OSwxLjAyLTIuNjYsMS44My00LjQ2LDEuODNIMHYzLjE3aDIuOTFjMi44NSwwLDQuNjMtMS4yMyw2LjM2LTIuNDIsMS44LTEuMjQsMy41LTIuNDEsNi43Mi0yLjQxczQuOTIsMS4xNyw2LjcyLDIuNDFjMS43MywxLjE5LDMuNTIsMi40Miw2LjM2LDIuNDJoMi45MXYtMy4xN2gtMi45MSwwWiIvPjwvZz48L3N2Zz4=") 0 0 no-repeat;
	left:50%; transform:translateX(-50%);
	transition:opacity var(--transition);
}
.header-navi ul li[class*="current"] a::before {
	opacity:1;
}


.header-toggle {
	display:none; position:absolute; top:0; right:0; background:var(--color-green); 
	width:7.5vw; height:7.5vw; 
	min-height: 70px;
	min-width:70px;
	max-height: 140px;
	color:var(--color-white); font-weight:var(--font-bold);
	cursor:pointer; z-index:777;
}
.header-toggle svg {margin:0 auto 0.7em; width:2em; height:auto;}
.header-toggle:hover {background-color:var(--color-darkgreen);}

.header-close {
	display:none;
	position: absolute;
	bottom:3vw;
	left:50%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:11vw;
	height:11vw;
	background-color:var(--color-white);
	font-weight:var(--font-bold); color:var(--color-green);
	border:2px solid var(--color-white);
	border-radius:50%;
	transform:translateX(-50%);
	cursor:pointer;
}
.header-close:hover {background-color:var(--color-green); color:var(--color-white);}

@media (max-width:800px) {
	.header-toggle {display:block;}
	.header-navi {
		position:fixed;
		display:block;
		top:0; left:0; right:0; bottom:0; margin:0;
		height:100%;
		padding:1em 1em 3.3em;
		background-color: rgba(22, 131, 82, 0.9);
		pointer-events:none;
		opacity:0;
		z-index:9999;
	}
	.header-navi.is-mobile {
		transition:opacity var(--transition);
	}
	.header-navi.is-active {
		opacity:1;
		pointer-events:auto;
	}
	.header-navi ul {
		display: flex;
		flex-direction: column;
		position:relative;
		height:100%;
		background-color:var(--color-white);
		border-radius:var(--border-radius);
		text-align:left;
		font-size:31px; font-size:3.1rem;
		padding:5em 1em 7em;
		transition:none;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		overflow-scrolling:touch;
		-webkit-mask-image: url("images/navi-mask.png");
		-webkit-mask-size: 100% auto;
		-webkit-mask-position: bottom center;
	}
	.header-navi ul li:first-child {display:block;}
	.header-navi ul li {margin:0 0 2em 0;}
	.header-navi .header-close {display:flex;}
	body.is-navi {overflow:hidden;}
}
@media (max-width:600px) {
	.header-navi ul {font-size:25px; font-size:2.5rem;}
	.header-navi .header-close {width:13vw; height:13vw;}
}
@media (max-width:400px) {
	.header-navi ul {font-size:25px; font-size:2.5rem;}
}


/******************/
/******************/
/* footer *********/

.site-footer {
	text-align:left; padding:9vw 0 0; line-height:var(--line-height);
	position:relative;
	background-color:var(--color-background);
}
.site-footer .background {
	position:absolute; top:0; left:0; right:0;
	width:100%; aspect-ratio:1600 / 54;
	background:var(--color-white) center bottom no-repeat;
	/*background-image:url("images/footer-background.webp");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2MDAgNTQiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojM2Q4MDU2O30uY2xzLTN7ZmlsbDojZjRmNGY0O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iX+ODrOOCpOODpOODvF8xLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE1NjAuMTksNDQuNDRjLTI5LjA1LDAtNDMuMjQtOS41My01OC4yNi0xOS42LTE2LjAxLTEwLjc0LTMyLjU1LTIxLjg0LTY1LjI3LTIxLjg0cy00OS4yNiwxMS4xLTY1LjI2LDIxLjgyYy0xNS4wMywxMC4wOS0yOS4yMSwxOS42LTU4LjI4LDE5LjZoLTEuMTF2OS41N2gyNTd2LTkuNTZoLTguODFaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTYwMCw0MmgtMzkuODFjLTI5LjA1LDAtNDMuMjQtMTAuOTEtNTguMjYtMjEtMTYuMDEtMTAuNzUtMzIuNTUtMjEtNjUuMjctMjFzLTQ5LjI2LDEwLjI2LTY1LjI2LDIxYy0xNS4wMiwxMC4xLTI5LjIxLDIxLTU4LjI3LDIxSDB2MTJoMTMxMy4xMWMyOS4wNiwwLDQzLjI1LTguOSw1OC4yNy0xOSwxNi0xMC43NCwzMi41NS0yMi40OSw2NS4yNi0yMi40OXM0OS4yNiwxMS43NCw2NS4yNywyMi40OWMxNS4wMywxMC4wOSwyOS4yMSwxOSw1OC4yNiwxOWgzOS44MXYtMTJaIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI1NCIvPjwvZz48L3N2Zz4=");
	background-size:100% 100%;
	overflow:hidden;
	pointer-events:none;
	z-index:1;
}

.site-footer .footer-scroll {
	position:absolute;
	top: 3vw;
	right: 7vw;
	line-height:1;
	width:6vw;
	height:6vw;
	z-index:3;
}
.site-footer .footer-scroll button {
	border-radius:50%;
	display:block;
	width:100%; height:100%;
	background:var(--color-brown);
	transform:translateY(0);
	transition:transform var(--transition);
	padding:0 ;
	color:transparent;
	cursor:pointer;
	overflow:hidden;
	will-change: transform;
}
.site-footer .footer-scroll button i {color:transparent; position:absolute;}
.site-footer .footer-scroll button span {
	position:absolute;
	display:block;
	width:1.5em; height:1.5em;
	background:center center no-repeat;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMSwxM2MtNS4yMywwLTE0LTEuNTYtMTQtMTIsMC0uNTUtLjQ1LTEtMS0xcy0xLC40NS0xLDFjMCwxMC40NC04Ljc3LDEyLTE0LDEyLS41NSwwLTEsLjQ1LTEsMXMuNDUsMSwxLDFjNi42MiwwLDExLjQ3LTIuMywxNC02LjM4djIyLjM4YzAsLjU1LjQ1LDEsMSwxczEtLjQ1LDEtMVY4LjYyYzIuNTMsNC4wOCw3LjM4LDYuMzgsMTQsNi4zOC41NSwwLDEtLjQ1LDEtMXMtLjQ1LTEtMS0xWiIvPjwvZz48L3N2Zz4=");
	background-size:100% auto;
	top:50%; left:calc(50% - 0.75em);
	transform:translateY(-50%);
	will-change: transform;
}

.site-footer .footer-scroll button:hover {
	background-color:var(--color-green);
	transform:translateY(-0.7rem);
}
.site-footer .footer-scroll button:hover span {
	animation:
		arrow-up-out 0.35s ease-out forwards,
		arrow-up-in 0.35s ease-out 0.35s forwards;
}

@media (max-width:700px) {
	.site-footer .footer-scroll {
		width:10vw;
		height:10vw;
		right:5vw;
	}
}
@media (max-width:500px) {
	.site-footer .footer-scroll button span {
		width:1em; height:1em;
		left:calc(50% - 0.5em);
	}
}


.site-footer .inner {
	position:relative;
	display:flex;
	padding-bottom:3vw;
	z-index:2;
}

.footer-logo {
	min-width:25vw;
	border-right:1px solid var(--color-border);
	padding:3vw 5vw 3vw 0;
}
	
.footer-logo dl {margin:0; letter-spacing:var(--letter-spacing);}
.footer-logo dl dt {margin:0 0 3vw 0; width:11vw; min-width:125px;}
.footer-logo dl dt img {width:100%;}
.footer-logo dl dd a {
	transition:var(--transition);
	color:var(--color-brown);
}
.footer-logo dl dt a:hover {
	
}
.footer-logo dl dd {font-size:15px; font-size:1.5rem; margin:0 auto 0 0;}
.footer-logo dl dd b {
	font-weight:var(--font-bold); display:block;
	font-size:17px; font-size:1.7rem;
	color:var(--color-dark);
	margin:0 0 0.5em 0;
}
.footer-logo dl dd.access {
	margin:0.5em 0; font-size:13px; font-size:1.3rem;
}
.footer-logo dl dd a {
	color:var(--color-brown);
	display:inline-block;
	position:relative;
	width:fit-content;
	/*text-decoration:underline;
	text-underline-offset:4px;
	text-decoration-thickness:1px;*/
	transition: var(--transition);
	background: linear-gradient(to top, var(--color-brown) 1px, transparent 99%) no-repeat;
	background-position: 0 100%;
	background-size: 100% 1px;
}
.footer-logo dl dd.access a {display:flex; align-items:center;}
.footer-logo dl dd.access a::after {
	content:"";
	display:inline-block; width:1em; height:1em; margin:0 0 0 0.5em;
	background:0 0 no-repeat;
	/*url("images/icon-external-brown.svg")*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzcwNjM1Zjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48ZyBpZD0iSW50ZXJmYWNlX0V4dGVybmFsX0xpbmsiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyLjMsMTcuNWgtNy42MWMtMS4yNCwwLTEuOTIsMC0yLjU2LS4zMy0uNTctLjI5LTEuMDItLjc1LTEuMzEtMS4zMS0uMzMtLjY0LS4zMy0xLjMyLS4zMy0yLjU2di03LjZjMC0xLjI0LDAtMS45Mi4zMy0yLjU2LjI5LS41Ny43NC0xLjAyLDEuMzEtMS4zMS42NC0uMzMsMS4zMi0uMzMsMi41Ni0uMzNoMS44Yy41NSwwLDEsLjQ1LDEsMXMtLjQ1LDEtMSwxaC0xLjhjLS44NywwLTEuNDQsMC0xLjY1LjExLS4xOS4xLS4zNC4yNS0uNDQuNDQtLjExLjIxLS4xMS43OS0uMTEsMS42NnY3LjZjMCwuODcsMCwxLjQ0LjExLDEuNjUuMS4xOS4yNS4zNC40NC40NC4yMS4xMS43OC4xMSwxLjY1LjExaDcuNjFjLjg3LDAsMS40NCwwLDEuNjUtLjExLjE5LS4xLjM0LS4yNS40NC0uNDQuMTEtLjIxLjExLS43OS4xMS0xLjY1di0xLjhjMC0uNTUuNDUtMSwxLTFzMSwuNDUsMSwxdjEuOGMwLDEuMjQsMCwxLjkyLS4zMywyLjU2LS4yOS41Ny0uNzQsMS4wMi0xLjMxLDEuMzEtLjY0LjMzLTEuMzIuMzMtMi41Ni4zM1pNOS41LDkuNWMtLjI2LDAtLjUxLS4xLS43MS0uMjktLjM5LS4zOS0uMzktMS4wMiwwLTEuNDFsNS4yOS01LjI5aC0yLjU5Yy0uNTUsMC0xLS40NS0xLTFzLjQ1LTEsMS0xaDVzLjAzLDAsLjA0LDBjLjEyLDAsLjIzLjAzLjM0LjA3LDAsMCwwLDAsMCwwLC4xMi4wNS4yMy4xMi4zMi4yMWgwczAsMCwwLDBjMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDBzMCwwLDAsMGgwYy4wOS4wOS4xNi4yLjIxLjMyaDBzMCwwLDAsMGMuMDQuMTEuMDcuMjIuMDcuMzQsMCwuMDEsMCwuMDMsMCwuMDR2NWMwLC41NS0uNDUsMS0xLDFzLTEtLjQ1LTEtMXYtMi41OWwtNS4yOSw1LjI5Yy0uMi4yLS40NS4yOS0uNzEuMjlaIi8+PC9nPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+PC9nPjwvc3ZnPg==");
	background-size:100% auto;
}
.footer-logo dl dd a:hover {
	color:var(--color-green);
	background-image: linear-gradient(to top, var(--color-green) 1px, transparent 99%);
	animation: underline var(--transition) forwards;
	text-decoration:none;
	background-size: 100% 1px;
}
.footer-logo dl dd.access a:hover::after {
	/*background-image:url("images/icon-external-green.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzE2ODM1Mjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48ZyBpZD0iSW50ZXJmYWNlX0V4dGVybmFsX0xpbmsiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyLjMsMTcuNWgtNy42MWMtMS4yNCwwLTEuOTIsMC0yLjU2LS4zMy0uNTctLjI5LTEuMDItLjc1LTEuMzEtMS4zMS0uMzMtLjY0LS4zMy0xLjMyLS4zMy0yLjU2di03LjZjMC0xLjI0LDAtMS45Mi4zMy0yLjU2LjI5LS41Ny43NC0xLjAyLDEuMzEtMS4zMS42NC0uMzMsMS4zMi0uMzMsMi41Ni0uMzNoMS44Yy41NSwwLDEsLjQ1LDEsMXMtLjQ1LDEtMSwxaC0xLjhjLS44NywwLTEuNDQsMC0xLjY1LjExLS4xOS4xLS4zNC4yNS0uNDQuNDQtLjExLjIxLS4xMS43OS0uMTEsMS42NnY3LjZjMCwuODcsMCwxLjQ0LjExLDEuNjUuMS4xOS4yNS4zNC40NC40NC4yMS4xMS43OC4xMSwxLjY1LjExaDcuNjFjLjg3LDAsMS40NCwwLDEuNjUtLjExLjE5LS4xLjM0LS4yNS40NC0uNDQuMTEtLjIxLjExLS43OS4xMS0xLjY1di0xLjhjMC0uNTUuNDUtMSwxLTFzMSwuNDUsMSwxdjEuOGMwLDEuMjQsMCwxLjkyLS4zMywyLjU2LS4yOS41Ny0uNzQsMS4wMi0xLjMxLDEuMzEtLjY0LjMzLTEuMzIuMzMtMi41Ni4zM1pNOS41LDkuNWMtLjI2LDAtLjUxLS4xLS43MS0uMjktLjM5LS4zOS0uMzktMS4wMiwwLTEuNDFsNS4yOS01LjI5aC0yLjU5Yy0uNTUsMC0xLS40NS0xLTFzLjQ1LTEsMS0xaDVzLjAzLDAsLjA0LDBjLjEyLDAsLjIzLjAzLjM0LjA3LDAsMCwwLDAsMCwwLC4xMi4wNS4yMy4xMi4zMi4yMWgwczAsMCwwLDBjMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDBzMCwwLDAsMGgwYy4wOS4wOS4xNi4yLjIxLjMyaDBzMCwwLDAsMGMuMDQuMTEuMDcuMjIuMDcuMzQsMCwuMDEsMCwuMDMsMCwuMDR2NWMwLC41NS0uNDUsMS0xLDFzLTEtLjQ1LTEtMXYtMi41OWwtNS4yOSw1LjI5Yy0uMi4yLS40NS4yOS0uNzEuMjlaIi8+PC9nPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+PC9nPjwvc3ZnPg==");
}
.footer-logo dl dd.tel {
	padding:1.5em 0 0 0; margin:1.5em 0 0 0;
	border-top:1px solid var(--color-border);
}
.footer-description {display:none;}



.footer-navi {
	position:relative; padding:3vw 0 0 9vw; display:flex;
	justify-content:flex-start; gap:5%;
	flex:1;
}
.footer-navi .module {
	flex-basis:30%;
}
.footer-navi ul {
	clear:both; width:auto; text-align:left; margin:0 auto 0 0;
	font-size:17px; font-size:1.7rem;
	letter-spacing:var(--letter-spacing);
}
.footer-navi ul li {white-space:nowrap; margin:2em 0 1em 0;}
.footer-navi ul li a {
	position:relative;
	display:block; padding:1em 0 0 0; font-weight:var(--font-bold);
}
.footer-navi ul li a::before,
.footer-navi ul li a::after {
	position:absolute; content:""; display: block;
	top:0;
	height: 3px;
}
.footer-navi ul li a::before {
	left: 0;
	width: 100%;
	background-color:var(--color-green);
	transform-origin: left center;
	transform: scaleX(0.12);
	transition: transform var(--transition);
}
.footer-navi ul li a::after {
	right: 0;
	left:auto;
	width: 86.7%;
	background-color:rgba(37, 30, 28, 0.1);
	transform: none;
}

.footer-navi ul li a:hover::before {
	transform: scaleX(1);
}

.footer-navi ul.sub-menu {
	display:block; font-size:13px; font-size:1.3rem;
	margin:1em 0 0 0;
}
.footer-navi ul.sub-menu li {display:block; margin:0 0 0.7em 0;}
.footer-navi ul.sub-menu li a {
	font-weight:var(--font-regular); padding:0;
	display:inline-block;
	background: linear-gradient(to top, var(--color-black) 1px, transparent 99%) no-repeat;
	transition: var(--transition);
	background-position: 0% 100%;
	background-size: 0% 1px;
}
.footer-navi ul.sub-menu li a:hover {
	background-size: 100% 1px;
}


.footer-navi ul.sub-menu li a::before,
.footer-navi ul.sub-menu li a::after {display:none;}

.footer-widget {
	text-align:center; 
	padding:0 0 3em;
}
.footer-widget ul {
	display:flex; justify-content:center;
	margin:0 auto;
	font-size:13px; font-size:1.3rem;
	letter-spacing:var(--letter-spacing);
}
.footer-widget ul li {
	margin:0 1em;
}
.footer-widget ul li a {
	color:var(--color-brown); padding:0; position:relative;
	display:flex; align-items: center;
/*	text-decoration:underline;
	text-underline-offset:2px; 
	text-decoration-thickness:1px;*/
	background: linear-gradient(to top, var(--color-brown) 1px, transparent 99%) no-repeat;
	transition: var(--transition);
	background-position: 0% 100%;
	background-size: 100% 1px;
}
.footer-widget ul li a:hover {
	color:var(--color-green);
	text-decoration:none;
	background-image: linear-gradient(to top, var(--color-green) 1px, transparent 99%);
	animation: underline var(--transition) forwards;
}
.footer-widget ul li a::after {
	content:""; position:relative;
	width:1em; height:1em;
	background:0 0 no-repeat;
	/*background-image:url("images/icon-external-brown.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzcwNjM1Zjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48ZyBpZD0iSW50ZXJmYWNlX0V4dGVybmFsX0xpbmsiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyLjMsMTcuNWgtNy42MWMtMS4yNCwwLTEuOTIsMC0yLjU2LS4zMy0uNTctLjI5LTEuMDItLjc1LTEuMzEtMS4zMS0uMzMtLjY0LS4zMy0xLjMyLS4zMy0yLjU2di03LjZjMC0xLjI0LDAtMS45Mi4zMy0yLjU2LjI5LS41Ny43NC0xLjAyLDEuMzEtMS4zMS42NC0uMzMsMS4zMi0uMzMsMi41Ni0uMzNoMS44Yy41NSwwLDEsLjQ1LDEsMXMtLjQ1LDEtMSwxaC0xLjhjLS44NywwLTEuNDQsMC0xLjY1LjExLS4xOS4xLS4zNC4yNS0uNDQuNDQtLjExLjIxLS4xMS43OS0uMTEsMS42NnY3LjZjMCwuODcsMCwxLjQ0LjExLDEuNjUuMS4xOS4yNS4zNC40NC40NC4yMS4xMS43OC4xMSwxLjY1LjExaDcuNjFjLjg3LDAsMS40NCwwLDEuNjUtLjExLjE5LS4xLjM0LS4yNS40NC0uNDQuMTEtLjIxLjExLS43OS4xMS0xLjY1di0xLjhjMC0uNTUuNDUtMSwxLTFzMSwuNDUsMSwxdjEuOGMwLDEuMjQsMCwxLjkyLS4zMywyLjU2LS4yOS41Ny0uNzQsMS4wMi0xLjMxLDEuMzEtLjY0LjMzLTEuMzIuMzMtMi41Ni4zM1pNOS41LDkuNWMtLjI2LDAtLjUxLS4xLS43MS0uMjktLjM5LS4zOS0uMzktMS4wMiwwLTEuNDFsNS4yOS01LjI5aC0yLjU5Yy0uNTUsMC0xLS40NS0xLTFzLjQ1LTEsMS0xaDVzLjAzLDAsLjA0LDBjLjEyLDAsLjIzLjAzLjM0LjA3LDAsMCwwLDAsMCwwLC4xMi4wNS4yMy4xMi4zMi4yMWgwczAsMCwwLDBjMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDBzMCwwLDAsMGgwYy4wOS4wOS4xNi4yLjIxLjMyaDBzMCwwLDAsMGMuMDQuMTEuMDcuMjIuMDcuMzQsMCwuMDEsMCwuMDMsMCwuMDR2NWMwLC41NS0uNDUsMS0xLDFzLTEtLjQ1LTEtMXYtMi41OWwtNS4yOSw1LjI5Yy0uMi4yLS40NS4yOS0uNzEuMjlaIi8+PC9nPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+PC9nPjwvc3ZnPg==");
	background-size:100% auto;
	margin:0 0 0 1em;
}
.footer-widget ul li a:hover::after {
	/*background-image:url("images/icon-external-green.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzE2ODM1Mjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48ZyBpZD0iSW50ZXJmYWNlX0V4dGVybmFsX0xpbmsiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyLjMsMTcuNWgtNy42MWMtMS4yNCwwLTEuOTIsMC0yLjU2LS4zMy0uNTctLjI5LTEuMDItLjc1LTEuMzEtMS4zMS0uMzMtLjY0LS4zMy0xLjMyLS4zMy0yLjU2di03LjZjMC0xLjI0LDAtMS45Mi4zMy0yLjU2LjI5LS41Ny43NC0xLjAyLDEuMzEtMS4zMS42NC0uMzMsMS4zMi0uMzMsMi41Ni0uMzNoMS44Yy41NSwwLDEsLjQ1LDEsMXMtLjQ1LDEtMSwxaC0xLjhjLS44NywwLTEuNDQsMC0xLjY1LjExLS4xOS4xLS4zNC4yNS0uNDQuNDQtLjExLjIxLS4xMS43OS0uMTEsMS42NnY3LjZjMCwuODcsMCwxLjQ0LjExLDEuNjUuMS4xOS4yNS4zNC40NC40NC4yMS4xMS43OC4xMSwxLjY1LjExaDcuNjFjLjg3LDAsMS40NCwwLDEuNjUtLjExLjE5LS4xLjM0LS4yNS40NC0uNDQuMTEtLjIxLjExLS43OS4xMS0xLjY1di0xLjhjMC0uNTUuNDUtMSwxLTFzMSwuNDUsMSwxdjEuOGMwLDEuMjQsMCwxLjkyLS4zMywyLjU2LS4yOS41Ny0uNzQsMS4wMi0xLjMxLDEuMzEtLjY0LjMzLTEuMzIuMzMtMi41Ni4zM1pNOS41LDkuNWMtLjI2LDAtLjUxLS4xLS43MS0uMjktLjM5LS4zOS0uMzktMS4wMiwwLTEuNDFsNS4yOS01LjI5aC0yLjU5Yy0uNTUsMC0xLS40NS0xLTFzLjQ1LTEsMS0xaDVzLjAzLDAsLjA0LDBjLjEyLDAsLjIzLjAzLjM0LjA3LDAsMCwwLDAsMCwwLC4xMi4wNS4yMy4xMi4zMi4yMWgwczAsMCwwLDBjMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDBzMCwwLDAsMGgwYy4wOS4wOS4xNi4yLjIxLjMyaDBzMCwwLDAsMGMuMDQuMTEuMDcuMjIuMDcuMzQsMCwuMDEsMCwuMDMsMCwuMDR2NWMwLC41NS0uNDUsMS0xLDFzLTEtLjQ1LTEtMXYtMi41OWwtNS4yOSw1LjI5Yy0uMi4yLS40NS4yOS0uNzEuMjlaIi8+PC9nPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+PC9nPjwvc3ZnPg==");
}

.footer-copyright {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:5em 0;
	background-color:var(--color-black);
	color:var(--color-white);
	z-index:9;
}
small.site-info {
	clear:both; display:block; margin:0 auto; font-size:13px; font-size:1.3rem;
	color: var(--color-gray);
	letter-spacing:var(--letter-spacing);
}


.mobile-navi {display:none;}

@media (max-width:800px) {
	.site-footer {margin-bottom:7em;}
	.site-footer .inner {display:block;}
	.footer-logo {border:0; margin:0 auto 3em; text-align: center;}
	.footer-logo dl dt {margin:0 auto 3em;}
	.footer-logo dl dd.access {margin:0.5em auto; text-align:center;}
	.footer-logo dl dd.access a {margin:0 auto;}
	.footer-navi {width:100%; padding:0;}
	.mobile-navi {
		display:flex;
		left:0; bottom:0;
		position:fixed;
		height:7em;
		background-color:#fff;
		border-top:1px solid var(--color-border);
		box-shadow:var(--box-shadow);
		font-weight:var(--font-bold);
		z-index:700;
	}
	.mobile-navi ul {
		display:table; table-layout:fixed; width:100%;
		font-weight:var(--font-bold);
		letter-spacing:var(--letter-spacing);
		font-size:21px; font-size:2.1rem; 
	}
	.mobile-navi ul li {display:table-cell; vertical-align:middle;}
	.mobile-navi ul li a {padding:0.5em 0; display:block;}
	.mobile-navi ul li a::before {
		content:"";
		display:block;
		width:1.3em; height:1.3em; margin:0 auto 0.5em;
		background:center center no-repeat;
		background-size:auto;
	}
	.mobile-navi ul li:nth-child(1) a::before {
		/*background-image:url("images/navi-icon-top.svg");*/
		background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzI1MWUxYzt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywzLjAyYy0uMjEuMDItLjYxLjExLS44Ni4xOC0xLjIyLjM1LTIuNDYsMS4xNy0zLjcsMi40NS0xLjksMS45NC0zLjU1LDQuNjMtNC43Myw3LjY4LS4xNi40Mi0uNTgsMS42NC0uNjksMi4wM2wtLjAzLjExLS4xMy0uMTdjLTEuMjUtMS42OS0zLjEyLTIuNzUtNS4yNC0yLjk3LS4zMi0uMDMtMS4wNS0uMDMtMS4zNywwLS45OS4xLTEuODguMzYtMi43NS44MS0xLjkzLDEtMy4zMywyLjgzLTMuNzksNC45Ni0uNjIsMi44NC40Niw1Ljc1LDIuNzcsNy40OC43OC41OSwxLjcsMS4wMiwyLjY3LDEuMjcuOTcuMjQsMS40My4yMSwxLjk0LS4xNi40OC0uMzQuNzQtLjk1LjY1LTEuNTQtLjEtLjcxLS42Mi0xLjI0LTEuMzMtMS4zOC0uNjItLjEyLS45My0uMjEtMS4zMi0uNDEtLjg0LS40Mi0xLjQ1LTEuMDMtMS44Ni0xLjg3LS42OC0xLjM5LS41My0zLC40LTQuMjYuNjMtLjg1LDEuNi0xLjQzLDIuNjgtMS42LjI0LS4wNC45Ny0uMDQsMS4yMSwwLDEuMDIuMTYsMS45NS43LDIuNTgsMS40OC42Ni44Mi45OCwxLjgzLjksMi44OC0uMDUuNjYtLjI2LDEuMzEtLjYxLDEuODgtLjE3LjI3LS4zLjQ0LS42MS43Ni0uMzEuMzItLjQuNDUtLjUuNzQtLjA3LjE5LS4wNy4yMy0uMDcuNSwwLC4yMi4wMS4zNC4wNC40NC4yOSwxLjA2LDEuNSwxLjU0LDIuNDUuOTcuMjMtLjE0Ljg2LS43OSwxLjE3LTEuMjJsLjA1LS4wNy4xMS4yYy42MiwxLjE1LDEuNTMsMS44NSwyLjczLDIuMS4yNi4wNS4zNC4wNi43Ni4wNnMuODEtLjA0LDEuMzEtLjE4YzIuMzYtLjY4LDQuOTItMy4yLDYuOTYtNi44Ny43Ny0xLjM4LDEuNjktMy40NywyLjE0LTQuODQuMzItLjk2LjU2LTIuMDQuNTktMi42Ni4wNC0uNzQtLjM2LTEuNDMtMS0xLjY5LS41OC0uMjQtMS4yNi0uMTItMS43Mi4zLS4zMi4yOS0uNDMuNTMtLjU2LDEuMTMtLjYyLDIuOTYtMi4wMiw2LjA3LTMuNzksOC40My0xLjE3LDEuNTYtMi40NiwyLjY5LTMuNDYsMy4wMy0uMTguMDYtLjI1LjA4LS40My4wOC0uMiwwLS4yMiwwLS4zMi0uMDYtLjU5LS4zOC0uNzUtMS4wMS0uNzItMi43LjAxLS43NC4wNC0xLjExLjE0LTEuNzcuNDItMi43NCwxLjY0LTUuODIsMy4zMS04LjMzLDEuNTEtMi4yOCwzLjE5LTMuNzYsNC40My0zLjkzLjIzLS4wMy4zNy0uMDEuNTEuMDYuMTYuMDguMjUuMjQuMzQuNjEuMDkuMzcuMTkuNi4zNC44My4zNi41NS45My44NCwxLjUuNzYuNDYtLjA2Ljg2LS4yOSwxLjExLS42NS4yNi0uMzcuMzUtLjczLjMxLTEuMjctLjA1LS41Ni0uMTYtLjk3LS40MS0xLjQ4LS4zNy0uNzQtLjk5LTEuMzctMS42OC0xLjcxLS4zNy0uMTktLjkyLS4zNC0xLjQzLS40LS4xOC0uMDItLjgyLS4wMy0xLjAxLDBoMFoiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPjwvZz48L3N2Zz4=");
	}
	.mobile-navi ul li:nth-child(2) a::before {
		/*background-image:url("images/navi-icon-home.svg");*/
		background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzI1MWUxYztmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNi44NCwxLjYzYy0xLjA4LS44NC0yLjYtLjg0LTMuNjgsMEwuNTgsMTEuMzhjLTEuMTMuODctLjUxLDIuNjguOTIsMi42OGgxLjY0bDEuMjMsMTIuMjVjLjE1LDEuNTMsMS40NCwyLjY5LDIuOTksMi42OWgxNS4yOGMxLjU0LDAsMi44My0xLjE2LDIuOTgtMi42OWwxLjIzLTEyLjI1aDEuNjRjMS40MywwLDIuMDUtMS44LjkyLTIuNjhMMTYuODQsMS42M1pNNS45OSwxMi40MmMtLjA0LS40Mi0uMjUtLjc4LS41Ni0xLjAyTDE1LDMuOTlsOS41Niw3LjQxYy0uMzEuMjUtLjUxLjYxLS41NiwxLjAybC0xLjM2LDEzLjU5SDcuMzZsLTEuMzYtMTMuNTlaTTEyLjc1LDE3LjA0YzAtMS4yNCwxLjAxLTIuMjQsMi4yNS0yLjI0czIuMjUsMSwyLjI1LDIuMjQtMS4wMSwyLjI0LTIuMjUsMi4yNC0yLjI1LTEtMi4yNS0yLjI0Wk0xNSwxMS44MWMtMi45LDAtNS4yNSwyLjM0LTUuMjUsNS4yM3MyLjM1LDUuMjMsNS4yNSw1LjIzLDUuMjUtMi4zNCw1LjI1LTUuMjMtMi4zNS01LjIzLTUuMjUtNS4yM1oiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPjwvZz48L3N2Zz4=");
	}
	.mobile-navi ul li:nth-child(3) a::before {background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzI1MWUxYztmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yLDQuMmMwLS42Ni41OS0xLjIsMS4zMS0xLjJoMy45NGMyLjQ0LDAsNC43OC44OCw2LjUsMi40NiwxLjcyLDEuNTgsMi42OSwzLjcxLDIuNjksNS45NCwwLC42Ni0uNTksMS4yLTEuMzEsMS4ycy0xLjMxLS41NC0xLjMxLTEuMmMwLTEuNTktLjY5LTMuMTItMS45Mi00LjI0LTEuMjMtMS4xMy0yLjktMS43Ni00LjY0LTEuNzZoLTIuNjN2MS4yYzAsMS41OS42OSwzLjEyLDEuOTIsNC4yNCwxLjIzLDEuMTMsMi45LDEuNzYsNC42NCwxLjc2aDMuOTRjLjczLDAsMS4zMS41NCwxLjMxLDEuMnMtLjU5LDEuMi0xLjMxLDEuMmgtMy45NGMtMi40NCwwLTQuNzgtLjg5LTYuNS0yLjQ2LTEuNzItMS41OC0yLjY5LTMuNzEtMi42OS01Ljk0di0yLjRaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjIuNzUsMTEuNjdjLTEuNzQsMC0zLjQxLjctNC42NCwxLjk1LTEuMjMsMS4yNS0xLjkyLDIuOTUtMS45Miw0LjcxaDIuNjNjMS43NCwwLDMuNDEtLjcsNC42NC0xLjk1LDEuMjMtMS4yNSwxLjkyLTIuOTUsMS45Mi00LjcxaC0yLjYzWk0xMy43MywxOWMtLjExLjItLjE4LjQyLS4xOC42NywwLC43NC41OSwxLjMzLDEuMzEsMS4zM2gzLjk0YzIuNDQsMCw0Ljc4LS45OCw2LjUtMi43MywxLjcyLTEuNzUsMi42OS00LjEyLDIuNjktNi42di0xLjMzYzAtLjc0LS41OS0xLjMzLTEuMzEtMS4zM2gtMy45NGMtMi40NCwwLTQuNzguOTgtNi41LDIuNzMtMS43MiwxLjc1LTIuNjksNC4xMi0yLjY5LDYuNiwwLC4yNC4wNi40Ny4xOC42N1oiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNSwxMmMuOCwwLDEuNDQuNTYsMS40NCwxLjI1djEyLjVjMCwuNjktLjY1LDEuMjUtMS40NCwxLjI1cy0xLjQ0LS41Ni0xLjQ0LTEuMjV2LTEyLjVjMC0uNjkuNjUtMS4yNSwxLjQ0LTEuMjVaIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz48L2c+PC9zdmc+");}
	.mobile-navi ul li:nth-child(4) a::before {background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzI1MWUxYztmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNy45Nyw1LjQ0Yy4yNS0xLjYzLTEuMjYtMi45MS0yLjY3LTIuMjdMMy4xOSwxMy4yM2MtMS41NC43LTEuNjIsMy4xMSwwLDMuODQsMS4yLjU0LDMuMDQsMS4zMyw0Ljg4LDEuOTgsMS41MS41NCwzLjE2LDEuMDQsNC40OCwxLjE4LjM2LjQ3LjgyLjkyLDEuMjgsMS4zMy43MS42MywxLjU2LDEuMjgsMi40NCwxLjksMS43NiwxLjI0LDMuNzIsMi40Myw1LjAzLDMuMjEsMS41Ny45MiwzLjQ2LS4xNCwzLjc0LTEuOTlsMi45My0xOS4yM1pNNS42NywxNS4xM0wyNS4yMyw2LjI0bC0yLjc0LDE3Ljk1Yy0xLjI5LS43Ni0zLjE1LTEuOS00LjgxLTMuMDctLjg0LS41OS0xLjYtMS4xOC0yLjIxLTEuNzItLjIyLS4xOS0uNC0uMzctLjU1LS41Mmw1LjEyLTUuNTRjLjUxLS41NS41MS0xLjQzLDAtMS45OC0uNTEtLjU1LTEuMzItLjU1LTEuODMsMGwtNS42MSw2LjA2Yy0uOTUtLjEzLTIuMjctLjUxLTMuNzItMS4wMy0xLjEyLS40LTIuMjQtLjg1LTMuMjEtMS4yNloiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPjwvZz48L3N2Zz4=");}
	.mobile-navi ul li:nth-child(5) a::before {background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzI1MWUxYztmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNSwxNi4zYzMuMTksMCw2LjEuOSw4LjI0LDIuMTcsMS4wNy42NCwxLjk4LDEuMzgsMi42NCwyLjIuNjUuOCwxLjEzLDEuNzYsMS4xMywyLjc4LDAsMS4xLS41NSwxLjk2LTEuMzQsMi41OC0uNzUuNTgtMS43My45Ny0yLjc4LDEuMjQtMi4xLjU0LTQuOTEuNzMtNy44OC43M3MtNS43OC0uMTgtNy44OC0uNzNjLTEuMDUtLjI3LTIuMDMtLjY2LTIuNzgtMS4yNC0uNzktLjYyLTEuMzQtMS40OC0xLjM0LTIuNTgsMC0xLjAyLjQ4LTEuOTgsMS4xMy0yLjc4LjY2LS44MSwxLjU3LTEuNTYsMi42NC0yLjIsMi4xNC0xLjI3LDUuMDQtMi4xNyw4LjI0LTIuMTdaTTE1LDE4LjljLTIuNywwLTUuMTIuNzctNi44NSwxLjc5LS44Ni41MS0xLjUxLDEuMDctMS45MywxLjU5LS40My41My0uNTUuOTQtLjU1LDEuMTcsMCwuMTYuMDUuMzMuMzQuNTUuMzMuMjYuOTEuNTMsMS43OS43NiwxLjc2LjQ1LDQuMjguNjQsNy4yLjY0czUuNDQtLjE5LDcuMi0uNjRjLjg4LS4yMywxLjQ2LS41LDEuNzktLjc2LjI5LS4yMy4zNC0uNC4zNC0uNTUsMC0uMjMtLjEyLS42NC0uNTUtMS4xNy0uNDItLjUyLTEuMDctMS4wOC0xLjkzLTEuNTktMS43Mi0xLjAzLTQuMTUtMS43OS02Ljg1LTEuNzlaTTE1LDJjMy42OCwwLDYuNjcsMi45MSw2LjY3LDYuNXMtMi45OCw2LjUtNi42Nyw2LjUtNi42Ny0yLjkxLTYuNjctNi41LDIuOTgtNi41LDYuNjctNi41Wk0xNSw0LjZjLTIuMjEsMC00LDEuNzUtNCwzLjlzMS43OSwzLjksNCwzLjksNC0xLjc1LDQtMy45LTEuNzktMy45LTQtMy45WiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIi8+PC9nPjwvc3ZnPg==");}
	.mobile-navi ul li:not(:last-child) a {border-right:1px solid var(--color-border);}
	.mobile-navi ul li a span {display:block; white-space:nowrap;}
	.mobile-navi ul li a:hover {color:var(--color-green);}
	.mobile-navi ul li:nth-child(1) a:hover::before {
		/*background-image:url("images/navi-icon-top-green.svg");*/
		background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzE2ODM1Mjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNC40NywzLjAyYy0uMjEuMDItLjYxLjExLS44Ni4xOC0xLjIyLjM1LTIuNDYsMS4xNy0zLjcsMi40NS0xLjksMS45NC0zLjU1LDQuNjMtNC43Myw3LjY4LS4xNi40Mi0uNTgsMS42NC0uNjksMi4wM2wtLjAzLjExLS4xMy0uMTdjLTEuMjUtMS42OS0zLjEyLTIuNzUtNS4yNC0yLjk3LS4zMi0uMDMtMS4wNS0uMDMtMS4zNywwLS45OS4xLTEuODguMzYtMi43NS44MS0xLjkzLDEtMy4zMywyLjgzLTMuNzksNC45Ni0uNjIsMi44NC40Niw1Ljc1LDIuNzcsNy40OC43OC41OSwxLjcsMS4wMiwyLjY3LDEuMjcuOTcuMjQsMS40My4yMSwxLjk0LS4xNi40OC0uMzQuNzQtLjk1LjY1LTEuNTQtLjEtLjcxLS42Mi0xLjI0LTEuMzMtMS4zOC0uNjItLjEyLS45My0uMjEtMS4zMi0uNDEtLjg0LS40Mi0xLjQ1LTEuMDMtMS44Ni0xLjg3LS42OC0xLjM5LS41My0zLC40LTQuMjYuNjMtLjg1LDEuNi0xLjQzLDIuNjgtMS42LjI0LS4wNC45Ny0uMDQsMS4yMSwwLDEuMDIuMTYsMS45NS43LDIuNTgsMS40OC42Ni44Mi45OCwxLjgzLjksMi44OC0uMDUuNjYtLjI2LDEuMzEtLjYxLDEuODgtLjE3LjI3LS4zLjQ0LS42MS43Ni0uMzEuMzItLjQuNDUtLjUuNzQtLjA3LjE5LS4wNy4yMy0uMDcuNSwwLC4yMi4wMS4zNC4wNC40NC4yOSwxLjA2LDEuNSwxLjU0LDIuNDUuOTcuMjMtLjE0Ljg2LS43OSwxLjE3LTEuMjJsLjA1LS4wNy4xMS4yYy42MiwxLjE1LDEuNTMsMS44NSwyLjczLDIuMS4yNi4wNS4zNC4wNi43Ni4wNnMuODEtLjA0LDEuMzEtLjE4YzIuMzYtLjY4LDQuOTItMy4yLDYuOTYtNi44Ny43Ny0xLjM4LDEuNjktMy40NywyLjE0LTQuODQuMzItLjk2LjU2LTIuMDQuNTktMi42Ni4wNC0uNzQtLjM2LTEuNDMtMS0xLjY5LS41OC0uMjQtMS4yNi0uMTItMS43Mi4zLS4zMi4yOS0uNDMuNTMtLjU2LDEuMTMtLjYyLDIuOTYtMi4wMiw2LjA3LTMuNzksOC40My0xLjE3LDEuNTYtMi40NiwyLjY5LTMuNDYsMy4wMy0uMTguMDYtLjI1LjA4LS40My4wOC0uMiwwLS4yMiwwLS4zMi0uMDYtLjU5LS4zOC0uNzUtMS4wMS0uNzItMi43LjAxLS43NC4wNC0xLjExLjE0LTEuNzcuNDItMi43NCwxLjY0LTUuODIsMy4zMS04LjMzLDEuNTEtMi4yOCwzLjE5LTMuNzYsNC40My0zLjkzLjIzLS4wMy4zNy0uMDEuNTEuMDYuMTYuMDguMjUuMjQuMzQuNjEuMDkuMzcuMTkuNi4zNC44My4zNi41NS45My44NCwxLjUuNzYuNDYtLjA2Ljg2LS4yOSwxLjExLS42NS4yNi0uMzcuMzUtLjczLjMxLTEuMjctLjA1LS41Ni0uMTYtLjk3LS40MS0xLjQ4LS4zNy0uNzQtLjk5LTEuMzctMS42OC0xLjcxLS4zNy0uMTktLjkyLS4zNC0xLjQzLS40LS4xOC0uMDItLjgyLS4wMy0xLjAxLDBoMFoiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPjwvZz48L3N2Zz4=");
	}
	.mobile-navi ul li:nth-child(2) a:hover::before {
		/*background-image:url("images/navi-icon-home-green.svg");*/
		background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzE2ODM1MjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNi44NCwxLjYzYy0xLjA4LS44NC0yLjYtLjg0LTMuNjgsMEwuNTgsMTEuMzhjLTEuMTMuODctLjUxLDIuNjguOTIsMi42OGgxLjY0bDEuMjMsMTIuMjVjLjE1LDEuNTMsMS40NCwyLjY5LDIuOTksMi42OWgxNS4yOGMxLjU0LDAsMi44My0xLjE2LDIuOTgtMi42OWwxLjIzLTEyLjI1aDEuNjRjMS40MywwLDIuMDUtMS44LjkyLTIuNjhMMTYuODQsMS42M1pNNS45OSwxMi40MmMtLjA0LS40Mi0uMjUtLjc4LS41Ni0xLjAyTDE1LDMuOTlsOS41Niw3LjQxYy0uMzEuMjUtLjUxLjYxLS41NiwxLjAybC0xLjM2LDEzLjU5SDcuMzZsLTEuMzYtMTMuNTlaTTEyLjc1LDE3LjA0YzAtMS4yNCwxLjAxLTIuMjQsMi4yNS0yLjI0czIuMjUsMSwyLjI1LDIuMjQtMS4wMSwyLjI0LTIuMjUsMi4yNC0yLjI1LTEtMi4yNS0yLjI0Wk0xNSwxMS44MWMtMi45LDAtNS4yNSwyLjM0LTUuMjUsNS4yM3MyLjM1LDUuMjMsNS4yNSw1LjIzLDUuMjUtMi4zNCw1LjI1LTUuMjMtMi4zNS01LjIzLTUuMjUtNS4yM1oiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPjwvZz48L3N2Zz4=");
	}
	.mobile-navi ul li:nth-child(3) a:hover::before {
		background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzE2ODM1MjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yLDQuMmMwLS42Ni41OS0xLjIsMS4zMS0xLjJoMy45NGMyLjQ0LDAsNC43OC44OCw2LjUsMi40NiwxLjcyLDEuNTgsMi42OSwzLjcxLDIuNjksNS45NCwwLC42Ni0uNTksMS4yLTEuMzEsMS4ycy0xLjMxLS41NC0xLjMxLTEuMmMwLTEuNTktLjY5LTMuMTItMS45Mi00LjI0LTEuMjMtMS4xMy0yLjktMS43Ni00LjY0LTEuNzZoLTIuNjN2MS4yYzAsMS41OS42OSwzLjEyLDEuOTIsNC4yNCwxLjIzLDEuMTMsMi45LDEuNzYsNC42NCwxLjc2aDMuOTRjLjczLDAsMS4zMS41NCwxLjMxLDEuMnMtLjU5LDEuMi0xLjMxLDEuMmgtMy45NGMtMi40NCwwLTQuNzgtLjg5LTYuNS0yLjQ2LTEuNzItMS41OC0yLjY5LTMuNzEtMi42OS01Ljk0di0yLjRaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjIuNzUsMTEuNjdjLTEuNzQsMC0zLjQxLjctNC42NCwxLjk1LTEuMjMsMS4yNS0xLjkyLDIuOTUtMS45Miw0LjcxaDIuNjNjMS43NCwwLDMuNDEtLjcsNC42NC0xLjk1LDEuMjMtMS4yNSwxLjkyLTIuOTUsMS45Mi00LjcxaC0yLjYzWk0xMy43MywxOWMtLjExLjItLjE4LjQyLS4xOC42NywwLC43NC41OSwxLjMzLDEuMzEsMS4zM2gzLjk0YzIuNDQsMCw0Ljc4LS45OCw2LjUtMi43MywxLjcyLTEuNzUsMi42OS00LjEyLDIuNjktNi42di0xLjMzYzAtLjc0LS41OS0xLjMzLTEuMzEtMS4zM2gtMy45NGMtMi40NCwwLTQuNzguOTgtNi41LDIuNzMtMS43MiwxLjc1LTIuNjksNC4xMi0yLjY5LDYuNiwwLC4yNC4wNi40Ny4xOC42N1oiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNSwxMmMuOCwwLDEuNDQuNTYsMS40NCwxLjI1djEyLjVjMCwuNjktLjY1LDEuMjUtMS40NCwxLjI1cy0xLjQ0LS41Ni0xLjQ0LTEuMjV2LTEyLjVjMC0uNjkuNjUtMS4yNSwxLjQ0LTEuMjVaIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz48L2c+PC9zdmc+");}
	.mobile-navi ul li:nth-child(4) a:hover::before {
		background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzE2ODM1MjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNy45Nyw1LjQ0Yy4yNS0xLjYzLTEuMjYtMi45MS0yLjY3LTIuMjdMMy4xOSwxMy4yM2MtMS41NC43LTEuNjIsMy4xMSwwLDMuODQsMS4yLjU0LDMuMDQsMS4zMyw0Ljg4LDEuOTgsMS41MS41NCwzLjE2LDEuMDQsNC40OCwxLjE4LjM2LjQ3LjgyLjkyLDEuMjgsMS4zMy43MS42MywxLjU2LDEuMjgsMi40NCwxLjksMS43NiwxLjI0LDMuNzIsMi40Myw1LjAzLDMuMjEsMS41Ny45MiwzLjQ2LS4xNCwzLjc0LTEuOTlsMi45My0xOS4yM1pNNS42NywxNS4xM0wyNS4yMyw2LjI0bC0yLjc0LDE3Ljk1Yy0xLjI5LS43Ni0zLjE1LTEuOS00LjgxLTMuMDctLjg0LS41OS0xLjYtMS4xOC0yLjIxLTEuNzItLjIyLS4xOS0uNC0uMzctLjU1LS41Mmw1LjEyLTUuNTRjLjUxLS41NS41MS0xLjQzLDAtMS45OC0uNTEtLjU1LTEuMzItLjU1LTEuODMsMGwtNS42MSw2LjA2Yy0uOTUtLjEzLTIuMjctLjUxLTMuNzItMS4wMy0xLjEyLS40LTIuMjQtLjg1LTMuMjEtMS4yNloiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPjwvZz48L3N2Zz4=");}
	.mobile-navi ul li:nth-child(5) a:hover::before {
		background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9LmNscy0ye2ZpbGw6IzE2ODM1MjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNSwxNi4zYzMuMTksMCw2LjEuOSw4LjI0LDIuMTcsMS4wNy42NCwxLjk4LDEuMzgsMi42NCwyLjIuNjUuOCwxLjEzLDEuNzYsMS4xMywyLjc4LDAsMS4xLS41NSwxLjk2LTEuMzQsMi41OC0uNzUuNTgtMS43My45Ny0yLjc4LDEuMjQtMi4xLjU0LTQuOTEuNzMtNy44OC43M3MtNS43OC0uMTgtNy44OC0uNzNjLTEuMDUtLjI3LTIuMDMtLjY2LTIuNzgtMS4yNC0uNzktLjYyLTEuMzQtMS40OC0xLjM0LTIuNTgsMC0xLjAyLjQ4LTEuOTgsMS4xMy0yLjc4LjY2LS44MSwxLjU3LTEuNTYsMi42NC0yLjIsMi4xNC0xLjI3LDUuMDQtMi4xNyw4LjI0LTIuMTdaTTE1LDE4LjljLTIuNywwLTUuMTIuNzctNi44NSwxLjc5LS44Ni41MS0xLjUxLDEuMDctMS45MywxLjU5LS40My41My0uNTUuOTQtLjU1LDEuMTcsMCwuMTYuMDUuMzMuMzQuNTUuMzMuMjYuOTEuNTMsMS43OS43NiwxLjc2LjQ1LDQuMjguNjQsNy4yLjY0czUuNDQtLjE5LDcuMi0uNjRjLjg4LS4yMywxLjQ2LS41LDEuNzktLjc2LjI5LS4yMy4zNC0uNC4zNC0uNTUsMC0uMjMtLjEyLS42NC0uNTUtMS4xNy0uNDItLjUyLTEuMDctMS4wOC0xLjkzLTEuNTktMS43Mi0xLjAzLTQuMTUtMS43OS02Ljg1LTEuNzlaTTE1LDJjMy42OCwwLDYuNjcsMi45MSw2LjY3LDYuNXMtMi45OCw2LjUtNi42Nyw2LjUtNi42Ny0yLjkxLTYuNjctNi41LDIuOTgtNi41LDYuNjctNi41Wk0xNSw0LjZjLTIuMjEsMC00LDEuNzUtNCwzLjlzMS43OSwzLjksNCwzLjksNC0xLjc1LDQtMy45LTEuNzktMy45LTQtMy45WiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIi8+PC9nPjwvc3ZnPg==");}
	.mobile-navi .mobile-toggle {
		width:16.6666%; background-color:var(--color-green); color:var(--color-white);
		font-size:21px; font-size:2.1rem; font-weight:var(--font-bold);
		cursor:pointer;
		display:none;
	}
	.mobile-navi .mobile-toggle svg {margin:0 auto 0.5em; width:2em; height:auto;}
}

@media (max-width:600px) {
	.mobile-navi ul {font-size:19px; font-size:1.9rem;}
	.footer-navi {display:block;}
	.footer-navi ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
	.footer-navi ul li {flex-basis:48%;}
}

@media (max-width:500px) {
	.mobile-navi ul {font-size:17px; font-size:1.7rem;}
	.footer-navi ul {display:block;}
	.footer-navi ul li {flex-basis:100%; margin:0 0 1em 0;}
	.footer-navi ul.sub-menu {display:none;}
}
@media (max-width:360px) {
	.footer-widget ul {display:block;}
	.footer-widget ul li {display:block; width:fit-content; margin:0 auto 1em;}
}


/******************/
/******************/
/* main ***********/

.site-main {
	padding:0 0 0.1em 0; line-height:2.1; text-align:left;
	hyphens:auto;
}

/*
.main-header {}
.main-thumbnail {}
.main-content {}
.main-sidebar {}
.main-footer {}
*/


/******************/
/******************/
/* sidebar.php ****/

.main-content.has-sidebar {display:flow-root;}

.main-content.has-sidebar .article {
	float:right;
	width:75%;
	max-width:calc(100% - 270px);
}

.main-sidebar {
	width:20%;
	min-width:230px;
	float:left; padding:0 0 7vw 0; text-align:left;
	position:sticky;
	top:9vw;
}

.main-sidebar .content-selector ol {
	font-size:17px; font-size:1.7rem;
	font-weight:var(--font-bold);
	letter-spacing:var(--letter-spacing);
	text-align:left;
}
.main-sidebar .content-selector ol li {margin:0 0 0.5em 0; line-height:var(--line-height-mini);}
.main-sidebar .content-selector ol li button {
	background:center right 1em no-repeat;
	/*background-image:url("images/arrow-right-black.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzI1MWUxYzt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwzMWMwLTUuMjMsMS41Ni0xNCwxMi0xNCwuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMWMtMTAuNDQsMC0xMi04Ljc3LTEyLTE0LDAtLjU1LS40NS0xLTEtMXMtMSwuNDUtMSwxYzAsNi42MiwyLjMsMTEuNDcsNi4zOCwxNEgxYy0uNTUsMC0xLC40NS0xLDFzLjQ1LDEsMSwxaDIyLjM4Yy00LjA4LDIuNTMtNi4zOCw3LjM4LTYuMzgsMTQsMCwuNTUuNDUsMSwxLDFzMS0uNDUsMS0xWiIvPjwvZz48L3N2Zz4=");
	background-color:var(--color-background);
	background-size:0.7em auto;
	color:var(--color-black);
	display:block; width:100%;
	padding:1em 2em 1em 1em;
	border-radius:var(--border-radius-mini);
	transition:var(--transition);
	text-align:left;
	cursor:pointer;
}
.main-sidebar .content-selector ol li button:hover {
	background-color:var(--color-green);
	/*background-image:url("images/arrow-right-white.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwzMWMwLTUuMjMsMS41Ni0xNCwxMi0xNCwuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMWMtMTAuNDQsMC0xMi04Ljc3LTEyLTE0LDAtLjU1LS40NS0xLTEtMXMtMSwuNDUtMSwxYzAsNi42MiwyLjMsMTEuNDcsNi4zOCwxNEgxYy0uNTUsMC0xLC40NS0xLDFzLjQ1LDEsMSwxaDIyLjM4Yy00LjA4LDIuNTMtNi4zOCw3LjM4LTYuMzgsMTQsMCwuNTUuNDUsMSwxLDFzMS0uNDUsMS0xWiIvPjwvZz48L3N2Zz4=");
	color:var(--color-white);
}


@media (max-width:800px) {
	.main-content.has-sidebar .article {width:100%; max-width:100%;}
	.main-sidebar {width:100%; min-width:100%; display:none;}
}

/*
.main-sidebar .module {margin-bottom:20px; display:block; clear:both;}
.main-sidebar a {}
.main-sidebar a:hover {}
.main-sidebar h4 {font-size:18px; font-size:1.8rem; margin:0 0 4px 0; display:block;}

*/
.main-footer {clear:both;}

/******************/
/******************/
/* post-type ******/

.main-header {
	padding:17vw 7vw 9vw; background-color:var(--color-white);
	position:relative;
	display:flex; flex-direction:column; flex-wrap:wrap;
	justify-content:center;
	overflow:hidden;
}
.main-header.has-thumbnail {
	padding:23vw 13vw 15vw;
	color:#fff;
}
.main-header .title {
	font-size:85px; font-size:8.5rem;
	font-weight:var(--font-bold);
	line-height:1.3; text-align:left; margin:0 0 0; display:flex; align-items:center;
	letter-spacing:var(--letter-spacing);
	position:relative;
}
.main-header .sub-title {
	position:relative;
	margin:1em 0 0 0;
	font-size:21px; font-size:2.1rem;
	font-weight:var(--font-bold);
}
.main-header .decoration {
	position:absolute;
	left:0; right:0; bottom:0;
	aspect-ratio:100 / 3;
	background:transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2MDAgNDYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojZjRmNGY0O30uY2xzLTN7ZmlsbDojZTllOGU4O30uY2xzLTR7ZmlsbDojMTY4MzUyO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iX+ODrOOCpOODpOODvF8xLTIiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEzNDUuMzMsNy4zM2MtMjguNiwwLTQzLjA1LDEwLjM2LTU3LjA1LDIwLjM4LTExLjk0LDguNTUtMjMuMjcsMTYuNjYtNDQuMjgsMTguMDd2LjIyaDIwOS4zM2MtMjUuNCwwLTM3LjgtOC44OC01MC45My0xOC4yOS0xNC0xMC4wMi0yOC40NS0yMC4zOC01Ny4wNy0yMC4zOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNDQ4Ljk3LDM4Yy0yMi4xNC0xLjEzLTMzLjgyLTkuNDItNDYuMTItMTguMjEtMTQuMTEtMTAuMDYtMjguNjgtMTkuNzktNTcuNTEtMTkuNzlzLTQzLjM5LDkuNzMtNTcuNSwxOS43OWMtMTIuMzEsOC43OS0yMy45OCwxNy4wOC00Ni4xMywxOC4yMWwtMTI0MS43Mi4wM3Y3Ljk3aDEyMzYuNTZjMjUuNTUtLjAxLDM4LjA1LTYuNTYsNTEuMjgtMTYsMTQuMTEtMTAuMDYsMjguNjgtMjIsNTcuNS0yMnM0My40LDExLjk0LDU3LjUxLDIyYzEzLjI0LDkuNDUsMjUuNzMsMTYsNTEuMzMsMTZoMTQ1Ljgxdi04aC0xNTEuMDNaIi8+PHJlY3QgY2xhc3M9ImNscy00IiB5PSIzOCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI4Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTA5Nyw0NS41Yy0zLjY3LDAtNy4xLjE4LTEwLjMzLjVoMjAuNjdjLTMuMjMtLjMyLTYuNjctLjUtMTAuMzQtLjVaIi8+PC9nPjwvc3ZnPg==") center bottom no-repeat;
	background-size:105% auto;
}

.main-header .page-thumbnail {
	position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;
	pointer-events:none;
	will-change:transform;
}
.main-header .page-thumbnail::after {
	content:""; position:absolute; display:block; top:0; left:0; right:0; bottom:0;
	background:rgba(37,30,28,0.75);
	opacity:0.8;
	z-index:2;
}

.main-header .page-thumbnail img {
	width:100%; height:100%; object-fit:cover;
}


.breadcrumbs {
	position:relative;
	clear:both; display:block; margin:0 0 1em 0; padding:0; text-align:left;
	font-size:13px; font-size:1.3rem;
	line-height:var(--line-height-mini);
	font-weight:var(--font-bold);
}
.breadcrumbs ul {
	padding:0; margin:0 auto; list-style:none; white-space:nowrap;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.breadcrumbs ul li {display:inline-block; color:var(--color-green);}
.breadcrumbs ul li:after {content:"\00BB"; margin:0 1em; color:var(--color-black);}
.breadcrumbs ul li:last-child:after {content:"";}
.breadcrumbs ul li a {
	display:inline-block;
	color:var(--color-black);
	padding:0 0 2px 0;
	background:linear-gradient(0deg, #000, #000) no-repeat left bottom;
	background-size:0 1px;
	transition:var(--transition);
}
.breadcrumbs ul li a:hover {background-size: 100% 1px;}


.main-header.has-thumbnail .breadcrumbs ul li {color:var(--color-white);}
.main-header.has-thumbnail .breadcrumbs ul li a {
	color:var(--color-white);
	background:linear-gradient(0deg, #fff, #fff) no-repeat left bottom;
	background-size:0 1px;
}
.main-header.has-thumbnail .breadcrumbs ul li a:hover {background-size: 100% 1px;}
.main-header.has-thumbnail .breadcrumbs ul li:after {color:var(--color-white);}


@media (max-width:1000px) {
	.main-header .title {font-size:75px; font-size:7.5rem;}

}
@media (max-width:800px) {
	.main-header {padding:19vw 3vw 11vw 3vw;}
	.main-header.has-thumbnail {padding:21vw 3vw 15vw 3vw;}
	.main-header .title {font-size:65px; font-size:6.5rem;}

}
@media (max-width:600px) {
	.main-header {min-height:60vw;}
	.main-header.has-thumbnail {min-height:80vw;}
	.main-header .decoration {
		aspect-ratio:100 / 6;
		background-image:url("images/main-header-deco-sp.svg");
	}
}
@media (max-width:500px) {
	.main-header {min-height:80vw;}
	.main-header.has-thumbnail {min-height:100vw;}
	.main-header .title {font-size:55px; font-size:5.5rem;}
}

.main-content {text-align:left; padding:9vw 0 0 0; position:relative;}
.main-content {background-color:var(--color-white);}
.main-content::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 11vw;
	background: linear-gradient(to bottom, #f4f4f4, #ffffff);
	z-index:0;
}

.main-content:has(.has-sidebar) .inner {max-width:1300px;}

@media (max-width:800px) {
	.main-content {padding:13vw 0 0 0;}
}

.article {position:relative;}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {margin:0 auto 1em auto; line-height:var(--line-height-mini); font-weight:var(--font-bold);}

.article h1 {font-size:51px; font-size:5.1rem;}
.article h2 {font-size:45px; font-size:4.5rem;}
.article h3 {font-size:45px; font-size:4.5rem;}
.article h4 {font-size:39px; font-size:3.9rem;}
.article h5 {font-size:31px; font-size:3.1rem;}
.article h6 {font-size:25px; font-size:2.5rem;}



.article p {margin:1em 0 2em 0;}

.article ul,
.article ol {margin:1em 0 2em 1em; padding:0; list-style:outside;}

.article ul ul,
.article ul ol,
.article ol ul,
.article ol ol {margin:1em 0 2em 1em;}

.article ul {list-style:none;}
.article ul ul {list-style:circle;}
.article ol {list-style:none;}
.article ol ol {list-style:upper-roman;}



.article ol li {padding:0 0 0 1em; text-indent:-1em;
	list-style:none;
	counter-increment:number;
}
.article ol li:before {content:counter(number) "."; margin:0 0.4em 0 0; white-space:nowrap;}

.article dl {margin:0 0 2em 0; padding:0;}
.article dl dt {margin:0; position:relative; font-size:1.1em;}
.article dl dd {margin:0 0 1em 0; padding:0;}


.article img {max-width:100%; height:auto;}

.article blockquote {
padding:1em;
margin:0 0 2em 1em;
border-left:2px solid #000000;
}

.article blockquote > *:last-child,
.article blockquote > *:last-child > *:last-child,
.article blockquote > *:last-child > *:last-child > *:last-child {margin:0;}

.article blockquote cite {font-size:0.8em;}
.article blockquote cite:before {content:"— "; margin:0 0 0 1em;}

.article table ul,
.article table ol {margin:0 0 0 1em;}
/*
.article table ul li,
.article table ol li {padding:0 0 0; text-indent:0; display:flex;}
.article table ul li:before {content:"・"; width:1em; display:inline-block;}
*/

.article table ol li {counter-increment:number;}


.article a.link {
	color:var(--color-green); font-weight:var(--font-bold);
	display: inline;
	background: linear-gradient(to top, currentColor 1px, transparent 99%) no-repeat;
	background: linear-gradient(to top, var(--color-green), var(--color-green)) no-repeat left bottom 1px;
	transition: var(--transition);
	background-position: 0% 100%;
	background-size: 0% 1px;
}

.article a.link:hover {
	color:var(--color-darkgreen);
	background-size: 200% 1px;
}

.article .note {
	clear:both; display:flow-root;
	background:var(--color-lightgreen);
	padding:3em 3em;
	font-size:11px; font-size:1.1rem;
	border-radius:var(--border-radius-mini);
	margin:0 0 3em 0;
}
.article .note * {margin-top:0; margin-bottom:0;}
.article .note .note-title {
	margin:0 0 0.5em 0;
	font-size:19px; font-size:1.9rem; font-weight:var(--font-bold);
	line-height:var(--line-height-mini);
}
.article .note .note-subtitle {
	margin:1em 0 0.5em 0;
	font-size:15px; font-size:1.5rem; font-weight:var(--font-bold);
	line-height:var(--line-height-mini);
}

.article .note ul li,
.article .note ol li {padding:0 0 0; text-indent:0; display:flex;}
.article .note ul li:before {content:"・"; width:1em; display:inline-block;}




/******************/
/* page.php single.php single-custompost.php *****/

/*
.page-title {}
.single-title {}
.single-custompost-title {}

.page-meta {}
.single-meta {}
.single-custompost-meta {}

.page-thumbnail {}
.single-thumbnail {}
.single-custompost-thumbnail {}

.page-content {}
.single-content {}
.single-custompost-content {}
}
*/


.page-content h2 {
	position:relative;
	padding-top:2rem; margin:0 0 1em 0;
	font-style: normal;
	font-weight:var(--font-bold);
	font-size:51px;
	font-size:5.1rem;
	line-height:var(--line-height-mini);
	letter-spacing:var(--letter-spacing);
}
.page-content h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 7%;
	height: 0.3rem;
	background-color:var(--color-green);
	transform-origin: left center;
	/*transform: scaleX(0.025);*/
}
.page-content h2::after {
	content: "";
	position: absolute;
	display:block;
	top: 0;
	right: 0;
	left: auto;
	width: 92%;
	height: 0.3rem;
	background-color: rgba(37, 30, 28, 0.1);
	transform: none;
}

.page-content h3 {
	display: flex;
	align-items: center;
	padding: 1em 1.5em;
	font-style: normal;
	font-weight:var(--font-bold);
	font-size:29px;
	font-size:2.9rem;
	line-height: 1;
	letter-spacing:var(--letter-spacing);
	color: #251e1c;
	background-color: #f4f4f4;
	border-radius:var(--border-radius-mini);
	margin:2em 0 1em 0;
}
.page-content h3::before {
	display: inline-block;
	margin-right: 1.5rem;
	width:0.4rem;
	height:4rem;
	background-color:var(--color-green);
	border-radius:var(--border-radius-mini);
	content: "";
}
.page-content h4 {
	font-size:29px;
	font-size:2.9rem;
	margin:2em 0 1em 0;
	border-bottom:1px solid var(--color-border);
	position:relative; display:flex; justify-content:flex-start;
	align-items:center;
	clear:both;
}
.page-content h4::before {
	content:""; width:0.7em; height:0.7em; border-radius:50%;
	background:var(--color-green);
	margin:0 0.5em 0 0;
}

/*
.page-content .thumbnail {margin:0 0 2em 0;}
*/
.page-content hr {margin:3em 0;}

.page-content ul,
.page-content ol {margin:0 0 2em 1em;}
.page-content ul li,
.page-content ol li {padding:0 0 0; text-indent:0; display:flex;}
.page-content ul li:before {content:"・"; width:1em; display:inline-block;}



@media (max-width:600px) {
	.page-content h2 {font-size:37px; font-size:3.7rem;}
	.page-content h3 {font-size:21px; font-size:2.1rem;}
	.page-content h3 {font-size:19px; font-size:1.9rem;}
}


.single-window {
	padding:7em 9em; border:1px solid var(--color-border);
	background:var(--color-white);
	border-radius:var(--border-radius);
	box-shadow:var(--box-shadow);
}
@media (max-width:900px) {
	.single-window {padding:5vw 7vw;}
}
@media (max-width:600px) {
	.single-window {padding:5vw 5vw;}
}
@media (max-width:460px) {
	.single-window {padding:5vw 3vw;}
}

.single-meta {
	font-size:15px; font-size:1.5rem; font-weight:var(--font-bold);
	margin:0 0 1em 0;
}
.single-meta .date {
	color:var(--color-green); padding:0 1em 0 0; margin:0 1em 0 0;
	border-right:1px solid var(--color-border);
}


.single-title {
	padding:0 0 3em 0;
	margin:0 0 5em 0; border-bottom:1px solid var(--color-border);
	position:relative;
}
.single-title .title {
	font-size:51px; font-size:5.1rem; font-weight:var(--font-bold);
	margin:0;
}

.single-content figure {border-radius:var(--border-radius); overflow:hidden;
	margin:3em 0;
}

.single-content p a {color:var(--color-green);
	text-decoration:underline;
	text-underline-offset:0.3em; 
	text-decoration-thickness:1px;
}
.single-content p a:hover {color:var(--color-darkgreen);}

.single-content ul li {padding:0 0 0 1.4em; padding-right:1.4em; text-indent:-1.4em;}
.single-content ul li:before {
	content:"";display:inline-block;
	background:center center no-repeat;
	width:1em; height:1em; background-size:12px 12px;
	vertical-align:middle;
	margin:0 0.4em 0 0;
}
.single-content ul li a {color:var(--color-green);}
.single-content ul li a:hover {color:var(--color-darkgreen); text-decoration:underline;}

.single-content .wp-block-file a {
	text-decoration: underline;
	text-decoration-color: currentColor;
	transition: text-decoration-color 0.35s ease-out;
}
.single-content .wp-block-file a:hover {color:var(--color-green);}

.single-content a.wp-element-button {
	margin:2em 1em;
	background-color:var(--color-green); color:#fff;
	border:3px solid var(--color-green);
	display:inline-block;
	padding:0.5em 2em; width:fit-content; border-radius:50px;
	text-decoration:none;
	-webkit-text-decoration-color:none;
	transition:var(--transition);
}
.single-content a.wp-element-button:hover {
	background-color:var(--color-white); border-color:var(--color-green);
	color:var(--color-green);
}



.single-links {text-align:center; margin:5em auto 7em;}
.single-links span a {
	font-weight:var(--font-bold);
	display: inline;
	/*background: linear-gradient(to top, currentColor 1px, transparent 99%) no-repeat;
	background: linear-gradient(to top, var(--color-green), var(--color-green)) no-repeat left bottom 1px;*/
	background: linear-gradient(to top, var(--color-black) 1px, transparent 99%) no-repeat;
	transition: var(--transition);
	background-position: 0% 100%;
	background-size: 100% 1px;
	

}
.single-links .navi-prev,
.single-links .navi-next {display:none;}

.single-links a:hover {
	color:var(--color-darkgreen);
	background-image: linear-gradient(to top, var(--color-green) 1px, transparent 99%);
	animation: underline var(--transition) forwards;
	text-decoration:none;
	background-size: 100% 1px;
}

@media (max-width:600px) {
	.single-title .title {font-size:37px; font-size:3.7rem;}
}

/* #post-ID {} */

/******************/
/* single-custom-post.php */




/******************/
/* section ********/

.section {
	position:relative; display:block; padding:7vw 0 0.1em 0; margin:0;
	z-index:1;
}
.section:first-child {padding-top:0;}
 
.section-title .title {
	display:inline-block;
	position: relative;
	font-weight:var(--font-bold);
	font-size:51px;
	font-size:5.1rem;
	padding:0.5em 0 0 0;
	letter-spacing:var(--letter-spacing);
	line-height:var(--line-height-mini);
}
.section-title .title::before,
.section-title .title::after {
	content: "";
	position: absolute; display:block;
	z-index:3;
}
.section-title .title::before {
	top: 0;
	left: 0;
	width:12%;
	min-width:40px;
	height: 0.3rem;
	background-color:var(--color-green);
	transform-origin: left center;
}
.section-title .title::after {
	top:0;
	right:0;
	width:87%;
	max-width:calc(100% - 46px);
	height:0.3rem; background:var(--color-border);
	transform:none;
	z-index:3;
}
.section-title .description {font-size:15px; font-size:1.5rem;}

.subtitle {font-weight:var(--font-bold); position:relative;
	padding:1em 0 0 0;
}
.subtitle::before,
.subtitle::after {
	position: absolute;
	height: 0.3rem;
	display: inline-block;
}
.subtitle::before {
	top: 0;
	left: 0;
	width:12%;
	min-width:40px;
	background-color:var(--color-green);
	transform-origin: left center;
	content: "";
	z-index:3;
}
.subtitle::after {
	position: absolute;
	top: 0;
	right:0;
	content:"";
	width:87%;
	max-width:calc(100% - 46px);
	height:0.2rem; background:var(--color-border);
	z-index:2;
}

@media (max-width:600px) {
	.section-title .title {font-size:37px; font-size:3.7rem;}
}

/******************/
/******************/
/* front-page.php */

.article-top {background-color:var(--color-background);}
.section-top-hero {
	position:relative; width:100%;
	height:100vh;
	min-height:450px; overflow:hidden; margin:0; padding:0; z-index:1;
}
.section-top-hero:after {
	content:""; position:absolute; display:block; top:0; left:0; right:0; bottom:0;
	background:rgba(0,0,0,0.35);
	z-index:2;
}
.section-top-hero .box {
	width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0;
	background:url("//i0.wp.com/cyclepark298.com/wp-content/themes/cyclepark-2025/images-page/top-video.webp") center center no-repeat;
	background-size:cover;
	overflow:hidden;
	will-change:transform;
}
.section-top-hero .top-hero-video {
	display:block;
	width:100%; max-width:none; height:100%; max-height:none;
	object-fit:cover;
	position:relative;
	z-index:1;
}

.section-top-hero .title {
	display:block;
	text-align:center; position:absolute; line-height:var(--line-height-mini);
	top:53%;
	height:auto;
	width:100%; transform:translateY(-50%);
	color:var(--color-white);
	z-index:3;
}
.section-top-hero .title .name {
	font-weight:var(--font-regular);
	font-size:15px; font-size:1.5rem;
	margin:0.5em auto 0;
}
.section-top-hero .title h2 {margin:0 auto;}
.section-top-hero .title i {font-weight:var(--font-bold); font-size:61px; font-size:6.1rem;
	display:block;
}
.section-top-hero .title b {
	color:#fff;
	font-size:25px; font-size:2.5rem; display:block;
	margin:0.5em auto 0 auto;
	letter-spacing:var(--letter-spacing);
}



.weather-area {
	position:absolute;
	bottom:1vw; right:3vw; color:var(--color-white);
	text-align:left;
	z-index:3;
	line-height:var(--line-height-mini);
}
.weather-area .text {font-size:13px; font-size:1.3rem; margin:0 0 12px 0;}
.weather-area .text b {display:block; color:var(--color-white);}
.weather-area ul {
	display:flex; justify-content:flex-start; line-height:1;
	font-size:61px; font-size:6.1rem;
	font-weight:var(--font-thin);
	margin:0;
}
.weather-area ul li {vertical-align:bottom; position:relative;}
.weather-area ul li#weather {
	margin:0 15px 0 0; padding:0 15px 0 0;
	background:0 0 no-repeat;
	background-size:1em 1em;
}
.weather-area ul li#weather::after {
	content:""; position:absolute; top:0; right:0; width:1px; height:100%;
	background-color:var(--color-white);
}
.weather-area ul li#temperature::after {content:"℃"; font-size:31px; font-size:3.1rem; margin:0 0 0 6px;}

/*
.weather-area ul li#weather[data-weather="快晴"] {background-image:url("images-page/weather-clear.svg");}
.weather-area ul li#weather[data-weather="晴れ"] {background-image:url("images-page/weather-sunny.svg");}
.weather-area ul li#weather[data-weather="曇り"] {background-image:url("images-page/weather-clouds.svg");}
.weather-area ul li#weather[data-weather="にわか雨"] {background-image:url("images-page/weather-shower.svg");}
.weather-area ul li#weather[data-weather="雨"] {background-image:url("images-page/weather-rain.svg");}
.weather-area ul li#weather[data-weather="雪"] {background-image:url("images-page/weather-snow.svg");}
.weather-area ul li#weather[data-weather="霧"] {background-image:url("images-page/weather-mist.svg");}
.weather-area ul li#weather[data-weather="雷"] {background-image:url("images-page/weather-thunderstorm.svg");}
*/


.section-top-hero .scroll {
	position:absolute;
	width:1px; height:3em;
	background: #f4f4f4;
	left:50%;
	bottom:0;
	z-index:4;
}
.section-top-hero .scroll::after {
	content:""; display:block;
	width: 3px;
	height: 1em;
	background: #f4f4f4;
	border-radius: 10px;
	margin-left: -1px;
	bottom: 0;
	opacity:0;
	animation: hero-scrollbar 2.6s 1.3s infinite;
	z-index: 4;
}


@keyframes hero-scrollbar {
	0% {transform:translate3d(0, 0, 0); opacity:0;}
	20% {opacity:1;}
	80% {transform:translate3d(0, 2em, 0); opacity:0;}
	100% {opacity:0;}
}


@media (max-width:800px) {
	.section-top-hero .title i {font-size:5.7vw;}
	.section-top-hero .weather-area ul {font-size:45px; font-size:4.5rem;}
}
@media (max-width:600px) {
	.section-top-hero .title b {font-size:3.5vw;}
	.section-top-hero .weather-area {bottom:calc(1vw + 3em); right:1vw;}
	.section-top-hero .weather-area ul {font-size:39px; font-size:3.9rem;}
}


.section-top-decoration {
	overflow:hidden;
	margin:0; margin-bottom:-7vw;
	padding:0;
	position:relative;
	z-index:1;
}
.section-top-decoration .text {
	margin:0;
	font-size:250px;
	font-size:25rem;
	line-height: 1;
	letter-spacing: -0.07em;
	font-family: Poppins, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
	"Hiragino Sans", Meiryo, sans-serif;
	font-style:normal;
	font-weight: 100;
	color: rgba(22, 131, 82, 0.1);
	white-space: nowrap;
}
.section-top-decoration .text::before {content:"CYCLE PARK TSUKUBA CYCLE PARK TSUKUBA";}

@media (max-width:600px) {
	.section-top-decoration .text {font-size:190px; font-size:19rem;}
}

.section-top-about {
	overflow-x:hidden;
	padding-bottom:9em;
}
.section-top-about .content {
	background-color:var(--color-white);
	border-radius:var(--border-radius);
	padding:9vw 7vw;
	box-shadow: var(--box-shadow);
}

.section-top-about .flex-container {
	display:flex;
	justify-content:space-between;
}
.section-top-about .flex-container .section-title {
	flex-basis:33%;
}
.section-top-about .flex-container .section-content {
	flex-basis:60%;
	position:relative;
}

.section-top-about .swiper-container {
	overflow:hidden;
	width:150%;
	height:150%;
	height:calc(100% + 13vw);
	position: absolute;
	bottom:2em;
	pointer-events:none;
}
.section-top-about .swiper-wrapper {display:flex; align-items:stretch;}
.section-top-about .swiper-container .swiper-slide {
	width:31%; height:100%;
	position:relative;
	display:block;
	border-radius:var(--border-radius);
	overflow:hidden;
}
.section-top-about .swiper-container .swiper-slide picture {
	display:contents;
}
.section-top-about .swiper-container .swiper-slide img {
	object-fit:cover; width:100%; max-width:none; height:100%;
}

/* Swiper Edit */
.swiper-free-mode>.swiper-wrapper {
-webkit-transition-timing-function:linear !important;
-o-transition-timing-function:linear !important;
transition-timing-function:linear !important;
}

.section-top-about .top-about-list {
	display:flex; justify-content:space-between;
}
.section-top-about .top-about-list .item {
	flex-basis:29%;
}
.section-top-about .top-about-list .thumbnail {
	border-radius:var(--border-radius);
	overflow:hidden;
	aspect-ratio:4 / 3;
	margin:0 0 2em 0;
}
.section-top-about .top-about-list .thumbnail img {
	width:100%; height:100%;
	object-fit:cover;
}
.section-top-about .top-about-list .subtitle {
	margin:0 0 1em 0;
}
.section-top-about .top-about-list .text {
	display:block;
	min-height:2em;
}
@media (max-width:1000px) {
	.section-top-about .swiper-container .swiper-slide {width:45%;}
}
@media (max-width:900px) {
	.section-top-about .content {padding:5vw 5vw;}
	.section-top-about .swiper-container {height:calc(100% + 7vw);}
	.section-top-about .top-about-list {gap:5%; justify-content:flex-start; flex-wrap:wrap;}
	.section-top-about .top-about-list .item {
		flex-basis:47.5%;
		margin:0 0 5% 0;
	}
}
@media (max-width:800px) {
	.section-top-about .flex-container .section-title {flex-basis:40%;}
	.section-top-about .flex-container .section-content {flex-basis:55%;}
}
@media (max-width:720px) {
	.section-top-about .flex-container .section-title {flex-basis:50%;}
	.section-top-about .flex-container .section-content {flex-basis:45%;}
}
@media (max-width:660px) {
	.section-top-about {padding-top:50px;}
	.section-top-about .flex-container {display:block;}
	.section-top-about .section-content {margin-left:-8vw; margin-right:-8vw;}
	.section-top-about .swiper-container {position:relative; width:100%; height:auto; bottom:auto;}
	.section-top-about .swiper-container .swiper-slide {width:37%;}
}
@media (max-width:500px) {
	.section-top-about .top-about-list {display:block;}
	.section-top-about .top-about-list .item {flex-basis:100%; margin:0 0 10% 0;}
}

.section-top-news {padding-top:0; padding-bottom:7em; overflow:hidden;}
.section-top-news .swiper-container {position:relative;}
.section-top-news .module {
	position:absolute; top:-7em; right:0;
	display:flex;
	justify-content:flex-start; align-items:center;
}
.section-top-news .module .button {margin:0;}

.swiper-button-prev,
.swiper-button-next {
	position:relative; display:block;
	width:3.3em; height:3.3em;
	background-color:var(--color-green);
	margin:0 1em 0 0;
	border:3px solid var(--color-green);
	border-radius:50%;
	top:auto; left:auto; right:auto;
	overflow:hidden;
	transition:var(--transition);
}

.swiper-button-prev:before,
.swiper-button-next:before,
.swiper-button-prev:after,
.swiper-button-next:after {
	content:"";
	font-size:1em;
	width:1.3em; height:1.3em;
	position:absolute;
	top:calc(50% - 0.65em);
	left:calc(50% - 0.65em);
	background:0 0 no-repeat;
	/*background-image:url("images/arrow-right-white.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwzMWMwLTUuMjMsMS41Ni0xNCwxMi0xNCwuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMWMtMTAuNDQsMC0xMi04Ljc3LTEyLTE0LDAtLjU1LS40NS0xLTEtMXMtMSwuNDUtMSwxYzAsNi42MiwyLjMsMTEuNDcsNi4zOCwxNEgxYy0uNTUsMC0xLC40NS0xLDFzLjQ1LDEsMSwxaDIyLjM4Yy00LjA4LDIuNTMtNi4zOCw3LjM4LTYuMzgsMTQsMCwuNTUuNDUsMSwxLDFzMS0uNDUsMS0xWiIvPjwvZz48L3N2Zz4=");
	background-size:auto;
	transition:none;
	animation:none;
	will-change:transform;
} 
.module .swiper-button-prev:before {
	/*background-image:url("images/arrow-left-white.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMywxYzAsNS4yMy0xLjU2LDE0LTEyLDE0LS41NSwwLTEsLjQ1LTEsMXMuNDUsMSwxLDFjMTAuNDQsMCwxMiw4Ljc3LDEyLDE0LDAsLjU1LjQ1LDEsMSwxczEtLjQ1LDEtMWMwLTYuNjItMi4zLTExLjQ3LTYuMzgtMTRoMjIuMzhjLjU1LDAsMS0uNDUsMS0xcy0uNDUtMS0xLTFIOC42MmM0LjA4LTIuNTMsNi4zOC03LjM4LDYuMzgtMTQsMC0uNTUtLjQ1LTEtMS0xcy0xLC40NS0xLDFaIi8+PC9nPjwvc3ZnPg==");
} 

.module .swiper-button-prev:after,
.module .swiper-button-next:after {
	transform:translateX(-200%) scale(0.5);
	display:none;
}


.swiper-button-prev:hover,
.swiper-button-next:hover {
	background-color:var(--color-white);
	border-color:var(--color-green);
	transform: scale(1.1);
}
.swiper-button-prev:hover::before {
	/*background-image:url("images/arrow-left-green.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzE2ODM1Mjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMywxYzAsNS4yMy0xLjU2LDE0LTEyLDE0LS41NSwwLTEsLjQ1LTEsMXMuNDUsMSwxLDFjMTAuNDQsMCwxMiw4Ljc3LDEyLDE0LDAsLjU1LjQ1LDEsMSwxczEtLjQ1LDEtMWMwLTYuNjItMi4zLTExLjQ3LTYuMzgtMTRoMjIuMzhjLjU1LDAsMS0uNDUsMS0xcy0uNDUtMS0xLTFIOC42MmM0LjA4LTIuNTMsNi4zOC03LjM4LDYuMzgtMTQsMC0uNTUtLjQ1LTEtMS0xcy0xLC40NS0xLDFaIi8+PC9nPjwvc3ZnPg==");
	animation:
		arrow-out-reverse 0.35s ease-out 0.1s forwards,
		arrow-in-reverse 0.35s ease-out 0.35s forwards;
}
.swiper-button-next:hover::before {
	/*background-image:url("images/arrow-right-green.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzE2ODM1Mjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwzMWMwLTUuMjMsMS41Ni0xNCwxMi0xNCwuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMWMtMTAuNDQsMC0xMi04Ljc3LTEyLTE0LDAtLjU1LS40NS0xLTEtMXMtMSwuNDUtMSwxYzAsNi42MiwyLjMsMTEuNDcsNi4zOCwxNEgxYy0uNTUsMC0xLC40NS0xLDFzLjQ1LDEsMSwxaDIyLjM4Yy00LjA4LDIuNTMtNi4zOCw3LjM4LTYuMzgsMTQsMCwuNTUuNDUsMSwxLDFzMS0uNDUsMS0xWiIvPjwvZz48L3N2Zz4=");
	animation:
		arrow-out 0.35s ease-out 0.1s forwards,
		arrow-in 0.35s ease-out 0.35s forwards;
}

.swiper-button-disabled {background-color:transparent; border-color:var(--color-border);}
.swiper-button-next.swiper-button-disabled::before {
	opacity:1;
	/*background-image:url("images/arrow-right-gray.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U5ZThlODt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwzMWMwLTUuMjMsMS41Ni0xNCwxMi0xNCwuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMWMtMTAuNDQsMC0xMi04Ljc3LTEyLTE0LDAtLjU1LS40NS0xLTEtMXMtMSwuNDUtMSwxYzAsNi42MiwyLjMsMTEuNDcsNi4zOCwxNEgxYy0uNTUsMC0xLC40NS0xLDFzLjQ1LDEsMSwxaDIyLjM4Yy00LjA4LDIuNTMtNi4zOCw3LjM4LTYuMzgsMTQsMCwuNTUuNDUsMSwxLDFzMS0uNDUsMS0xWiIvPjwvZz48L3N2Zz4=");
}
.swiper-button-prev.swiper-button-disabled::before {
	opacity:1;
	/*background-image:url("images/arrow-left-gray.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U5ZThlODt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMywxYzAsNS4yMy0xLjU2LDE0LTEyLDE0LS41NSwwLTEsLjQ1LTEsMXMuNDUsMSwxLDFjMTAuNDQsMCwxMiw4Ljc3LDEyLDE0LDAsLjU1LjQ1LDEsMSwxczEtLjQ1LDEtMWMwLTYuNjItMi4zLTExLjQ3LTYuMzgtMTRoMjIuMzhjLjU1LDAsMS0uNDUsMS0xcy0uNDUtMS0xLTFIOC42MmM0LjA4LTIuNTMsNi4zOC03LjM4LDYuMzgtMTQsMC0uNTUtLjQ1LTEtMS0xcy0xLC40NS0xLDFaIi8+PC9nPjwvc3ZnPg==");
}



@media (max-width:600px) {
	.section-top-news .module {
		position:relative; top:auto; right:auto;
		margin:2em 0 0 0;
	}
}

.section-top-access {
	background-color:var(--color-white);
	margin-bottom:-0.1em;
	box-shadow: var(--box-shadow);
}
.section-top-access .flex-item:nth-child(1) {flex-basis:30%;}
.section-top-access .flex-item:nth-child(2) {flex-basis:65%;}

.section-top-access .section-title .title {display:block;}
.section-top-access b {color:var(--color-black); font-weight:var(--font-bold);}

@media (max-width:1300px) {
	.section-top-access .buttons {display:block;}
}
@media (max-width:700px) {
	.section-top-access .flex-container {display:block;}
	.section-top-access .buttons {display:flex;}
}
@media (max-width:360px) {
	.section-top-access .buttons {display:block;}
}


/******************/
/* page.php *******/

.section-about-course .flex-container-3 .flex-item {margin:0 0 5% 0;}
.section-about-course .thumbnail {
	aspect-ratio:3 / 4;
	overflow:hidden; position:relative;
	border-radius:var(--border-radius);
	margin:0 0 0.5em 0;
	display:block;
}
.section-about-course .thumbnail img {
	object-fit:cover;
	width:100%; height:100%;
}
.section-about-course b {
	display:block;
	color:var(--color-dark); font-weight:var(--font-bold);
	line-height:var(--line-height-mini);
	font-size:25px; font-size:2.5rem;
	margin:0 0 0.5em 0;
}
.section-about-course .small {
	font-size:13px; font-size:1.3rem;
	color:#8d8d8d;
	display:block;
	font-weight:var(--font-regular);
}

.section-about-taiikukan .thumbnail {margin:0 0 1em 0;}

.section-about-facility .flex-container{
	flex-wrap:wrap;
	gap:4%; justify-content:flex-start;
}
.section-about-facility .flex-container .item {
	flex-basis:48%;
	margin:0 0 5% 0;
}
.section-about-facility .thumbnail {
	aspect-ratio:3 / 2;
	overflow:hidden; position:relative;
	margin:0 0 1em 0;
	border-radius:var(--border-radius);
}
.section-about-facility .thumbnail img {
	object-fit:cover; width:100%; height:100%;
}

.section-about-facility .title {
	font-size:25px; font-size:2.5rem; font-weight:var(--font-bold);
	line-height:var(--line-height-mini);
	margin:0 0 0.5em 0;
}
.section-about-facility .description {
	font-size:13px; font-size:1.3rem;
}

@media (max-width:600px) {
	.section-about-facility .title {font-size:21px; font-size:2.1rem;}
}
@media (max-width:500px) {
	.section-about-course .flex-container-3 {flex-wrap:wrap; gap:4%; justify-content:flex-start;}
	.section-about-course .flex-container-3 .flex-item {flex-basis:48%;}
}

/* .article-profile {} */
/* .article-service {} */
/* .article-contact {} */



.article-school .thumbnail.-right {max-width:33%; float:right; margin:-5em 0 1em 3em;}

@media (max-width:500px) {
	.article-school .thumbnail.-right {margin:0 0 1em 3em;}
}

.article-race .thumbnail.-right {max-width:20%; float:right; margin:0 0 1em 3em;}



.article-rental .thumbnail {aspect-ratio:3 / 4; overflow:hidden;
	border-radius:var(--border-radius);
}
.article-rental .thumbnail img {object-fit:cover;
	width:100%; height:100%;
}
.article-rental .flex-container b {color:var(--color-dark); font-weight:var(--font-bold);}

@media (max-width:600px) {
	.article-rental .flex-container .flex-item {flex-basis:48%;}
}

.article-calendar .eo-fullcalendar {margin:0 0 3em 0;}
.article-calendar .eo-fullcalendar h2 {font-weight:var(--font-bold); font-size:21px; font-size:2.1rem;}
.article-calendar .eo-fullcalendar h2::before,
.article-calendar .eo-fullcalendar h2::after {display:none;}
.article-calendar .eo-fullcalendar .fc-event {pointer-events:none;}
.article-calendar .eo-fullcalendar .fc-left {float:left;}
.article-calendar .eo-fullcalendar .fc-right {float:right;}
.article-calendar .eo-fullcalendar .fc-button-group {float:left;}
.article-calendar .eo-fullcalendar .fc-basic-view .fc-day-number {text-align:left;}
.article-calendar .eo-fullcalendar .fc-content {padding:0.35em;}


.article-ar .calendar-category {margin:0 0 5em 0;}
.article-calendar .calendar-category dl {display:flex; flex-wrap:wrap; font-size:13px; font-size:1.3rem;}
.article-calendar .calendar-category dl dt {display:block; width:100%; display:none;}
.article-calendar .calendar-category dl dd {display:flex; width:fit-content; margin:0 1.5em 1em 0;
	align-items:center; justify-content:flex-start;
}
.article-calendar .calendar-category dl dd span {width:1em; height:1em; margin:0 0.5em 0 0;}


.maps {
	width:100%; height:31vw;
	min-height:400px; height:calc( 100% - 2em );
	overflow:hidden; position:relative; padding-top:0;
	margin:0 0 3em 0;
	border:3px solid var(--color-border);
}
.googlemaps {width:100%; height:100%; position:absolute; top:0;}
.maps iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}


.article-access .maps {min-height:450px;}

/******************/
/******************/
/* archive.php ****/

.archives {width:100%; margin:0 auto; text-align:left;}
.archives ul {
	display:flex; flex-direction:row; justify-content:flex-start;
	flex-wrap:nowrap;
	align-items:stretch;
	list-style:none; padding:0; margin:0;
}
.archives .swiper-slide {
	width:30%; height:auto;
	display:flex;
	align-items:stretch;
	margin:0; padding:0;
	background-color:var(--color-white);
	border:3px solid var(--color-white);
	border-radius:var(--border-radius);
	position:relative;
}
.archives-slider .swiper-slide {width:30%; max-width:400px;}
.archives .swiper-slide::before {
	content:""; position:absolute; top:-4px; left:-4px; right:-4px; bottom:-4px;
	border:1px solid var(--color-border);
	border-radius:var(--border-radius);
	pointer-events:none;
	box-shadow:var(--box-shadow);
}
.archives .swiper-slide a {
	display:flex;
	flex-direction:column;
	flex-grow:1;
	align-items:stretch;
	padding:0; height:100%;
	overflow:hidden;
}

.archives .thumbnail {
	aspect-ratio:75 / 50; overflow:hidden; line-height:1;
	position:relative;
	margin:0;
	border-top-left-radius:var(--border-radius);
	border-top-right-radius:var(--border-radius);
	overflow:hidden;
}
.archives .thumbnail img.eyecatch {
	object-fit:cover; width:100%; height:100%;
	transition:var(--transition);
}
.archives .thumbnail img.overlay {
	position:absolute;
	object-fit:cover; width:100%; height:100%;
	top:0; left:0;
	transition:var(--transition); z-index:3;
}
.archives .content {padding:3em 3em 2em 3em; flex-grow:1;}
.archives .meta {
	font-size:15px; font-size:1.5rem; font-weight:var(--font-bold);
	margin:0 0 0.5em 0;
}
.archives .meta .date {
	color:var(--color-green); padding:0 1em 0 0; margin:0 1em 0 0;
	border-right:1px solid var(--color-border);
}
.archives .title {
	padding:0; font-size:17px; font-size:1.7rem;
	line-height:var(--line-height-mini);
	display:inline;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	text-overflow: ellipsis;
	background: linear-gradient(0deg, #000, #000) no-repeat left bottom;
	background-size: 0 1px;
	transition:var(--transition);
}

.archives .swiper-slide a:hover .thumbnail img {scale:1.1;}
.archives .swiper-slide a:hover .thumbnail img.eyecatch.grayscale {filter:grayscale(0);}
.archives .swiper-slide a:hover .title {
	background-size: 100% 1px;
}
 
 
.archives .swiper-slide.links a {
	background-color:var(--color-white); text-align:center;
	justify-content:center;
	border-radius:var(--border-radius);

}
.archives .swiper-slide.links i {
	font-weight:var(--font-bold);
	font-size:19px; font-size:1.9rem;
	display: block;
	width: fit-content;
	margin: 0 auto;
	background: linear-gradient(0deg, #000, #000) no-repeat left bottom 1px;
	background-size: 0 1px;
	transition:var(--transition);
}
.archives .swiper-slide.links a:hover i {background-size: 100% 1px;}

#article-news .archives .swiper-wrapper {
	flex-wrap:wrap;
	gap:4%;
}
#article-news .archives .swiper-slide {margin:0 0 5% 0; width:22%;}

@media (max-width:1560px) {
	#article-news .archives .swiper-slide {width:30%;}
}

@media (max-width:1000px) {
	#article-news .archives .swiper-slide {width:48%;}
}
@media (max-width:900px) {
	.archives-slider .swiper-slide {width:40%;}
	.archives .content {padding:2em 2em 2em 2em;}
}
@media (max-width:800px) {
	.archives .swiper-slide {width:48%;}
	.archives-slider .swiper-slide {width:45%;}
}
@media (max-width:700px) {
	.archives-slider .swiper-slide {width:55%;}
}
@media (max-width:540px) {
	.archives ul {padding:0 2em;}
	.archives-slider .swiper-slide {width:75%;}
	.archives-slider .swiper-slide.links {margin:0 2em 0 0;}
	#article-news .archives .swiper-slide{width:100%; margin:0 0 7vw 0;}
}
@media (max-width:380px) {
	.archives .swiper-wrapper {padding:0 1em;}
}

/******************/
/******************/
/* archive-custom-post.php */



/******************/
/* 404.php */

body.error404 {overflow:hidden;}
body.error404 .site-header,
body.error404 .site-footer {display:none;}
.main-404 {
	display: flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:fixed;
	top:0; left:0; right:0; bottom:0; padding:3em;
	background-color:var(--color-white);
	color:var(--color-darkgreen);
	overflow:auto;
	z-index:99999;
}
.article-404 {
	margin: auto;
	padding:3em 0;
	line-height:var(--line-height-big);
}
.article-404 .logo {text-align:center; margin:0 auto 1em;}
.article-404 .logo img {margin:0 auto;}
.article-404 .title {margin:0 auto; font-size:35x; font-size:3.5rem;}
.article-404 .subtitle {margin:0 auto 3em; font-size:21px; font-size:2.1rem;}
.article-404 .subtitle::before,
.article-404 .subtitle::after {display:none;}

/******************/
/* pagination *****/

.pagination {margin:0 auto 5em; clear:both;}
.pagination ul {
	text-align:center; font-size:19px; font-size:1.9rem;
	font-weight:var(--font-bold);
	display:flex; justify-content:center; align-items:center;
	flex-wrap:wrap;
}
.pagination ul li {display:inline-block; margin:0 1em; white-space:nowrap;}
.pagination ul li .current {color:var(--color-green);}
.pagination span,
.pagination ul li a {
	padding:0;
	color:var(--color-black);
	transition:background-color var(--transition) , color var(--transition);
}
.pagination ul li a.prev,
.pagination ul li a.next {
	display: block;
	width:3em; height:3em; border-radius:50%;
	background:var(--color-background) center center no-repeat;
	color:transparent;
	position:relative;
	overflow:hidden;
}
.pagination ul li a.prev::before,
.pagination ul li a.next::before {
	content:""; display:block; position:absolute;
	width:1em; height:1em;
	top:calc(50% - 0.5em);
	left:calc(50% - 0.5em);
	background:0 0 no-repeat;
	background-size:100% auto;
}
.pagination ul li a.prev::before {background-image:url("images/arrow-left-green.svg");}
.pagination ul li a.next::before {background-image:url("images/arrow-right-green.svg");}

.pagination ul li a.prev:hover,
.pagination ul li a.next:hover {
	background-color:var(--color-green);
	color:transparent;
}
.pagination ul li a.prev:hover::before {
	/*background-image:url("images/arrow-left-white.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMywxYzAsNS4yMy0xLjU2LDE0LTEyLDE0LS41NSwwLTEsLjQ1LTEsMXMuNDUsMSwxLDFjMTAuNDQsMCwxMiw4Ljc3LDEyLDE0LDAsLjU1LjQ1LDEsMSwxczEtLjQ1LDEtMWMwLTYuNjItMi4zLTExLjQ3LTYuMzgtMTRoMjIuMzhjLjU1LDAsMS0uNDUsMS0xcy0uNDUtMS0xLTFIOC42MmM0LjA4LTIuNTMsNi4zOC03LjM4LDYuMzgtMTQsMC0uNTUtLjQ1LTEtMS0xcy0xLC40NS0xLDFaIi8+PC9nPjwvc3ZnPg==");
}
.pagination ul li a.next:hover::before {
	/*background-image:url("images/arrow-right-white.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwzMWMwLTUuMjMsMS41Ni0xNCwxMi0xNCwuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMWMtMTAuNDQsMC0xMi04Ljc3LTEyLTE0LDAtLjU1LS40NS0xLTEtMXMtMSwuNDUtMSwxYzAsNi42MiwyLjMsMTEuNDcsNi4zOCwxNEgxYy0uNTUsMC0xLC40NS0xLDFzLjQ1LDEsMSwxaDIyLjM4Yy00LjA4LDIuNTMtNi4zOCw3LjM4LTYuMzgsMTQsMCwuNTUuNDUsMSwxLDFzMS0uNDUsMS0xWiIvPjwvZz48L3N2Zz4=");
}

.pagination ul li a.prev:hover::before {
	/*background-image:url("images/arrow-left-white.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMywxYzAsNS4yMy0xLjU2LDE0LTEyLDE0LS41NSwwLTEsLjQ1LTEsMXMuNDUsMSwxLDFjMTAuNDQsMCwxMiw4Ljc3LDEyLDE0LDAsLjU1LjQ1LDEsMSwxczEtLjQ1LDEtMWMwLTYuNjItMi4zLTExLjQ3LTYuMzgtMTRoMjIuMzhjLjU1LDAsMS0uNDUsMS0xcy0uNDUtMS0xLTFIOC42MmM0LjA4LTIuNTMsNi4zOC03LjM4LDYuMzgtMTQsMC0uNTUtLjQ1LTEtMS0xcy0xLC40NS0xLDFaIi8+PC9nPjwvc3ZnPg==");
	animation:
		arrow-out-reverse 0.35s ease-out 0.1s forwards,
		arrow-in-reverse 0.35s ease-out 0.35s forwards;
}
.pagination ul li a.next:hover::before {
	/*background-image:url("images/arrow-right-white.svg");*/
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwzMWMwLTUuMjMsMS41Ni0xNCwxMi0xNCwuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMWMtMTAuNDQsMC0xMi04Ljc3LTEyLTE0LDAtLjU1LS40NS0xLTEtMXMtMSwuNDUtMSwxYzAsNi42MiwyLjMsMTEuNDcsNi4zOCwxNEgxYy0uNTUsMC0xLC40NS0xLDFzLjQ1LDEsMSwxaDIyLjM4Yy00LjA4LDIuNTMtNi4zOCw3LjM4LTYuMzgsMTQsMCwuNTUuNDUsMSwxLDFzMS0uNDUsMS0xWiIvPjwvZz48L3N2Zz4=");
	animation:
		arrow-out 0.35s ease-out 0.1s forwards,
		arrow-in 0.35s ease-out 0.35s forwards;
}

.pagination ul li a:hover {
	color:var(--color-green);
	text-decoration:underline;
}
.pagination span.dots {border:0; background:transparent;}


/******************/
/* post-links *****/

/*
.post-links {clear:both; text-align:center; margin:0 auto 80px; max-width:320px; width:100%; display:table; table-layout:fixed;}
.post-links span {display:table-cell; padding:8px 2px;}
.post-links .navi-prev {text-align:center;}
.post-links .navi-next {text-align:center;}
.post-links a {border:1px solid #168352; border-color:var(--color-green); background-color:#168352; background-color:var(--color-green); color:#ffffff; display:block;}
.post-links a:hover {background:transparent; color:#168352; color:var(--color-green);}
*/

/******************/
/******************/
/* comments.php ***/

/******************/
/* button *********/

.button {margin:2em 0;}

.buttons {display:flex;}
.buttons .button {margin:2em 1em 2em 0;}



.button a {
	display:flex; min-width:180px; width:fit-content;
	font-size:13px; font-size:1.3rem;
	align-items:center; justify-content:space-between;
	padding:1em 1em 1em 2em;
	border-radius:5em;
	text-align:left;
	background:var(--color-green);
	border:3px solid; border-color:var(--color-green);
	color:var(--color-white); position:relative;
	transition:var(--transition);
	overflow:hidden;
}
.button a::before {
	content:"";
	position:absolute; top:50%; left:50%;
	width:0; height:0;
	background-color:var(--color-white); border-radius:50%;
	transition:var(--transition); transform:translate(-50%,-50%);
	z-index:0;
	aspect-ratio:1 / 1;
}
.button a i {
	font-weight:var(--font-bold); position:relative;
	white-space:nowrap;
	z-index:2;
}
.button a .icon {
	position:relative; background-color:rgba(255,255,255,0.3);
	display: inline-flex;
	justify-content: center;
	align-items: center; margin:0 0 0 2em;
	width:2.5rem; height:2.5rem; border-radius:50%;
	overflow:hidden;
	transition:var(--transition);
	z-index:2;
}

.button a .icon::before {
	content:"";
	position:absolute; background-color:var(--color-white);
	width:0.7rem; height:0.7rem; border-radius:50%;
	transition:var(--transition);
	z-index:0;
}
.button a .icon::after {
	content:"";
	position:absolute;
	width:0.7em; height:0.7em;
	/*background-image:url("images/arrow-right-white.svg");*/
	background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwzMWMwLTUuMjMsMS41Ni0xNCwxMi0xNCwuNTUsMCwxLS40NSwxLTFzLS40NS0xLTEtMWMtMTAuNDQsMC0xMi04Ljc3LTEyLTE0LDAtLjU1LS40NS0xLTEtMXMtMSwuNDUtMSwxYzAsNi42MiwyLjMsMTEuNDcsNi4zOCwxNEgxYy0uNTUsMC0xLC40NS0xLDFzLjQ1LDEsMSwxaDIyLjM4Yy00LjA4LDIuNTMtNi4zOCw3LjM4LTYuMzgsMTQsMCwuNTUuNDUsMSwxLDFzMS0uNDUsMS0xWiIvPjwvZz48L3N2Zz4=") 0 0 no-repeat;
	top:50%; left:50%;
	transform:translateY(-50%) translateX(-150%) scale(0.1);
	animation: button-arrow-normal 0.35s ease-out 0s 1 normal both;
}



.button a:hover {
	color:var(--color-green); cursor:pointer;
}
.button a:hover::before {
	width:100%; height:0; padding-top:100%;
	aspect-ratio:1 / 1;
	will-change:transform;
}
.button a:hover .icon {background-color:var(--color-green); transform:scale(1.3);}
.button a:hover .icon::before {
	opacity:0; transform:scale(3);
}
.button a:hover .icon::after {
	transform: translateY(-50%) translateX(-50%);
	animation: button-arrow-hover 0.35s ease-out 0.35s 1 normal both;
}

@media (max-width:460px) {
	.button a {min-width:130px;}
}
@media (max-width:400px) {
	.buttons {display:block; margin:2em 0 2em 0;}
	.buttons .button {margin:0 1em 1em 0;}
}


.button.-center {margin:2em auto 2em auto; text-align:center;}
.button.-center a {margin:0 auto;}

@keyframes button-arrow-normal {
	to {transform:translateY(-50%) translateX(150%) scale(1);}
}
@keyframes button-arrow-hover {
	from {transform:translateY(-50%) translateX(-250%) scale(0.1);}
}



.button.button-small a {padding:4px 12px; min-width:30px; font-size:0.8em;}
.button.button-large a {padding:8px 36px; min-width:180px; font-size:1.2em;}

/*
.button.button-success a {border-color:#168352; border-color:var(--color-green); color:blue;}
.button.button-success a:hover {background-color:#168352; background-color:var(--color-green); color:#ffffff;}

.button.button-error a {border-color:red; color:red;}
.button.button-error a:hover {background-color:red; color:#ffffff;}

.button.button-warning a {border-color:yellow; color:yellow;}
.button.button-warning a:hover {background-color:yellow; color:#ffffff;}
*/

/******************/
/******************/

/*
span.close {float:right; color:inherit; cursor:pointer;}
*/
/******************/
/* Flexbox System & Table System */


.table-container {
	display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; margin:0; padding:0;
}
.table-cell {
	display:table-cell; vertical-align:top; position:relative; margin:0; padding:0; empty-cells:show;
}

.flex-container {
	margin:0; padding:0; list-style:none;
	display:flex;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:wrap;
	justify-content:space-between;
}

.flex-item {
margin:0; padding:0;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
}

.flex-container-2 .flex-item {
	flex-basis:49%;
	margin:0 0 2% 0;
}
.flex-container-3 .flex-item {
	flex-basis:32%;
	margin:0 0 2% 0;
}
.flex-container-4 .flex-item {
	flex-basis:24%;
	margin:0 0 2% 0;
}

.columns {
	column-gap:4em;
	column-rule:1px dotted;
}
.columns-2 {columns:2;}


/******************/
/* responsive-table */

.r-table,
.responsive-table {overflow:scroll; width:100%;}

/******************/
/******************/
/* materials ******/

.adr span {margin:0; display:inline-block;}

/******************/
/******************/
/* plugins ********/


/******************/
/******************/
/* Media Query ****/



/* ▲ iPad Air4 横（820px） ▼ */

/* ▲ iPhone 6+ 横（736px） ▼ */

/* ▲ Mac OS Safari - Minimum(504px) ▼ */

/* ▲ iPhone 6+ - iPhone 6 414px▼ */

/* ▲ iPod touch 320px ▼ */


/******************/
/******************/
/* fonts **********/

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
.font-gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}
.font-mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;}
.font-mono {font-family:"Osaka-mono", "MS Gothic", monospace;}
*/

i {font-family:"Poppins", sans-serif;}

/******************/
/******************/
/* Keyframes ******/

@keyframes arrow-out {
	from {opacity:1; transform: translateX(0);}
	to {opacity:0; transform: translateX(200%);}
}
@keyframes arrow-in {
	from {opacity:0; transform: translateX(-200%);}
	to {opacity:1; transform: translateX(0);}
}
@keyframes arrow-out-reverse {
	from {opacity:1; transform: translateX(0);}
	to {opacity:0; transform: translateX(-200%);}
}
@keyframes arrow-in-reverse {
	from {opacity:0; transform: translateX(200%);}
	to {opacity:1; transform: translateX(0);}
}

@keyframes arrow-up-out {
	from {transform:translateY(-50%)}
	to {transform: translateY(-300%);}
}
@keyframes arrow-up-in {
	from {transform:translateY(200%);}
	to {transform: translateY(-50%);}
}


@keyframes underline {
	0% {background-size: 0% 1px;}
	100% {background-size: 100% 1px;}
}

/* end ************/
/******************/
/******************/