@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* add to */
*, *:before, *:after {
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; 
}
img {
	max-width: 100%;
	vertical-align: middle;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.eot');
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Black.eot');
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Black.woff') format('woff'),
    url('../font/NotoSansCJKjp/NotoSansCJKjp-Black.ttf')  format('truetype');
}
@font-face {
    font-family: 'lemonbird';
    src: url('../font/lemonbird/lemonbird.woff2') format('woff2'),
         url('../font/lemonbird/lemonbird.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	color: #424242;
	font-size: 14px;
	font-family: 'Noto Sans Japanese', sans-serif;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;text-size-adjust: 100%;
	text-rendering: auto;
	line-height: 1.8;
}
@media screen and (min-width:600px) {
	body {
		font-size: 15px;
	}
}
@media screen and (min-width:1024px) {
	body {
		font-size: 16px;
	}
}
a {color: inherit;text-decoration: none}
/* =============================================================================

	▼▼▼ framework ▼▼▼

============================================================================= */
.contents {
	padding: 50px 0 0;
}
@media screen and (min-width:600px) {
	.contents {
		padding: 70px 0 0;
	}
}
@media screen and (min-width:1024px) {
	.contents {
		padding: 250px 120px 0 320px;
	}
}

/* background-imageは各園のCSS */
.side-illust {
	display: none;
}
@media screen and (min-width:1024px) {
	.side-illust {
		display: block;
	    position: fixed;top: 70px;left: 0;z-index: 10;
	    width: 200px;
	    height: calc(100vh - 70px);
	    background-repeat: repeat;
	    background-size: cover;
	    background-position: center top;
	}
}



/* アニメーション
------------------------------------- */
@keyframes shake {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.fuwatAnime {
	-webkit-animation-fill-mode: both;-ms-animation-fill-mode: both;animation-fill-mode: both;
	-webkit-animation-duration: .4s;-ms-animation-duration: .4s;animation-duration: .4s;
	-webkit-animation-name: fuwatAnime;-ms-animation-name: fuwatAnime;animation-name: fuwatAnime;
	visibility: visible!important;
}
@-webkit-keyframes fuwatAnime {
	0% {opacity: 0;-webkit-transform: translateY(-20px)}
	100% {opacity: 1;-webkit-transform: translateY(0)}
}
@keyframes fuwatAnime {
	0% { opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px)}
	100% { opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
}
/* =============================================================================

	▼▼▼ header ▼▼▼

============================================================================= */
/* background-colorは各園のCSS */
.header {
	position: fixed;top: 0;left: 0;z-index: 1000;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	width: 100%;height: 50px;
	padding: 0 15px;
}
@media screen and (min-width:600px) {
	.header {
		height: 70px;
		padding: 0 30px;
	}
}
@media screen and (min-width:1024px) {
	.header {
		padding: 0 15x 0 30px;
		-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
	}
}



#wpadminbar {
	position: fixed!important;
}
.header.wp-adminbar {
	top: 46px;
}
@media screen and (min-width:783px) {
	.header.wp-adminbar {
		top: 32px;
	}
}
/* ———————————————————————————————————————————————
	▼▼ logo ▼▼
——————————————————————————————————————————————— */
/* width, heightは各園のCSS */
@media screen and (min-width:1024px) {
	.header-logo {
		position: absolute;top: 12px;left: 30px;
	}
}
/* ———————————————————————————————————————————————
	▼▼ mail, bars ▼▼
——————————————————————————————————————————————— */
/* colorは各園のCSS */
.header-mail, .header-bars {
	position: absolute;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	width: 50px;height: 50px;
}
.header-mail:before, .header-bars:before {
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
}
.header-mail {
	right: 50px;
}
.header-mail:before {
	font-weight: normal;
	content: "\f0e0";
}
.header-bars {
	right: 0;
}
.header-bars:before {
	font-weight: bold;
	content: "\f0c9";
}
.header-bars.active:before {
	content: "\f00d";
}
@media screen and (min-width:600px) {
	.header-mail, .header-bars {
		width: 70px;height: 70px;
	}
	.header-mail:before, .header-bars:before {
		font-size: 24px;
	}
	.header-mail {
		right: 60px;
	}
}
@media screen and (min-width:1024px) {
	.header-mail {
		position: relative;right: auto;
		width: 50px;height: 50px;
		margin: 0 15px 0 10px;
		border-radius: 50%;
		-webkit-transition: all .25s ease;transition: all .25s ease;
	}
	.header-bars {
		display: none;
	}
}
/* ———————————————————————————————————————————————
	▼▼ tel ▼▼
——————————————————————————————————————————————— */
/* colorは各園のCSS */
.header-tel {
	display: none;
}
@media screen and (min-width:1024px) {
	.header-tel {
		display: block;
		font-size: 18px;font-weight: bold;
	}
	.header-tel span {
		font-size: 23px;font-weight: 900;margin-left: 8px;
	}
}
/* ———————————————————————————————————————————————
	▼▼ nav ▼▼
——————————————————————————————————————————————— */
@media screen and (max-width:1023px) {
	.header-nav {
		position: fixed;top: 70px;left: 0;
		background-color: #fff;
		overflow: hidden;
		width: 100%;
		height: 0;
	    -webkit-transition: height .25s ease .5s;transition: height .25s ease .5s;
	}
	.header-nav.active {
	    height: calc(100vh - 70px);
	    -webkit-transition: height .25s ease;transition: height .25s ease;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.header-nav > ul {
		opacity: 0;
		-webkit-transition: opacity .25s ease;transition: opacity .25s ease;
	}
	.header-nav.active > ul {
		opacity: 1;
		-webkit-transition: opacity .25s ease .35s;transition: opacity .25s ease .35s;
	}
	/* background-colorは各園のCSS */
	.header-nav > ul > li:last-child {
		padding: 20px 15px 150px;
	}
	.header-nav > ul > li:last-child > a {/* contact */
		position: relative;
		display: block;
		padding: 15px 20px;
		border-radius: 4px;
		font-size: 110%;letter-spacing: .05px;text-align: center;
	}
	.header-nav > ul > li:last-child > a:after {
		position: absolute;right: 15px;
		content: "\f054";font-family: "Font Awesome 5 Free";font-weight: bold;
	}
	.header-nav > ul > li a, .header-nav > ul > li > span {
		display: block;
		color: #fff;font-size: 13px;font-weight: bold;
		padding: 10px 20px;
	}
	/* color, background-colorは各園のCSS */
	.header-nav > ul > li a {
		border-bottom: 1px solid rgba(255,255,255,.44);
	}
	.header-nav > ul > li > span {
	}
	.header-nav > ul > li > ul > li > a span {
		display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	}
	/* 子ページ */
	/* background-colorは各園のCSS */
	.header-nav > ul > li > ul > li > a span.children:before {
		content: "";
		width: 15px;height: 1px;
		margin: 0 6px 0 0;
	}
	/* 外部リンク */
	.header-nav > ul > li > ul > li > a span.external:after {
		position: relative;top: -1px;
		content: "\f35d";font-family: "Font Awesome 5 Free";font-weight: bold;
		margin: 0 0 0 10px;
	}
}
@media screen and (max-width:599px) {
	.header-nav {
		top: 50px;
	}
	.header-nav.active {
		height: calc(100vh - 50px);
	}
}

/* color, background-colorは各園のCSS */
@media screen and (min-width:1024px) {
	.header-nav {
		display: block;
	}
	.header-nav > ul {
		display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	}
	.header-nav > ul > li {
		position: relative;
	}
	.header-nav > ul > li > a,
	.header-nav > ul > li > span {
		display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
		height: 70px;
		padding: 0 7px; /* upd 2021/11/24 15px -> 7px */
		font-weight: bold;letter-spacing: .05em;
	}
	.header-nav > ul > li.active > a, .header-nav > ul > li.active > span {
		-webkit-transition: all .25s ease;transition: all .25s ease;
	}
	/* 子要素 */
	.header-nav > ul > li > ul {
		overflow: hidden;
		height: 0;padding: 0;
		position: absolute;top: 70px;left: 0;
		-webkit-transition: height .4s ease, padding .4s ease;transition: height .4s ease, padding .4s ease;
	}
	.header-nav > ul > li > ul.active {
		height: auto;padding: 20px 0;
	}
	.header-nav > ul > li > ul > li > a {
		display: block;
		font-size: 14px;font-weight: bold;white-space: nowrap;line-height: 1.5;
		padding: 10px 20px;
		-webkit-transition: all .2s ease;transition: all .2s ease;
	}
	.header-nav > ul > li > ul > li > a:hover {
		cursor: pointer;
		background-color: rgba(255,255,255,.5);
	}
	.header-nav > ul > li > ul > li > a span {
		display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	}
	/* 子ページ */
	.header-nav > ul > li > ul > li > a span.children:before {
		content: "";
		width: 15px;height: 1px;
		margin: 0 6px 0 0;
		background-color: #fff;
	}
	/* 外部リンク */
	.header-nav > ul > li > ul > li > a span.external:after {
		position: relative;top: -1px;
		content: "\f35d";font-family: "Font Awesome 5 Free";font-weight: bold;
		margin: 0 0 0 10px;
	}
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .header-nav > ul > li > a,
	*::-ms-backdrop, .header-nav > ul > li > span {
		padding: 8px 15px 0;
	}
}
/* =============================================================================

	▼▼▼ footer ▼▼▼

============================================================================= */
.footer {
	position: relative;z-index: 20;
	margin: 30px 0;
}
@media screen and (min-width:600px) {
	.footer {
		margin: 40px 0 0;
	}
}
/* ———————————————————————————————————————————————
	▼▼ recruit ▼▼
——————————————————————————————————————————————— */
.footer-recruit {
	margin: 30px 15px;
}
.footer-recruit .pc {
	display: none;
}
@media screen and (min-width:600px) {
	.footer-recruit {
		margin: 40px 30px;
	}
}
@media screen and (min-width:1024px) {
	.footer-recruit {
		margin: 60px 0 0;
	}
	.footer-recruit .pc {
		display: inline-block;
	}
	.footer-recruit .sp {
		display: none;
	}
	.footer-recruit img {
		opacity: 1;
		-webkit-transition: all .25s ease;transition: all .25s ease;
	}
	.footer-recruit img:hover {
		opacity: .8;
	}
}
/* ———————————————————————————————————————————————
	▼▼ bg ▼▼
——————————————————————————————————————————————— */
.footer-bg {
	background-image: url('../img/footer-fumufumu-sp.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 110px;
}
@media screen and (min-width:360px) {.footer-bg {height: 130px}}
@media screen and (min-width:390px) {.footer-bg {height: 150px}}
@media screen and (min-width:420px) {.footer-bg {height: 170px}}
@media screen and (min-width:510px) {.footer-bg {height: 190px}}
@media screen and (min-width:570px) {.footer-bg {height: 210px}}
@media screen and (min-width:630px) {.footer-bg {height: 230px}}
@media screen and (min-width:690px) {.footer-bg {height: 250px}}
@media screen and (min-width:750px) {.footer-bg {height: 270px}}
@media screen and (min-width:810px) {.footer-bg {height: 290px}}
@media screen and (min-width:870px) {.footer-bg {height: 310px}}
@media screen and (min-width:930px) {.footer-bg {height: 330px}}
@media screen and (min-width:1000px) {.footer-bg {height: 350px}}
/* ———————————————————————————————————————————————
	▼▼ sitemap ▼▼
——————————————————————————————————————————————— */
.footer-sitemap {
	display: none;
}
@media screen and (min-width:1024px) {
	/* background-colorは各園のCSS */
	.footer-sitemap {
		display: block;
		color: #fff;font-size: 14px;font-weight: bold;
		padding: 40px 0;
	}
	.footer-sitemap a {
		opacity: 1;
		-webkit-transition: opacity .25s ease;transition: opacity .25s ease;
	}
	.footer-sitemap a:hover {
		opacity: .6;
	}
	.footer-sitemap div {
		display:-webkit-box;display:-ms-flexbox;display:flex;
		width: 1000px;
		margin: auto;
	}
	.footer-sitemap div ul {
		list-style: none;margin: 0;padding: 0;
	}
	.footer-sitemap div > ul:first-child {
		max-width: 54%;
		-ms-flex-preferred-size: 54%;flex-basis: 54%;
	}
	.footer-sitemap div > ul:nth-child(2) {
		max-width: 29%;
		-ms-flex-preferred-size: 29%;flex-basis: 29%;
	}
	.footer-sitemap div > ul:last-child {
		max-width: 17%;
		-ms-flex-preferred-size: 17%;flex-basis: 17%;
	}
	.footer-sitemap div > ul > li.bottom > a {
		display: block;
		font-size: 16px;font-weight: bold;margin: 20px 0 0!important;
	}
	.footer-sitemap div > ul > li.bottom > a:before {
		display: none;
	}
	.footer-sitemap div > ul:last-child > li > a,
	.footer-sitemap div > ul > li > span {
		display: block;
		font-size: 16px;font-weight: bold;margin: 0 0 15px;
	}
	.footer-sitemap div > ul > li > ul > li {
		margin: 10px 0 0;
	}
	.footer-sitemap div > ul > li > ul > li > a {
		display:-webkit-box;display:-ms-flexbox;display:flex;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	}
	.footer-sitemap div > ul > li.bottom  > a:before,
	.footer-sitemap div > ul > li > ul > li > a:before,
	.footer-sitemap div > ul:last-child > li > a:before {
		content: "\f054";content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: bold;margin: 0 8px 0 0;
	}
	.footer-sitemap span.external:after {
		content: "\f35d";font-family: "Font Awesome 5 Free";font-weight: bold;margin: 0 0 0 10px;position: relative;top: -1px;
	 }
/*
	.footer-sitemap div > ul:last-child > li > a {
		display: block;
		font-weight: bold;margin: 0 0 15px;
	}
*/
}
/* ———————————————————————————————————————————————
	▼▼ overflow ▼▼
——————————————————————————————————————————————— */
/* background-colorは各園のCSS */
.footer-overflow {
	padding: 20px 0;
}
.footer-overflow > div > p {
	font-size: 13px;text-align: center;
	margin: 10px 0;
}
.footer-overflow > div > p:last-child {
	font-size: 12px;
	margin: 10px 0 0;
}
.footer-overflow > div > p:first-child {
	width: 70%;
	margin: 0 auto;
}
@media screen and (min-width:600px) {
	.footer-overflow {
		padding: 30px 0 15px;
	}
	.footer-overflow > div > p {
		font-size: 16px;
		margin: 15px 0;
	}
	.footer-overflow > div > p:last-child {
		font-size: 14px;
	}
	.footer-overflow > div > p:first-child {
		width: 50%;
	}
}
@media screen and (min-width:1024px) {
	.footer-overflow {
		padding: 40px 0;
	}
	.footer-overflow > div {
		display:-webkit-box;display:-ms-flexbox;display:flex;
		-ms-flex-wrap: wrap;flex-wrap: wrap;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
		-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
		width: 1000px;
		margin: auto;
	}
	.footer-overflow > div > p {
		letter-spacing: .05em;
	}
	.footer-overflow > div > p:last-child {
		max-width: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;
	}
}
/* ———————————————————————————————————————————————
	▼▼ banner ▼▼
——————————————————————————————————————————————— */
.footer-groupbanner {
	position: relative;
	margin: 5px 15px!important;
	text-align: center;
}
.footer-groupbanner a img {
	max-width: 80%;
	height: auto;
}
.footer-groupbanner ul {
	overflow: hidden;
	position: relative;z-index:1;
	margin: -2px 0 0;
	padding: 10px 20px 0 40px;
	border-right: 1px solid #bdae00;
	border-bottom: 1px solid #bdae00;
	border-left: 1px solid #bdae00;
	border-radius: 0 0 4px 4px;
	background-color: #f5f7c8;
	height: 0;
	visibility: hidden;
	-webkit-transition: all .25s ease .5s;transition: all .25s ease .5s;
}
.footer-groupbanner ul.active {
	height: 320px;
	visibility: visible;
	-webkit-transition: all .25s ease;transition: all .25s ease;
}
.footer-groupbanner ul li {
	margin: 4px 0;
}
.footer-groupbanner ul li {
	opacity: 0;
	-webkit-transition: opacity .25s ease;transition: opacity .25s ease;
}
.footer-groupbanner ul.active li {
	opacity: 1;
	-webkit-transition: opacity .25s ease .35s;transition: opacity .25s ease .35s;
}


.footer-groupbanner ul li.shiratori, .footer-groupbanner ul li.amane {
	margin: 15px 0 0;
}
.footer-groupbanner ul li:last-child {
	list-style: none;
	text-align: right;
	margin: -30px 0 0;
}
.footer-groupbanner ul li:last-child:before {
	display: inline-block;
	content: "\f057";font-family: "Font Awesome 5 Free";font-weight: bold;
	color: #bdae00;font-size: 200%;line-height: 1;
}
.footer-groupbanner ul li a {
	color: #29B6F6;text-decoration: none;
}
.footer-groupbanner ul li a:hover {
	text-decoration: underline;
}
.footer-groupbanner ul li:last-child:hover {
	cursor: pointer;
}
@media screen and (min-width:600px) {
	.footer-groupbanner a img {
		max-width: 300px;
		height: auto;
	}
	.footer-groupbanner ul.active {
		height: 345px;
	}
}
/* ———————————————————————————————————————————————
	▼▼ pagetop ▼▼
——————————————————————————————————————————————— */
.footer-pagetop {
	position: fixed;bottom: -180px;
	-webkit-transition: all .4s ease;transition: all .4s ease;
	width: 150px;
}
.footer-pagetop.active {
	right: 0;
	bottom: -15px;
}
.footer-pagetop img {
	max-width: 100%;height: auto;
}
.footer-pagetop .pc {
	display: none;
}
@media screen and (min-width:600px) {
	.footer-pagetop.active {
		/* bottom: 30px; */
		bottom: 0;
	}
	.footer-pagetop .sp {
		display: none;
	}
	.footer-pagetop .pc {
		display: block;
	}
}
/* =============================================================================

	▼▼▼ index ▼▼▼

============================================================================= */
/* ———————————————————————————————————————————————
	▼▼ parts ▼▼
——————————————————————————————————————————————— */
/* wave
------------------------------------- */
.index-wave-bg {
    position: absolute;z-index: 1;
	width: 100%;
}
.index-wave-bg.top    {top: -55px}
.index-wave-bg.bottom {bottom: -55px}
.index-wave-bg svg {
	width: 100%;height: 100px;
}
.index-wave-bg.top svg {
	transform: scale(1, -1);
}
@media screen and (min-width:1024px) {
	.index-wave-bg svg {
		height: 200px;
	}   
	.index-wave-bg.top    {top: -110px}
	.index-wave-bg.bottom {bottom: -110px}
}

/* button
------------------------------------- */
/* color, background-colorは各園のCSS */
.index-button a {
	position: relative;z-index: 2;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	height: 50px;
	padding: 0 0 2px;
	border-radius: 4px;
	box-shadow: 0 -4px 0 rgba(100, 100, 100, .22) inset;
	font-size: 15px;font-weight: bold;letter-spacing: .05em;
}
.index-button a:after {
	position: absolute;right: 15px;
	content: "\f054";font-family: "Font Awesome 5 Free";font-weight: bold;
}
@media screen and (min-width:600px) {
	.index-button a {
		height: 60px;
		font-size: 17px;
	}
}
@media screen and (min-width:1024px) {
	.index-button a {
		height: 70px;
		opacity: 1;
		-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;
	}
	.index-button a:hover {
		opacity: .8;
	}
}
/* ———————————————————————————————————————————————
	▼▼ intro ▼▼
——————————————————————————————————————————————— */
/* anime
------------------------------------- */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.index-intro img {
	-webkit-animation: heartbeat 1s ease-in-out 1s both;
	        animation: heartbeat 1s ease-in-out 1s both;
}
/* background-imageは各園のCSS */
.index-intro {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 250px;
	margin: 50px 0 0;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@media screen and (min-width:360px) {
	.index-intro {
		height: 300px;
	}
}
@media screen and (min-width:414px) {
	.index-intro {
		height: 320px;
	}
}
@media screen and (min-width:600px) {
	.index-intro {
		height: 440px;
		margin: 70px 0 0;
	}
}
@media screen and (min-width:768px) {
	.index-intro {
		height: 550px;
	}
}
@media screen and (min-width:1024px) {
	.index-intro {
		height: 650px;
	}
}


.index-intro a {
	display: block;
	position: absolute;top: 10px;right: 10px;z-index: 2;
	color: #fff;font-size: 12px;font-weight: bold;letter-spacing: .05em;text-align: center;line-height: 1.5;
	padding: 8px 10px 10px;
	border-radius: 10px;
	box-shadow: 0 -3px 0 rgba(100,100,100,.2) inset;
}
.index-intro a.fujimi    {background-color: #F77A8E}
.index-intro a.shiratori {background-color: #215185}
.index-intro a.amane     {background-color: #c1883b}
@media screen and (min-width:600px) {
	.index-intro a {
		top: 20px;right: 20px;
		padding: 13px 15px 15px;
		font-size: 15px;
	}
}
/* ———————————————————————————————————————————————
	▼▼ movie ▼▼
——————————————————————————————————————————————— */
.index-movie {
	position: relative;
	margin: 50px 0 0;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
/* video */
.index-movie video {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
}



/* button */
.index-movie a {
	display: block;
	position: absolute;top: 10px;right: 10px;z-index: 2;
	color: #fff;font-size: 12px;font-weight: bold;letter-spacing: .05em;text-align: center;line-height: 1.5;
	padding: 8px 10px 10px;
	border-radius: 10px;
	box-shadow: 0 -3px 0 rgba(100,100,100,.2) inset;
}
.index-movie a.fujimi    {background-color: #F77A8E}
.index-movie a.shiratori {background-color: #215185}
.index-movie a.amane     {background-color: #c1883b}
@media screen and (min-width:600px) {
	.index-movie a {
		top: 40px;right: 20px;
		padding: 13px 15px 15px;
		font-size: 15px;
	}
}

/* anime */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.index-movie img {
	-webkit-animation: heartbeat 1s ease-in-out 1s both;
	        animation: heartbeat 1s ease-in-out 1s both;
}
/* ———————————————————————————————————————————————
	▼▼ news ▼▼
——————————————————————————————————————————————— */
/* background-colorは各園のCSS */
.index-news {
	color: #fff;
	position: relative;
	padding: 20px 0;
}
@media screen and (min-width:600px) {
	.index-news {
		padding: 30px 0;
	}
}
@media screen and (min-width:1024px) {
	.index-news {
		padding: 60px 0;
		min-height: 580px;
	}
}
/* parts reset
------------------------------------- */
.index-news .index-button {
	margin: 15px 0 0;
}
@media screen and (min-width:600px) {
	.index-news .index-button {
		display: none;
	}
}
/* ttl
------------------------------------- */
/* background-imageは各園のCSS */
.index-news-ttl {
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
	background-size: 110px 52px;
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 52px;
	margin: 0 0 15px;
	padding: 0 0 5px 120px;
}
@media screen and (min-width:600px) {
	.index-news-ttl {
		background-size: 160px 76px;
		min-height: 76px;
		padding: 0 0 12px 170px;
	}
}
@media screen and (min-width:1024px) {
	.index-news-ttl {
		background-size: 212px 100px;
		min-height: 100px;
		background-position: left center;
		margin: 0 0 20px;
		padding: 0 0 20px 210px;
	}
}

.index-news-ttl h2 {
	font-size: 13px;font-weight: bold;letter-spacing: .05em;
}
@media screen and (min-width:600px) {
	.index-news-ttl h2 {
		font-size: 14px;
	}
}
.index-news-ttl a {
	display: none;
}
@media screen and (min-width:600px) {
	.index-news-ttl a {
		display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
		font-size: 15px;font-weight: bold;letter-spacing: .05em;
		position: relative;top: 15px;
	}
	.index-news-ttl a:after {
		font-family: "Font Awesome 5 Free";
		content: "\f138";
		font-weight: bold;
		margin: 0 0 0 8px;
	}
}
@media screen and (min-width:1024px) {
	.index-news-ttl a {
		top: 25px;
		opacity: 1;
		-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;
	}
	.index-news-ttl a:hover {
		opacity: .8;
	}
}
/* list
------------------------------------- */
.index-news-list {
	position: relative;z-index: 1;
	padding: 0 15px;
}
@media screen and (min-width:600px) {
	.index-news-list {
		padding: 0 30px;
	}
}
@media screen and (min-width:1024px) {
	.index-news-list {
		width: 1000px;
		margin: 0 auto;
		padding: 0 360px 0 0;
	}
}
.index-news-list article a {
	display: block;
	padding: 15px 0;
	border-top: 1px solid rgba(255,255,255,.22);
}
.index-news-list article:nth-child(6) a {
	border-bottom: 1px solid rgba(255,255,255,.22);
}
@media screen and (min-width:600px) {
	.index-news-list article a {
		padding: 18px 0 20px;
	}
}	
@media screen and (min-width:1024px) {
	.index-news-list article a {
		padding: 20px 0;
		display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
		opacity: 1;
		-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;
	}
	.index-news-list article a:hover {
		opacity: .8;
	}
}
/* time */
.index-news-list article a time {
	font-size: 14px;margin-right: 10px;
}
@media screen and (min-width:600px) {
	.index-news-list article a time {
		font-size: 15px;margin-right: 15px;
	}
}
/* category */
.index-news-list article a span {
	position: relative;top: -2px;
	display: inline-block;
	width: 80px;height: 20px;
	border-radius: 4px;
	background-color: #999;
	color: #fff;font-size: 11px;font-weight: bold;text-align: center;white-space: nowrap;letter-spacing: .05em;
}
.index-news-list article a span.group-news     {background-color: #80BB53}
.index-news-list article a span.fujimi-news    {background-color: #EF73A0}
.index-news-list article a span.shiratori-news {background-color: #5AA9E2}
.index-news-list article a span.amane-news     {background-color: #E88C00}
@media screen and (min-width:600px) {
	.index-news-list article a span {
		width: 90px;height: 23px;
		font-size: 12px;
	}
}
@media screen and (min-width:1024px) {
	.index-news-list article a span {
		top: 0;
		margin: 0 15px 0 0;
	}
}
/* ttl */
.index-news-list article a h3 {
	font-size: 13px;
	margin: 4px 0 0;
}
@media screen and (min-width:600px) {
	.index-news-list article a h3 {
		font-size: 14px;
		margin: 6px 0 0;
	}
}
@media screen and (min-width:1024px) {
	.index-news-list article a h3 {
		margin: 0;
	}
}

/* blog
------------------------------------- */
.index-news-blog {
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;
	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	background-image: url('../img/index-news-sakusaku.png');
	background-size: 110px auto;
	background-repeat: no-repeat;
	background-position: left 15px center;
	padding: 30px 15px;
	text-align: right;
}
@media screen and (min-width:360px) {
	.index-news-blog {
		background-size: 130px auto;
	}
}
@media screen and (min-width:600px) {
	.index-news-blog {
		padding: 30px;
		background-size: 200px auto;
		background-position: left 20px bottom 20px;
	}
}
@media screen and (min-width:1024px) {
	.index-news-blog {
		background-position: right 30px bottom 30px;
		position: absolute;top: 0;right: 0;bottom: 0;left: 0;
		width: 1000px;
		margin: auto;
		padding: 50px 0 0 700px;
	}
}
.index-news-blog a {
	position: relative;z-index: 2;
}
.index-news-blog img {
	width: 170px;height: auto;
}
.index-news-blog img:last-child {
	margin: 20px 0 0;
}
@media screen and (min-width:360px) {
	.index-news-blog img {
		width: 200px;
	}
}
@media screen and (min-width:414px) {
	.index-news-blog img {
		width: 240px;
	}
}
@media screen and (min-width:1024px) {
	.index-news-blog a {
		width: 300px;
		opacity: 1;
		-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;
	}
	.index-news-blog a:hover {
		opacity: .8;
	}
	.index-news-blog img {
		width: 300px;
	}
}

/* ———————————————————————————————————————————————
	▼▼ group ▼▼
——————————————————————————————————————————————— */
/* parts reset
------------------------------------- */
@media screen and (min-width:1024px) {
	.index-group-list .index-wave-bg {
		display: none;
	}
}
/* list
------------------------------------- */
.index-group-list {
	color: #fff;
	position: relative;
}
.index-group-list ul {
	list-style: none;margin: 0;padding: 0;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.index-group-list ul li {
	max-width: 50%;
	-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;
	padding: 12px;
}
@media screen and (min-width:600px) {
	.index-group-list ul li {
		padding: 20px;
	}
}
@media screen and (min-width:1024px) {
	.index-group-list ul li {
		max-width: 33.333%;
		-webkit-flex-basis: 33.333%;-ms-flex-preferred-size: 33.333%;flex-basis: 33.333%;
		padding: 20px 40px;
	}
}
.index-group-list ul li.index-group-fujimi    {background-color: #FF7392}
.index-group-list ul li.index-group-shiratori {background-color: #3B9CE3}
.index-group-list ul li.index-group-amane     {background-color: #C9A862}
.index-group-list ul li.index-group-funny     {background-color: #8CC200}
.index-group-list ul li.index-group-codomoba  {background-color: #FFD13D}
.index-group-list ul li.index-group-alice     {background-color: #B182D0}
.index-group-list ul li.index-group-wisteria  {background-color: #E54F69}

/* ttl
------------------------------------- */
.index-group-ttl {
	position: relative;z-index: 2;
	font-size: 11px;text-align: center;margin: 0 0 10px;
}
.index-group-ttl span {
	display: block;
	font-size: 14px;font-weight: bold;white-space: nowrap;line-height: 1.6;
}
@media screen and (min-width:600px) {
	.index-group-ttl      {font-size: 14px;margin: 0 0 15px}
	.index-group-ttl span {font-size: 18px}
}
@media screen and (min-width:1024px) {
	.index-group-ttl      {font-size: 17px}
	.index-group-ttl span {font-size: 20px}
}
/* photo
------------------------------------- */
.index-group-pic {
	max-width: 100%;height: auto;margin: 0 0 8px;
}
@media screen and (min-width:600px) {
	.index-group-pic {
		margin: 0 0 10px;
	}
}
/* desc
------------------------------------- */
.index-group-desc {
	font-size: 11px;
}
@media screen and (min-width:600px) {
	.index-group-desc {
		font-size: 15px;
	}
}

/* button
------------------------------------- */
.index-group-btn {
	position: relative;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	height: 40px;
	margin: 8px 0 0;
	padding: 0 0 1px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 -2px 0 rgba(100, 100, 100, .22) inset;
	color: #424242;font-size: 12px;font-weight: bold;letter-spacing: .05em;
}
.index-group-btn:after {
	position: absolute;right: 8px;
	content: "\f054";font-family: "Font Awesome 5 Free";font-weight: bold;
}
@media screen and (min-width:600px) {
	.index-group-btn {
		height: 50px;
		margin: 15px 0 10px;
		box-shadow: 0 -3px 0 rgba(100, 100, 100, .22) inset;
		font-size: 16px;
	}
	.index-group-btn:after {
		right: 15px;
	}
}
@media screen and (min-width:1024px) {
	.index-group-btn {
		height: 60px;
		font-size: 16px;
		opacity: 1;
		-webkit-transition: all .25s ease;transition: all .25s ease;
	}
	.index-group-btn:hover {
		opacity: .8;
	}
}
/* Google Map
------------------------------------- */
.index-group-map {
	position: relative;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	font-size: 12px;font-weight: bold;margin: 8px 0 0;
}
.index-group-map:before {
	content: "\f3c5";font-family: "Font Awesome 5 Free";font-weight: bold;margin-right: 5px;
}
@media screen and (min-width:600px) {
	.index-group-map {
		font-size: 16px;margin: 10px 0 0;
	}
}
@media screen and (min-width:1024px) {
	.index-group-map {
		opacity: 1;
		-webkit-transition: all .25s ease;transition: all .25s ease;
	}
	.index-group-map:hover {
		opacity: .8;
	}
}

/* hosoku
------------------------------------- */
.index-group-hosoku {
	font-size: 10px;margin: 8px 0 0;
}
.index-group-hosoku:before {
	content: "＊";margin: 0 2px 0 0;
}
@media screen and (min-width:600px) {
	.index-group-hosoku {
		font-size: 15px;margin: 10px 0 0;
	}
}
@media screen and (min-width:1024px) {
	.index-group-hosoku {
		font-size: 16px;
	}
}

/* access
------------------------------------- */
.index-group-list ul li.index-group-access {
	width: 100%;max-width: 100%;
	-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
	padding: 0;
}
@media screen and (min-width:600px) {
	.index-group-list ul li.index-group-access {
		height: 400px;
	}
}
@media screen and (min-width:1024px) {
	.index-group-list ul li.index-group-access {
		width: 33.333%;max-width: 33.333%;
		-webkit-flex-basis: 33.333%;-ms-flex-preferred-size: 33.333%;flex-basis: 33.333%;
		height: auto;
	}
}

.index-group-list ul li.index-group-access p {
	position: absolute;top: 25px;
	width: 100%;
	text-align: center;
	color: #ff46a3;font-size: 50px;font-weight: normal;font-family: 'lemonbird';line-height: 1;letter-spacing: .1em;
	text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}
@media screen and (min-width:600px) {
	.index-group-list ul li.index-group-access p {
		font-size: 60px;
	}
}
@media screen and (min-width:1024px) {
	.index-group-list ul li.index-group-access p {
		font-size: 70px;
	}
}


/* =============================================================================

	▼▼▼ page ▼▼▼

============================================================================= */
/* ———————————————————————————————————————————————
	▼▼ page-cover ▼▼
——————————————————————————————————————————————— */
.page-cover {
	position: relative;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right -40px;
	height: 100px;
	padding: 0 15px;
}
@media screen and (min-width:600px) {
	.page-cover {
		height: 140px;
		padding: 0 30px;
	}
}
@media screen and (min-width:1024px) {
	.page-cover {
		height: 180px;
		margin: -180px -120px 0;
		padding: 0 40px;
		background-position: center center;
	}
}
/* ja
------------------------------------- */
.page-cover h1, .page-cover p {
	color: #fff;font-size: 11px;font-weight: bold;line-height: 1;letter-spacing: .05em;
	margin-bottom: 5px;
}
@media screen and (min-width:600px)  {.page-cover h1, .page-cover p {font-size: 12px}}
@media screen and (min-width:768px)  {.page-cover h1, .page-cover p {font-size: 14px}}
@media screen and (min-width:1024px) {.page-cover h1, .page-cover p {font-size: 16px}}
/* en
------------------------------------- */
.page-cover span {
	color: #fff;font-size: 34px;font-weight: normal;font-family: 'lemonbird';line-height: 1;letter-spacing: .1em;
}
@media screen and (min-width:600px)  {.page-cover span {font-size: 44px}}
@media screen and (min-width:1024px) {.page-cover span {font-size: 68px}}

/* ———————————————————————————————————————————————
	▼▼ ttl ▼▼
——————————————————————————————————————————————— */
.ttl-ribbon {
	max-width: 80%;
	margin: 0 auto 20px;
	text-align: center;
}
.ttl-ribbon img {
	max-width: 100%;height: auto;
}
@media screen and (min-width:600px) {
	.ttl-ribbon {
		max-width: 70%;
		margin: 0 auto 30px;
	}
}
@media screen and (min-width:1024px) {
	.ttl-ribbon {
		max-width: 480px;
		margin: 0 auto 30px;
	}
}
/* ———————————————————————————————————————————————
	▼▼ copy ▼▼
——————————————————————————————————————————————— */
.copy-large {
	width: 80%;
	margin: 0 auto 25px;
	text-align: center;
}
.copy-large img {
	max-width: 100%;height: auto;
}
@media screen and (min-width:600px) {
	.copy-large {
		width: 65%;
		margin: 0 auto 30px;
	}
}
@media screen and (min-width:1024px) {
	.copy-large {
		width: 480px;
		margin: 0 auto 40px;
	}
}
/* =============================================================================

	▼▼▼ archive ▼▼▼

============================================================================= */
/* ———————————————————————————————————————————————
	▼▼ wp-pagenavi ▼▼
——————————————————————————————————————————————— */
.wp-pagenavi {
	margin: 30px 15px;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	width: 40px;height: 40px;
	color: #424242;font-weight: bold;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #f5f5f5;
}
.wp-pagenavi span.current {
	color: #fff;
	background-color: #62a4ea;
}
.wp-pagenavi a:hover {
	color: #fff;
	background-color: #62a4ea;
}
/* ———————————————————————————————————————————————
	▼▼ photo ▼▼
——————————————————————————————————————————————— */
/* overlay at start */
.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-bg.mfp-ready {
	opacity: .8;
}
/* overlay animate out */
.mfp-bg.mfp-removing {
	opacity: 0;
}
/* content at start */
.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
/* content animate out */
.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/* ———————————————————————————————————————————————
	▼▼ list ▼▼
——————————————————————————————————————————————— */
.photo-item {
	margin: 20px 15px;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
}
@media screen and (min-width:600px) {
	.photo-item {
		margin: 30px;
		padding: 25px 30px 30px;
	}
}
@media screen and (min-width:1024px) {
	.photo-item {
		margin: 40px 0;
		padding: 40px;
		border: 1px solid #ddd;
		border-radius: 10px;
	}
}
/* time
------------------------------------- */
.photo-item-time {
	color: #424242;font-size: 13px;letter-spacing: .05em;
}
@media screen and (min-width:600px) {
	.photo-item-time {
		font-size: 15px;
	}
}
@media screen and (min-width:1024px) {
	.photo-item-time {
		font-size: 16px;
	}
}
/* ttl
------------------------------------- */
.photo-item-title {
	color: #424242;font-size: 17px;font-weight: bold;letter-spacing: .05em;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
}
@media screen and (min-width:600px) {
	.photo-item-title {
		font-size: 19px;
		margin: 0 0 20px;
		padding: 0 0 12px;
	}
}
@media screen and (min-width:1024px) {
	.photo-item-title {
		font-size: 24px;
		margin: 0 0 20px;
	}
}
/* content
------------------------------------- */
.photo-item-content {
	color: #424242;font-size: 13px;letter-spacing: .05em;
}
.photo-item-content p {
	margin: 15px 0;
}
@media screen and (min-width:600px) {
	.photo-item-content {
		font-size: 15px;
	}
	.photo-item-content p:last-child {
		margin: 15px 0 5px;
	}
}
/* gallery
------------------------------------- */
.photo-item-gallery {
	list-style: none;margin: 0;padding: 0;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.photo-item-gallery li {
	max-width: 18%;
	-webkit-flex-basis: 18%;-ms-flex-preferred-size: 18%;flex-basis: 18%;
	margin: 6px 2.5% 0 0;
}
.photo-item-gallery li:nth-child(5n) {
	margin: 6px 0 0 0;
}
@media screen and (min-width:600px) {
	.photo-item-gallery li {
		margin: 15px 2.5% 0 0;
	}
	.photo-item-gallery li:nth-child(5n) {
		margin: 15px 0 0 0;
	}
}
@media screen and (min-width:1024px) {
	.photo-item-gallery li {
		margin: 20px 2.5% 0 0;
	}
	.photo-item-gallery li:nth-child(5n) {
		margin: 20px 0 0 0;
	}
}

.photo-item-gallery li a img {
	-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;
}
.photo-item-gallery li a img:hover {
	opacity: .5;
}

/* ———————————————————————————————————————————————
	▼▼ detail ▼▼
——————————————————————————————————————————————— */
.photo-detail {
	position: relative;
	max-width: 75%;
	margin: auto;
	color: #fff;text-align: center;
}
@media screen and (min-width:600px) {
	.photo-detail {
		max-width: 82%;
	}
}
@media screen and (min-width:1024px) {
	.photo-detail {
		max-width: 800px;
	}
}
/* reset
------------------------------------- */
.mfp-close {
	top: -50px!important;
}
.mfp-close:hover {
	cursor: pointer;
}
.mfp-close:before {
	content: "\f00d";font-family: "Font Awesome 5 Free";font-weight: bold;color: #fff;
}

/* btn
------------------------------------- */
.photo-detail-btn {
	width: 100%;
	margin: 20px auto;
}
.photo-detail-btn a {
	position: relative;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	height: 45px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 3px 0 #ddd;
	color: #424242;font-size: 13px;font-weight: bold;letter-spacing: .05em;white-space: nowrap;
	-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;
}
.photo-detail-btn a:before {
	content: "\f019";font-family: "Font Awesome 5 Free";font-weight: bold;font-size: 110%;
	margin: 0 10px 0 0;
}
.photo-detail-btn a:hover {
	background-color: #ddd;
}
@media screen and (min-width:600px) {
	.photo-detail-btn {
		width: 50%;
		margin: 25px auto;
	}
	.photo-detail-btn a {
		height: 50px;
		font-size: 15px;
	}
}
@media screen and (min-width:1024px) {
	.photo-detail-btn a {
		height: 60px;
		font-size: 16px;
	}
}
/* =============================================================================

	▼▼▼ 404 ▼▼▼

============================================================================= */
.page-404 {
	margin: 30px 15px;
	text-align: center;letter-spacing: .05em;
}
@media screen and (min-width:600px) {
	.page-404 {
		margin: 40px 30px;
	}
}
@media screen and (min-width:1024px) {
	.page-404 {
		margin: -100px 0 0;
	}
}
.page-404 a {
	color: #29B6F6;text-decoration: underline;
}
.page-404 a:hover {
	text-decoration: none;
}

/* ———————————————————————————————————————————————
	▼▼ ttl ▼▼
——————————————————————————————————————————————— */
.page-404-ttl {
	color: #424242;font-size: 34px;font-weight: normal;font-family: 'lemonbird';line-height: 1;letter-spacing: .1em;white-space: nowrap;
	margin: 20px 0;
}
@media screen and (min-width:600px) {
	.page-404-ttl {
		font-size: 60px;
		margin: 20px 0 30px;
	}
}
@media screen and (min-width:1024px) {
	.page-404-ttl {
		font-size: 80px;
		margin: 20px 0 30px;
	}
}

/* ———————————————————————————————————————————————
	▼▼ content ▼▼
——————————————————————————————————————————————— */
/* list
------------------------------------- */
.page-404-content div:first-child ul {
	list-style: none;
	margin: 20px 0;
	padding: 0 0 0 20px;
}
.page-404-content div:first-child ul li {
	margin: 10px 0;
}
@media screen and (min-width:600px) {
	.page-404-content div:first-child ul {
		margin: 30px 0;
	}
}

/* illust
------------------------------------- */
.page-404-content div:last-child {
	width: 100%;
	margin: auto;
	text-align: center;
}
.page-404-content div:last-child img {
	max-width: 80%;height: auto;
	margin: 0 0 30px;
}
@media screen and (min-width:1024px) {
	.page-404-content div:last-child img {
		max-width: 50%;height: auto;
		margin: 0 0 30px;
	}
}

/* add 求人吹き出し 2021/11/24 >>> */
.recruit-bubble {
	position: fixed;
	z-index: 30;
	right: 0;
	top: auto;
	bottom: 3vh; /* 下端固定で見切れ防止。旧top:20vwは横長・縦短画面で下端が切れた 2026-10-06 */
}
.recruit-bubble img {
	height: 20vh;
	max-height: 130px;
}
.recruit-bubble a {
	display: block;
}
@media (max-width: 870px) {
	.recruit-bubble {
		top: 160px;
		bottom: auto;
	}
}
@media(max-width: 599px) {
	.recruit-bubble {
		top: 120px;
		bottom: auto;
	}
	.recruit-bubble img {
		height: 70px;
	}
}
/* <<< */