@charset "utf-8";
/*BASE*/
main {
	background-color:rgba(1,175,212,1);
}
main .container:nth-of-type(odd) {
	background-color:rgba(63,200,229,1);
}

/*KeyVisual*/
.keyvisual {
	background-color:rgba(255,255,255,1);
}
.keyvisual h1 {
	color:#FFF;
}

/*ContentNav*/
menu.content-nav .anime-hs::after {
	background-color:rgba(0,55,194,1);
}
menu.content-nav li > a {
	display:flex;
	flex-flow:column nowrap;
	justify-content:stretch;
	align-items:center;
	gap:.5em;
	width:100%;
	height:auto;
	aspect-ratio:1 / 1;
	line-height:1;
	position:relative;
}
menu.content-nav li > a .en {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	font-weight:bold;
	line-height:1.2;
	color:rgba(1,175,212,1);
	text-align:center;
	height:50%;
	padding-bottom:.15em;
	text-shadow: .05em 0 0px #FFF, .075em 0 0px rgba(0,55,194,1);
}
menu.content-nav li > a .ja {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	font-family:"Kosugi Maru", sans-serif;
	font-weight:bold;
	color: rgba(0,55,194,1);
	text-shadow: .05em 0 0px #FFF, .065em 0 0px rgba(0,55,194,1);
	height:calc(50% - 0.5em);
}
menu.content-nav li.toddler > a {
	background:#FFF url(../images/curriculum/content-nav_toddler.svg) no-repeat;
	background-size:100% auto;
}
menu.content-nav li.toddler > a .en {
	color:rgba(0,55,194,1);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(0,55,194,1);
}
menu.content-nav li.toddler > a .ja {
	color:rgba(0,55,194,1);
}
menu.content-nav li.pre-kinder > a {
	background:#FFF url(../images/curriculum/content-nav_pre-kinder.svg) no-repeat;
	background-size:100% auto;
}
menu.content-nav li.pre-kinder > a .en {
	color:#57C178;
	text-shadow: .05em 0 0px #FFF, .08em 0 0px #25412f;
}
menu.content-nav li.pre-kinder > a .ja {
	color:#4c894f;
}
menu.content-nav li.kinder > a {
	background:#FFF url(../images/curriculum/content-nav_kinder.svg) no-repeat;
	background-size:100% auto;
}
menu.content-nav li.kinder > a .en {
	color:#E260CF;
	text-shadow: .05em 0 0px #FFF, .08em 0 0px #800069;
}
menu.content-nav li.kinder > a .ja {
	color:#800069;
}
menu.content-nav li.common > a {
	background:#FFF url(../images/curriculum/content-nav_common.svg) no-repeat;
	background-size:100% auto;
}
menu.content-nav li.common > a .en {
	color:#F7C02C;
	text-shadow: .05em 0 0px #FFF, .08em 0 0px #422315;
}
menu.content-nav li.common > a .ja {
	color:#422315;
}

/*BASE CONTENTS*/
.container .content-box {
	background-color:#FFF;
	border-radius:20px;
}

/*BASE INFO*/
.info .title-box ul {
	display:flex;
	align-items: center;
	width:100%;
	gap:1rem;
}
.info .title-box ul li {
	display:flex;
	align-items: center;
}
.info .title-box ul li .age {
	display:flex;
	align-items: center;
	justify-content: center;
	width:3em;
	height:3em;
	line-height:1;
	color:#FFF;
	border-radius:50%;
	margin-bottom:0;
}
.info .title-box ul li .class span {
	/*display:block;*/
	line-height:1;
	text-align:left;
}
.info .title-box ul li .class span:nth-child(1) {
	font-weight:600;
	margin-bottom:2px;
}
.info .title-box ul li .class span:nth-child(2) {
	color:#999;
}
.info .txt-box {
	text-align:justify;
}
.info .image img {
	width:100%;
	height:auto;
}

/*BASE Schedule*/
.schedule dl.todo {
	background:url(../images/tmpl/next_circle_lb.svg) left 2.8em center repeat-y;
	background-size:.5em auto;
}
.schedule dl.todo dt {
	display:flex;
	flex-flow: row wrap;
	align-items:center;
}
.schedule dl.todo dt::after {
	content:"";
	flex-grow:1;
	height:1px;
	background-color:rgba(1,175,212,1);
}
.schedule dl.todo dt .to {
	display:block;
	color:rgba(255,255,255,1);
	background-color:rgba(1,175,212,1);
	text-align:center;
	width:6em;
	padding:.25em 0;
	border-radius:6px;
}
.schedule dl.todo dd.do {
	padding:.25em 0em .25em 1em;
	margin-left:6em;
}
.schedule dl.todo dd:last-of-type {
	display:none;
}

/*TODDLER*/
#toddler .info .title-box ul li .age {
	background-color:#597dd7;
}
#toddler .info .title-box ul li .class span:nth-child(1) {
	color:#597dd7;
}
#toddler .schedule dl.todo dt::after, #toddler .schedule dl.todo dt .to { background-color:#597dd7; }
/*PRE KINDER*/
#pre-kinder .info .title-box ul li .age {
	background-color:#79cd93;
}
#pre-kinder .info .title-box ul li .class span {
	display:inline-block;
}
#pre-kinder .info .title-box ul li .class span:nth-child(1) {
	color:#79cd93;
}
#pre-kinder .schedule dl.todo dt::after, #pre-kinder .schedule dl.todo dt .to { background-color:#79cd93; }
/*KINDER*/
#kinder .info .title-box ul li .age {
	background-color:#e880d9;
}
#kinder .info .title-box ul li .class span {
	display:inline-block;
}
#kinder .info .title-box ul li .class span:nth-child(1) {
	color:#e880d9;
}
#kinder .schedule dl.todo dt::after, #kinder .schedule dl.todo dt .to { background-color:#e880d9; }
/*COMMON*/
#common {
	font-family: "Kosugi Maru", sans-serif;
	color:#422315;
	background-color:#EDE2C3;
}
#common .contents li.content-box {
	display:block;
}
#common .contents li.content-box h1 {
	margin-bottom:.5em;
}
#common .contents li.content-box ul.ul li p {
	display:flex;
	justify-content:flex-start;
}
#common .contents li.content-box ul.ul li:not(:last-child) {
	margin-bottom:.5em;
}
#common .contents li.content-box .opening-hours {
	font-weight:bold;
	text-align:center;
}


/*DEVICE：SP*/
@media not screen and (min-width: 768px) {
/*KeyVisual*/
.keyvisual .title-box {
	background-color:rgba(1,175,212,1);
}

/*ContentNav*/
menu.content-nav li > a .en {
	font-size:1.2em;
}
menu.content-nav li > a .ja {
	font-size:1em;
}

/*BASE CONTENTS*/
.container .content-box {
	padding:2rem 1rem;
}

/*BASE INFO*/
.container .content-box > .info {
}
.info {
	margin-bottom:2rem;
}
.info .title-box {
	text-align:center;
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0, rgba(255,255,255,1) calc(100% - 2em), transparent 100%);
	margin-bottom:2em;
}
.info .title-box h1 {
	margin-bottom:1.5em;
}
.info .title-box h1 .en {
	display:block;
	font-family:"AR CHRISTY Regular", sans-serif;
	font-size:max(12vw,32px);
	letter-spacing:.1em;
	color:rgba(1,175,212,1);
	text-shadow: .05em 0 0px #FFF, .065em 0 0px rgba(0,55,194,1);
	margin-bottom:.25em;
}
/*.info .title-box h1 .en::after {
	content:"Class";
	display:inline-block;
	font-size:max(1.6vw,16px);
	color:rgba(1,175,212,.5);
	text-shadow: .05em 0 0px #FFF, .065em 0 0px rgba(0,55,194,1);
	margin-left:.5em;
}*/
.info .title-box h1 .ja {
	display:flex;
	justify-content:center;
	align-items: center;
	gap:1em;
	font-family:"Kosugi Maru", sans-serif;
	font-weight: bold;
	font-size:max(1.8vw,20px);
	color: rgba(0,55,194,1);
}
.info .title-box h1 .ja::before,
.info .title-box h1 .ja::after {
	content: "";
	height: 2px;
}
.info .title-box h1 .ja::before,
.info .title-box h1 .ja::after {
	width:1em;
	background-color:rgba(0,55,194,1);
}
.info .title-box ul {
	justify-content:center;
}
.info .title-box ul li {
	gap:.25rem;
}
.info .title-box ul li .age {
	font-size:14px;
}
.info .title-box ul li .class span:nth-child(1) {
	font-size:12px;
}
.info .title-box ul li .class span:nth-child(2) {
	font-size:10px;
}

.container .content-box > .schedule {
}

/*BASE Schedule*/
.schedule table {
	width:100%;
	background-color:#FFF;
}
.schedule table td {
	text-align:justify;
	vertical-align:top;
	padding-top:.5rem;
	padding-left:1rem;
	padding-right:1rem;
}
.schedule table tr:not(:last-of-type) td {
	padding-bottom:2em;
}
.schedule table tr:not(:last-of-type) td.time {
	background:url(../images/tmpl/next_circle_lb.svg) center center repeat-y;
	background-size:.5em auto;
}
.schedule table td.time {
	white-space:nowrap;
	vertical-align:top;
	padding-top:0;
	padding-left:0;
	padding-right:0;
}
.schedule table td.time span {
	display:block;
	color:rgba(255,255,255,1);
	background-color:rgba(1,175,212,1);
	text-align:center;
	padding:.25em .5em;
	border-radius:6px;
}
.schedule table tr td:not(.time) {
	width:100%;
}

/*TODDLER*/
main #toddler.container {
	padding-top:2rem;
}
#toddler .info .title-box h1 .en {
	color:rgba(0,55,194,1);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(0,55,194,1);
}
#toddler .info .title-box h1 .en::after {
	color:rgba(0,55,194,.5);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(0,55,194,1);
}
#toddler .info .title-box h1 .ja {
	color: rgba(0,55,194,1);
}
#toddler .info .title-box h1 .ja::before {
	background-color:rgba(0,55,194,1);
}
#toddler .info .title-box h1 .ja::after {
	background-image: linear-gradient(to right, rgba(0,55,194,1), transparent);
}
#toddler .info .title-box ul {
	/*justify-content:space-between;*/
}
#toddler .schedule table td.time span {
	background-color:rgba(0,55,194,1);
}
/*PRE KINDER*/
#pre-kinder .info .title-box h1 .en {
	color:rgba(87,193,120,1);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(37,65,47,1);
}
#pre-kinder .info .title-box h1 .en::after {
	color:rgba(87,193,120,.5);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(37,65,47,1);
}
#pre-kinder .info .title-box h1 .ja {
	color: rgba(37,65,47,1);
}
#pre-kinder .info .title-box h1 .ja::before {
	background-color:rgba(37,65,47,1);
}
#pre-kinder .info .title-box h1 .ja::after {
	background-image: linear-gradient(to right, rgba(37,65,47,1), transparent);
}
#pre-kinder .schedule table td.time span {
	background-color:rgba(87,193,120,1);
}
/*KINDER*/
#kinder .info .title-box h1 .en {
	color:rgba(226,96,207,1);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(128,0,105,1);
}
#kinder .info .title-box h1 .en::after {
	color:rgba(226,96,207,.5);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(128,0,105,1);
}
#kinder .info .title-box h1 .ja {
	color: rgba(128,0,105,1);
}
#kinder .info .title-box h1 .ja::before {
	background-color:rgba(128,0,105,1);
}
#kinder .info .title-box h1 .ja::after {
	background-image: linear-gradient(to right, rgba(128,0,105,1), transparent);
}
#kinder .schedule table td.time span {
	background-color:rgba(226,96,207,1);
}
/*COMMON*/
#common {
	padding:4rem 2rem;
}
#common .contents {
}
#common .contents li.content-box:not(:last-child)  {
	margin-bottom:2rem;
}
#common .contents li.content-box h1 {
	text-align:center;
	font-size:max(5vw,20px);
	margin-bottom:1em;
}
#common .contents li.content-box .opening-hours {
	font-size:max(5vw,20px);
}
}


/*DEVICE：PC TAB*/
@media screen and (min-width: 768px) {
/*BASE*/
#header menu.pc li.curriculum a .en {
	color:rgba(255,168,0,1);
}	

/*ContentNav*/
menu.content-nav {
	padding-bottom:20px;
}
menu.content-nav li > a::before {
	content:"";
	background:url(../images/curriculum/content-nav_wave.svg) no-repeat;
	background-size:100% auto;
	width:100%;
	height:auto;
	aspect-ratio:1 / 1;
	position:absolute;
	top:0;
	left:0;
	translate: 0 0;
	rotate: 30deg;
	scale: 1;
	opacity:0;
	transition:translate ease-in .2s, rotate ease-in .4s, opacity ease-in .4s;
	transition-delay:0s;
}
menu.content-nav li > a:hover::before {
	opacity:1;
	translate: 0 0;
	rotate: 10deg;
}
menu.content-nav li > a .en {
	font-size:max(2.4vw,28px);
}
menu.content-nav li > a .ja {
	font-size:max(1.8vw,20px);
}

/*BASE CONTENTS*/
.container .content-box {
	display:flex;
	flex-flow:row nowrap; 
	justify-content:space-between;
	align-items:stretch;
	gap:4em 4em;
	background-color:#FFF;
	padding:2em 4em;
	border-radius:20px;
}

/*BASE INFO*/
.container .content-box > .info {
	width:50%;
}
.info .title-box {
	position:sticky;
	top:calc(80px + 0em);
	padding-top:2em;
	padding-bottom:2.5em;
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0, rgba(255,255,255,1) calc(100% - 1em), transparent 100%);
}
.info .title-box h1 {
	display:flex;
	align-items: center;
	gap:1em;
	margin-bottom:1.5em;
}
.info .title-box h1 .en {
	display:block;
	font-family:"AR CHRISTY Regular", sans-serif;
	font-size:max(5.5vw,64px);
	letter-spacing:.1em;
	color:rgba(1,175,212,1);
	text-shadow: .05em 0 0px #FFF, .065em 0 0px rgba(0,55,194,1);
}
.info .title-box h1 .ja {
	flex-grow:1;
	display:flex;
	align-items: center;
	gap:1em;
	font-family:"Kosugi Maru", sans-serif;
	font-weight: bold;
	font-size:max(1.8vw,20px);
	color: rgba(0,55,194,1);
}
.info .title-box h1 .ja::before,
.info .title-box h1 .ja::after {
	content: "";
	height: 2px;
	flex-grow:1;
	background-color:rgba(0,55,194,1);
}
.info .title-box ul {
	justify-content:space-between;
}
.info .title-box ul li {
	gap:.5rem;
	flex-grow:1;
}
.info .title-box ul li .class span {
	/*display:block;*/
}
.info .title-box ul li .class span:nth-child(1) {
	font-size:clamp(18px,2.2vw,56px);
}
.info .title-box ul li .class span:nth-child(2) {
	font-size:clamp(14px,1.1vw,22px);
}
.container .content-box > .schedule {
	width:calc(50% - 4em);
	padding-top:2em;
	padding-bottom:2em;
}




/*TODDLER*/
#toddler .info .title-box h1 .en {
	color:rgba(0,55,194,1);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(0,55,194,1);
}
#toddler .info .title-box h1 .en::after {
	color:rgba(0,55,194,.5);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(0,55,194,1);
}
#toddler .info .title-box h1 .ja {
	color: rgba(0,55,194,1);
}
#toddler .info .title-box h1 .ja::before {
	background-color:rgba(0,55,194,1);
}
#toddler .info .title-box h1 .ja::after {
	background-image: linear-gradient(to right, rgba(0,55,194,1), transparent);
}
#toddler .schedule table td.time span {
	background-color:rgba(0,55,194,1);
}
/*PRE KINDER*/
#pre-kinder .info .title-box h1 .en {
	color:rgba(87,193,120,1);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(37,65,47,1);
}
#pre-kinder .info .title-box h1 .en::after {
	color:rgba(87,193,120,.5);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(37,65,47,1);
}
#pre-kinder .info .title-box h1 .ja {
	color: rgba(37,65,47,1);
}
#pre-kinder .info .title-box h1 .ja::before {
	background-color:rgba(37,65,47,1);
}
#pre-kinder .info .title-box h1 .ja::after {
	background-image: linear-gradient(to right, rgba(37,65,47,1), transparent);
}
#pre-kinder .schedule table td.time span {
	background-color:rgba(87,193,120,1);
}
/*KINDER*/
#kinder .info .title-box h1 .en {
	color:rgba(226,96,207,1);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(128,0,105,1);
}
#kinder .info .title-box h1 .en::after {
	color:rgba(226,96,207,.5);
	text-shadow: .05em 0 0px #FFF, .08em 0 0px rgba(128,0,105,1);
}
#kinder .info .title-box h1 .ja {
	color: rgba(128,0,105,1);
}
#kinder .info .title-box h1 .ja::before {
	background-color:rgba(128,0,105,1);
}
#kinder .info .title-box h1 .ja::after {
	background-image: linear-gradient(to right, rgba(128,0,105,1), transparent);
}
#kinder .schedule table td.time span {
	background-color:rgba(226,96,207,1);
}
/*COMMON*/
#common {
	padding:80px 80px;
}
#common .contents {
	display:flex;
	justify-content:space-between;
	gap:60px;
}
#common .contents li.content-box {
	flex-grow:1;
	display:block;
}
#common .contents li.content-box h1 {
	font-size:max(2vw,24px);
}
#common .contents li.content-box .opening-hours {
	font-size:max(2.7vw,32px);
	font-weight:bold;
	padding:1em 0 0 0;
}
}