@charset "utf-8";

/* CSS Document */
/* ----------------------------- リセット */
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;
	overflow: hidden;
}
input, select {
  vertical-align: middle;
}
/*div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after {
  content: "";
  display: table;
}*/
div:after, ul:after, ol:after, dl:after {
  clear: both;
}
div, ul, ol, dl {
  zoom: 1;
}
/*---------------reset end---------------*/
/* clear */
.clear {
  clear: both;
}
.clear-l {
  clear: left;
}
.clear-r {
  clear: right;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

@font-face {
	src: url("../font/ZenKakuGothicAntique-Regular.woff") format("woff");
	font-family: "Zen Kaku Gothic Antique";
	font-style: normal;
	font-display: swap;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 100%;
  min-width:  100%;
  width: 100%;
  margin: auto;
  /*background: #4aa2d8;*/
  /*background: url("../images/bace-wave2.svg") left top repeat ;
  background-size:48px;*/
}

.body-bg{
	background-size: 15px 15px;
	background-image: repeating-linear-gradient(-45deg, #c9d8b8 0, #c9d8b8 2px, #fff 0, #fff 50%);
}
.allWrapper{
	width: 100%;
	overflow: hidden;
}
/*h1 {
  font-family: "corporate-logo-ver2", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2.4rem;
  font-display: swap;
}*/
article { display: block; width: 100%;}
header{ width: 100%; margin: 0 auto; text-align: center;}


html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 70px;
    width: 70px;
    position: fixed;
    right: 30px;
    bottom: 160px;
    background: #fff;
    /*border: solid 2px #000;*/
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /*z-index: 2;*/
	opacity: 0;
	transition: opacity 0.5s ease;
	/*position: relative;*/
	z-index: 200;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}


/* fadeinクラスがついた時だけ表示する */
.pagetop.fadein {
  opacity: 1;
}

/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.pagetop {
		border: solid 2px #000;
		height: 60px;
		width: 60px;
		right: 20px;
		bottom: 140px;
	}
}
	
.sp{ display: none;}	
/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.sp{ display: block;}
	.pc{ display: none;}
}

/*@media screen and (max-width: 768px) {
	.insCont {
		width: 80%;
		margin: 0 auto 10px;
	}
}
*/

.head-logo{
	background: #fff;
	width: 100%;
}
.head-logo ul{
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	list-style: none;
}
.head-logo ul li:first-child img{
	width: 20%;
	padding: 10px 0 0;
}
.head-logo ul li:last-child img{
	width: 90%;
	padding: 15px 0 0;
}
header {
	width: 100%;
	padding: 0px 0 0 0;
	position: relative;
	background: #60c606;
}
header h1{
	width: 100%;
    max-width: 1300px;
    margin: 0 auto;
	/*background: #ffea00;
	padding: 0 30px 30px;
	border-radius: 0 0 100px 100px;*/
}
header h1 img{
	width: 90%;
	height: auto;
}
header h1.pc img{border-radius: 0 0 40px 40px;}

header strong{
	display: block;
	font-size: 3.0rem;
	color: #fff;
	margin: 30px 0 0;
}
header span{
	display: inline-block;
	background: #fff;
	font-size: 1.6rem;
	border-radius: 10px;
	padding: 5px 20px 8px;
	letter-spacing: .1em;
	font-weight: 600;
	color: #60c606;
	margin: 15px 0 0;
}
header div{
	position: relative;
	font-size: 1.6rem;
	border-radius: 10px;
	letter-spacing: .1em;
	font-weight: 600;
	color: #fff100;
}
header div.nakano{
	padding: 0 0 30px;
	margin: 30px 0 0;
}
header div.ario{
	padding: 0 0 55px;
	margin: 20px 0 0;
}
header div p{
	font-size: 2.2rem;
	position: absolute;
	z-index: 5;
	line-height: 1.1;
}
header div.nakano p{
	left: calc(50% - 22rem);
}
header div.ario p{
	left: calc(50% - 20rem);
}
header div p a{
	font-size: 1.4rem;
	color: #fff;
}
header ul{
	position: relative;
	list-style: none;
}
header li{
	position: absolute;
	width: 120px;
}
header li:nth-child(1){
	top: 50px;
	left: 30px;
}
header li:nth-child(2){
		top: 140px;
	left: 80px;
	transform: rotate(-10deg);
}
header li:nth-child(3){
		top: 80px;
	right: 10px;
}

/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.head-logo{
		display: none;
	}
	header h1{
		background: none;
		padding: 0 0 0;
		border-radius: 0 0 0 0;
	}
    header h1 img{
        width: 100%;
    }
	header strong{
		font-size: 7.0vw;
		margin: 20px 0 0;
		line-height: 1.2;
	}
	header span{
		font-size: 1.4rem;
	}
	header div.nakano{
		padding: 0 0 0px;
		margin: 30px 0 0;
	}
	header div.ario{
		padding: 0 0 0px;
		margin: 20px 0 0;
	}
	header div p{
		font-size: 7.0vw;
		line-height: 1.3;
		position: relative;
	}
	header div.nakano p,
	header div.ario p{
		left: 0;
	}
	header div p a{
		font-size: 1.4rem;
	}
}


.aboutSchool-wrap .wrap .inner .reason,
.voice-wrap .inner,
.summerSchool2024-wrap .inner{
	width: 70%;
	margin: 0 auto;
}


	
/*----------------------------------------------------------------*/
/*  .roblox-wrap
/*----------------------------------------------------------------*/

.roblox-wrap{ margin: 0 auto 0; position: relative; overflow: hidden; padding-bottom: 150px;}
.roblox-wrap:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 50%;
  border-top: 100px solid #60c606;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  transform: translateX(-50%);
}
.roblox-wrap .wrap:after{
    content: "";
    display: inline;
    position: absolute;
    background: url("../images/rect150.svg") bottom left repeat-x;
    background-size:522px;
    width:100%;
    padding-top: 210px;
    bottom: 0px;
	margin: 50px 0 0;
   /* z-index: 999999;*/
    color:#fff;
}
.roblox-wrap .wrap{
	padding: 150px 0 130px;
}

.roblox-wrap .wrap .inner .innerCont0,
.roblox-wrap .wrap .inner .innerCont1,
.roblox-wrap .wrap .inner .innerCont2,
.roblox-wrap .wrap .inner .innerCont3{
	width: 70%;
	margin: 0 auto;
	border: 8px solid #0a7201;
	border-radius: 15px;
    background: #fff;
}
.roblox-wrap .wrap .inner .innerCont4{
	width: 70%;
	margin: 50px auto 0;
	text-align: center;
}
.roblox-wrap .wrap .inner .innerCont0,
.roblox-wrap .wrap .inner .innerCont1{
	text-align: center;
}
.roblox-wrap .wrap .inner .innerCont0,
.roblox-wrap .wrap .inner .innerCont1,
.roblox-wrap .wrap .inner .innerCont2{
	margin-bottom: 60px;
	position: relative;
}
.roblox-wrap .wrap .inner .innerCont0:before,
.roblox-wrap .wrap .inner .innerCont1:before,
.roblox-wrap .wrap .inner .innerCont2:before{
  position: absolute;
  bottom: -70px;
  left: calc(50% - 8px);
  height: 70px;
  content: '';
  border-left: 16px solid #0a7201;
}

.roblox-wrap .wrap .inner .innerCont0{
	padding: 0 0 0 0;
}
.innerCont0 div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.innerCont0 div figure {
	width: 40%;
	margin-bottom: -1px;
	
}
.innerCont0 div figure img{
	width: 100%;
	border-radius:  8px 0 0 8px;
}

.innerCont0 div p{
	width: 53%;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: left;
	/*padding: 35px 20px 0 0;*/
	padding-right: 30px;
	line-height: 1.3;
}

.innerCont0 ul{
	position: relative;
	list-style: none;
}
.innerCont0 li{
	position: absolute;
	width: 120px;
}
.innerCont0 li:nth-child(1){
	top: -90px;
	right: -90px;
	transform: rotate(-20deg);
}
.innerCont0 li:nth-child(2){
	top: 180px;
	right: 80px;
}





.roblox-wrap .wrap .inner .innerCont1{
	padding-bottom: 30px;
}

.roblox-wrap .wrap .inner .innerCont1 div{
	position: relative;
	width: 100%;
}
.roblox-wrap .wrap .inner .innerCont1 div img{
	position: absolute;
}

.roblox-wrap .wrap .inner .innerCont1 div:nth-child(1) img{
	position: absolute;
	width: 18%;
	left: 35px;
	top: 25px;
}
.roblox-wrap .wrap .inner .innerCont1 div:nth-child(2) img{
	position: absolute;
	right: 15px;
	width: 22%;
	top: -50px;
}



.roblox-wrap .wrap .inner .innerCont1 h2{
	margin-top: 50px;
    font-size: 2.5rem;
}
.roblox-wrap .wrap .inner .innerCont1 h2 img{
	display: inline-block;
	width: 50%;
	margin: 0 3px -5px 0;
}
.roblox-wrap .wrap .inner .innerCont1 h2 strong{
	display: inline-block;
	font-size: 3.2rem;
	font-weight: 900;
	margin: 10px 0 0px 0;
}
.roblox-wrap .wrap .inner .innerCont1 p{
	width: 80%;
	margin: 0 auto;
	position: relative;
	font-size: 1.2rem;
	text-align: left;
	font-weight: 500;
	line-height: 1.4;
	
}
.roblox-wrap .wrap .inner .innerCont1 p img{
	width: 20%;
	position: absolute;
	right: 0px;
	top: -30px;
	transform: rotate(12deg);
}
.roblox-wrap .wrap .inner .innerCont1 dl dd a{
	color: #004DCF;
}
.roblox-wrap .wrap .inner .innerCont1 dl{
	width: 80%;
	margin: 40px auto;
	font-weight: 600;
	vertical-align: center;
}

.roblox-wrap .wrap .inner .innerCont1 dt{
	padding: 10px 0;
	border: 3px solid #60c606;
	background: #60c606;
	color:#fff;
	letter-spacing: .4em;
	line-height: 1.3;
	font-size: 1.4rem;
}
.roblox-wrap .wrap .inner .innerCont1 dd{
	padding: 1rem;
	border: 3px solid #60c606;
	background: #fff;
	letter-spacing: .1em;
	line-height: 1.3;
	font-size: 1.4rem;
}
.roblox-wrap .wrap .inner .innerCont1 dd span{
	color: #E50003;
}


.roblox-wrap .wrap .inner .innerCont1 dd .attention{
    font-size: 1.1rem;
    color: #FF0004;
}
.roblox-wrap .wrap .inner .innerCont1 dd ul{
	list-style: none;
}
.roblox-wrap .wrap .inner .innerCont1 dd.list-date{
	padding: 0;
}
.roblox-wrap .wrap .inner .innerCont1 dd.list-date li{
	padding: 20px 0;
	line-height: 1.7;
}
.roblox-wrap .wrap .inner .innerCont1 dd.list-date li:nth-child(even){
	background: #FFF777;
}
.roblox-wrap .wrap .inner .innerCont1 dd.list-date li:last-child p{
	font-weight: 400;
	font-size: 1.0rem;
	line-height: 1.3;
	color: #FF0004;
}

.roblox-wrap .wrap .inner .innerCont1 dd.list-date span{
	background: #E70C0C;
	padding: .1rem .5rem 3px;
	border-radius: 5px;
	color: #fff;
	font-size: 1.2rem;
}
.roblox-wrap .wrap .inner .innerCont1 dd.list-date span.new{
	background: none;
	color: #E70C0C;
}

.roblox-wrap .wrap .inner .innerCont1 .attention{
	width: 90%;
	margin: 30px auto 0;
	font-size: 0.9rem;
}

.innerCont1 .rectWrap{
	position: relative;
	list-style: none;
}

.innerCont1 .rectWrap li{
	position: absolute;
	width: 120px;
}
.innerCont1 .rectWrap li:nth-child(1){
	top: 40px;
	left: -90px;
	transform: rotate(20deg);
}
.innerCont1 .rectWrap li:nth-child(2){
	top: 180px;
	right: 40px;
	transform: rotate(-10deg);
}
.innerCont1 .rectWrap li:nth-child(3){
	top: 760px;
	left: -110px;
	transform: rotate(-10deg);
	z-index: -1;
}
.innerCont1 .rectWrap li:nth-child(4){
	top: 980px;
	right: -110px;
	transform: rotate(20deg);
	z-index: -1;
}


.roblox-wrap .wrap .inner .innerCont2 p/*,
.roblox-wrap .wrap .inner .innerCont3 p*/{
	width: 80%;
	position: relative;
	font-size: 1.4rem;
	text-align: left;
	font-weight: 500;
	line-height: 1.4;
}
.roblox-wrap .wrap .inner .innerCont2 p{
	margin: 20px auto 50px;
}
/*.roblox-wrap .wrap .inner .innerCont3 p{
	margin: 50px auto;
	padding: 0  150px 0 0;
}*/
.roblox-wrap .wrap .inner .innerCont2 p span,
.roblox-wrap .wrap .inner .innerCont3 p span{	
	background: linear-gradient(transparent 70%, #ffff00 70%);
}
.roblox-wrap .wrap .inner .innerCont2 div img{
	width: 50%;
	text-align: center;
	display: block;
	margin: 30px auto 10px;
}
/*.roblox-wrap .wrap .inner .innerCont3 div{
	position: relative;
	width: 100%;
}
.roblox-wrap .wrap .inner .innerCont3 div img{
	position: absolute;
	width: 18%;
	right: 0;
	bottom: 25px;
}*/

.innerCont2 ul{
	position: relative;
	list-style: none;
}
.innerCont2 li{
	position: absolute;
	width: 80px;
}
.innerCont2 li:nth-child(1){
		top: 10px;
	left: 85px;
	transform: rotate(20deg);

}
.innerCont2 li:nth-child(2){
		top: 60px;
	left: 30px;

	transform: rotate(-15deg);
}
.innerCont2 li:nth-child(3){
		top: 10px;
	right: 85px;
	transform: rotate(20deg);

}
.innerCont2 li:nth-child(4){
		top: 60px;
	right: 30px;

	transform: rotate(-15deg);
}


.innerCont3 div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.innerCont3 div figure {
	width: 35%;
	margin-bottom: -1px;
	
}
.innerCont3 div figure img{
	width: 100%;
	border-radius:  0 8px 8px 0;
}

.innerCont3 div p{
	width: 54%;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: left;
	/*padding: 35px 20px 0 0;*/
	padding-left: 30px;
	line-height: 1.3;
}


/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.roblox-wrap .wrap .inner .innerCont1 dd .attention{
		font-size: 1.0rem;
	}
	
	.roblox-wrap{
		width: 100%;
		margin: 0 auto;
	}
    .roblox-wrap:before {
        border-top: 40px solid #60c606;
    }
	.roblox-wrap .wrap{
		padding: 80px 0 90px;
	}
	.roblox-wrap .wrap:after{
    content: "";
    display: table;
    position: absolute;
    background: url("../images/rect00.svg") bottom left repeat-x;
    background-size:340px;
    width:100%;
    padding-top: 140px;
    bottom: -1px;
   /* z-index: 999999;*/
    color:#fff;
}
	.roblox-wrap .wrap .inner .innerCont0,
	.roblox-wrap .wrap .inner .innerCont1,
	.roblox-wrap .wrap .inner .innerCont2,
	.roblox-wrap .wrap .inner .innerCont3{
		width: 80%;
		border: 8px solid #0a7201;
	}
	.roblox-wrap .wrap .inner .innerCont4{
		width: 100%;
	}
	.roblox-wrap .wrap .inner .innerCont0,
	.roblox-wrap .wrap .inner .innerCont1,
	.roblox-wrap .wrap .inner .innerCont2{
		margin-bottom: 60px;
	}
	.roblox-wrap .wrap .inner .innerCont0:before,
	.roblox-wrap .wrap .inner .innerCont1:before,
	.roblox-wrap .wrap .inner .innerCont2:before{
		bottom: -70px;
		left: calc(50% - 8px);
		height: 70px;
		border-left: 16px solid #0a7201;
	}

	.innerCont0 div {
		display: block;
	}
	.innerCont0 div figure {
		width: 100%;
		margin-bottom: -1px;
	}
	.innerCont0 div figure img{
		width: 100%;
		border-radius:  8px 8px 0 0;
	}
	.innerCont0 div p{
		width: 80%;
		margin: 0 auto;
		font-size: 1.4rem;
		text-align: left;
		padding: 25px 0;
		line-height: 1.3;
	}
	.innerCont0 li{
		width: 25%;
	}
	.innerCont0 li:nth-child(1){
		top: -60px;
		right: -30px;
		transform: rotate(20deg);
	}
	.innerCont0 li:nth-child(2){
		top: 150px;
		left: -30px;
		transform: rotate(-15deg);
	}
	.innerCont1 .rectWrap li{
		width: 25%;
	}
	.innerCont1 .rectWrap li:nth-child(1){
		top: 180px;
		left: -30px;
		transform: rotate(-20deg);
	}
	.innerCont1 .rectWrap li:nth-child(2){
		top: -40px;
		right: 20px;
		transform: rotate(15deg);
	}
	.innerCont1 .rectWrap li:nth-child(3){
		top: 760px;
		left: -70px;
		transform: rotate(-10deg);
		z-index: -1;
	}
	.innerCont1 .rectWrap li:nth-child(4){
		top: 1280px;
		right: -70px;
	transform: rotate(20deg);
	z-index: -1;
}
	
	.roblox-wrap .wrap .inner .innerCont1{
		padding-bottom: 30px;
	}
	.roblox-wrap .wrap .inner .innerCont1 div{
		width: 100%;
	}
	.roblox-wrap .wrap .inner .innerCont1 div.robimg2 img{
		width: 110px;
		right: 15px;
		top: -60px;
	}
	.roblox-wrap .wrap .inner .innerCont1 div.robimg3 img{
		width: 120px;
		left: 8px;
		bottom: -130px;
		z-index: 10;
	}
	.roblox-wrap .wrap .inner .innerCont1 h2{
		margin-top: 50px;
		font-size: 1.8rem;
	}
	.roblox-wrap .wrap .inner .innerCont1 h2 img{
		width: 80%;
		display: inline-block;
		margin: 0 auto;
	}
	.roblox-wrap .wrap .inner .innerCont1 h2 strong{
		font-size: 9.0vw;
		margin: 5px 0 0px 0;
	}
	.roblox-wrap .wrap .inner .innerCont1 p{
		width: 90%;
		font-size: 1.2rem;
		line-height: 1.6;
	}
	.roblox-wrap .wrap .inner .innerCont1 p img{
		width: 40%;
		right: -40px;
		top: 150px;
	}
	.roblox-wrap .wrap .inner .innerCont1 dl{
		width: 90%;
		margin: 40px auto 20px;
	}
	.roblox-wrap .wrap .inner .innerCont1 dt{
		padding: 10px 0;
		font-size: 1.0rem;
	}
	.roblox-wrap .wrap .inner .innerCont1 dd{
		line-height: 1.2;
		font-size: 1.2rem;
	}
	
	.roblox-wrap .wrap .inner .innerCont2 p/*,
	.roblox-wrap .wrap .inner .innerCont3 p*/{
		width: 90%;
		font-size: 1.2rem;
		line-height: 1.6;
	}
	.roblox-wrap .wrap .inner .innerCont2 p{
		margin: 10px auto 30px;
	}
	/*.roblox-wrap .wrap .inner .innerCont3 p{
		margin: 30px auto;
		padding: 0 0 0 0;
	}*/
	.roblox-wrap .wrap .inner .innerCont2 div img{
		width: 80%;
		margin: 30px auto 10px;
	}
	/*.roblox-wrap .wrap .inner .innerCont3 div img{
		width: 30%;
		right: 0;
		top: -90px;
	}*/

	.innerCont3 div {
		display: block;
	}
	.innerCont3 div figure {
		width: 100%;
		margin-bottom: -1px;
	}
	.innerCont3 div figure img{
		width: 100%;
		border-radius:  8px 8px 0 0;
	}
	.innerCont3 div p{
		width: 80%;
		margin: 0 auto;
		font-size: 1.4rem;
		text-align: left;
		padding: 25px 0;
		line-height: 1.3;
	}
	
	
}









.c_pink{color: #EF1452;}
.mb20{margin-bottom: 20px;}


.kidsColor{color: #D8520F;}
.scratchColor{color: #1A7D28;}
.dayColor{color: #4567A9;}
.typingColor{color: #F22F70;}



.springSchool-wrap .flex-wrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  text-align: center;
  /*margin-bottom: 60px;*/
}

.springSchool-wrap .camWrap-1{
	width: calc(95% / 2);
	background: #ECF7FD;
	border-radius: 15px;
	/*text-align: center;*/
	padding: 0 0 50px;
	margin:  0 0 50px 0;
}

.springSchool-wrap .camWrap-1 .text-form1 a{
	color: #EF1452 !important;
}


	


.springSchool-wrap .camWrap-2{
	width: 100%;
	background: #ECF7FD;
	border-radius: 15px;
	padding: 0 0 50px;
	margin:  0 0 50px 0;
}

.springSchool-wrap .camWrap-2 .collabo img{
	width: 55%;
	margin-bottom: 15px;
}

.springSchool-wrap .camWrap-1 figure{
	border-radius: 15px  15px  0  0;
	width: 100%;
	margin-bottom: 20px;
}
.springSchool-wrap .camWrap-1 figure img{
	border-radius: 15px  15px  0  0;
	width: 100%;
}

.springSchool-wrap .camWrap-2 figure{
	border-radius: 15px  15px  0  0;
	/*width: 100%;*/
	margin-bottom: 20px;
}
.springSchool-wrap .camWrap-2 figure img{
	border-radius: 15px  15px  0  0;
	width: 70%;
	margin: 0 auto;
}

.springSchool-wrap h2{
	font-family: "corporate-logo-ver2", sans-serif;
	font-weight: 800;
	letter-spacing: .1em;
	font-size: 2.6rem;
	line-height: 1.1;
	margin-bottom: 30px;
}

.springSchool-wrap p{
	letter-spacing: .1em;
	font-size: 1.3rem;
	line-height: 1.4;
	width: 90%;
	margin: 0 auto 30px;
	text-align: left;
	
}

.springSchool-wrap dl.age-1{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	
}

.springSchool-wrap .camWrap-1 .content-1{
  padding: 0 30px;
}

.springSchool-wrap .camWrap-2 .content-1{
  padding: 0 70px;
}

.springSchool-wrap dl{
  margin: .5rem auto 20px;
  font-size: 1.2rem;
  vertical-align: center;
}

.springSchool-wrap dt{
  padding: 1rem;
  border: 2px solid #ed818e;
  background: #ed818e;
  color:#fff;
  letter-spacing: .4em;
	line-height: 1.3;
}
.springSchool-wrap dd{
  padding: 1rem;
  border: 2px solid #ed818e;
  background: #fff;
  letter-spacing: .1em;
	line-height: 1.3;
}
.springSchool-wrap dd.tl{
  text-align: left;
  line-height: 1.5;
}
.springSchool-wrap dd span{
  color: #EF1452;
}

.springSchool-wrap dd small{
    /*font-family: "corporate-logo-ver2", sans-serif;*/
  color: #005AD5;
    font-size: 0.9rem;
    font-weight: 800;
	line-height: 1.0;
	padding: 0 0 10px 0;
}




.springSchool-wrap dl.age-1 dt{
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  vertical-align: center;
  
        
/*  border: 2px solid #ed818e;
  background: #ed818e;
  color:#fff;
  letter-spacing: .4em;*/
}
.mt20{
    display: inline-block;
    padding-top: 20px;
}

.mark1 {
  background: linear-gradient(transparent 60%, #00ffff 0%);/*#E8FF00*/
}

.springSchool-wrap dl.age-1 dd{
  padding: 0.5rem;
  /*color: #E8FF00;*/
  /*border: 2px solid #ed818e;
  background: #fff;
  letter-spacing: .1em;*/
}


/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.roblox-wrap-wrap{
		width: 100%;
		margin: 30px auto 50px;
	}
	.springSchool-wrap .flex-wrap{
		display: block;
		/*width: 100%;*/
		margin: 0 auto 0px;
	}
	
	.springSchool-wrap .camWrap-1{
		width: 90%;
		border-radius: 15px;
        padding: 0 0 30px;
		margin: 0 auto 30px;
	}
	
	
	
	.springSchool-wrap .camWrap-2{
		width: 90%;
		border-radius: 15px;
        padding: 0 0 30px;        
		margin: 0 auto 30px;
	}
	.springSchool-wrap .camWrap-2 .collabo img{
		width: 90%;
	}
	.springSchool-wrap .camWrap-1 figure, .springSchool-wrap .camWrap-2 figure{
        width: 100%;
		margin-bottom: 10px;
	}
	.springSchool-wrap .camWrap-1 figure img, .springSchool-wrap .camWrap-2 figure img{
		width: 100%;
	}
    .springSchool-wrap .camWrap-2 figure{
        width: 100%;
    }
    .springSchool-wrap .camWrap-2 figure img{
        width: 100%;
    }
    
	.springSchool-wrap h2{
		letter-spacing: .1em;
		font-size: 2.0rem;
		line-height: 1.1;
        margin-bottom: 10px;
	}
	.springSchool-wrap p{
		letter-spacing: .1em;
		font-size: 1.2rem;
		line-height: 1.4;
		width: 90%;
		margin: 0 auto 20px;
	}
	.springSchool-wrap dl.age-1{
        width: 94%;
		display: block;
		font-size: 1.2rem;
	}
	
	.springSchool-wrap .camWrap-1 .content-1, .springSchool-wrap .camWrap-2 .content-1{
        padding: 0;
    }

    .springSchool-wrap dl{
        width: 94%;
		margin: .5rem auto 1rem;
		font-size: 1.2rem;
		vertical-align: center;
	}
	.springSchool-wrap dt{
		padding: 0.8rem 1rem 0.8rem 1rem;
		border: 2px solid #ed818e;
		background: #ed818e;
		color:#fff;
		letter-spacing: .4em;
	}
	.springSchool-wrap dd{
		padding: 0.8rem 1rem 0.8rem 1rem;
		border: 2px solid #ed818e;
		background: #fff;
		letter-spacing: .1em;
	}
}


/*----------------------------------------------------------------*/
/*  .aboutSchool-wrap
/*----------------------------------------------------------------*/
 

article{
	position: relative;
	margin: 0;
	padding: 0;
}
.aboutSchool-wrap:before{
	content: "";
	display: inline-block;
	position: absolute;
	background: url("../images/voice-bace.webp") bottom left no-repeat;
	background-size: contain;
	width:100%;
	height: 300px;
	bottom: 0;
	/*z-index: 100;*/
}


.aboutSchool-wrap .wrap .inner .reason{
	margin: 0 auto;
}



.aboutSchool-wrap .wrap .inner{
	background: #129b04 ;
	padding: 30px 0 200px;
}

.aboutSchool-wrap .wrap .inner .reason h2{
	font-size: 2.0rem;
	text-align: center;
	color: #fff;
	margin-bottom: 2em;
	letter-spacing: .1em;
	position: relative;
    line-height: 1.1;
}
.aboutSchool-wrap .wrap .inner .reason h2 img{
    position: relative;
    top: 11px;
	width: 45%;
}
.aboutSchool-wrap .wrap .inner .reason h2 strong{
	color: #FFED00;
	font-size: 4.0rem;
    font-family: "corporate-logo-ver2", sans-serif;
}
.aboutSchool-wrap .wrap .inner .reason h2 span{
	font-size: 2.8rem;
}


.aboutSchool-wrap .wrap .inner .reason ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px 35px;
	list-style: none;
}
	
.aboutSchool-wrap .wrap .inner .reason ul li{
	width: 30%;
}

.aboutSchool-wrap .wrap .inner .reason ul li dl dt{
	color:#fff;/*#1BCDDC*/
	font-family: "corporate-logo-ver2", sans-serif;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing: .1em;
	position: relative;
	margin-bottom: 1.6em;
}

.aboutSchool-wrap .wrap .inner .reason ul li:nth-child(odd) dl dt{
	color: #FCFB02;
}


.aboutSchool-wrap .wrap .inner .reason ul li dl dt:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transform: rotate(-25deg);
}
       
.aboutSchool-wrap .wrap .inner .reason ul li dl dt:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transform: rotate(25deg);
}

.aboutSchool-wrap .wrap .inner .reason ul li dl dd{
	background: #1BCDDC;
	border-radius: 8px;
	padding: .8em;
	text-align: center;
	line-height: 1.3;
	position: relative;
	font-weight: bold;
	color: #333;
}

.aboutSchool-wrap .wrap .inner .reason ul li:nth-child(odd) dl dd{
	background:#FFFE64;

}

.aboutSchool-wrap .wrap .inner .reason ul li dl dd div{
	font-family: "corporate-logo-ver2", sans-serif;
	font-weight: 800;
	font-size: 1.7rem;
	position: absolute;
	top: 10px;
    left: 50%;
    transform: translate(-50%, -50%);

}

.aboutSchool-wrap .wrap .inner .reason ul li dl dd div span{
	display: inline-block;
	background: #1BCDDC ;
	color: #333;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	
}
.aboutSchool-wrap .wrap .inner .reason ul li:nth-child(odd) dl dd div span{
	background:#FFFE64;
	color: #333;

}

.aboutSchool-wrap .wrap .inner .reason ul li dl dd figure{
	width: 100%;
	height: auto;
	margin: .8em 0 .5em;
	position: relative;
	z-index: 5;
}

.aboutSchool-wrap .wrap .inner .reason ul li dl dd figure img{
	width: 100%;
	height: auto;
}



.aboutSchool-wrap .wrap .inner .course{
	width: 70%;
	margin: 60px auto;
	background: #fff;
	border-radius: 15px;
}

.aboutSchool-wrap .wrap .inner .course h3{
	background:#1DA620  ;
	padding: 1.5rem;
	text-align: center;
	font-size: 1.5rem;
	border-radius: 15px 15px 0 0;
	color: #fff;
    line-height: 1.3;
}


.aboutSchool-wrap .wrap .inner .course h3 span{

	font-size: 1.0rem;
	color: #333;
    line-height: 0.5;
}

.aboutSchool-wrap .wrap .inner .course .wrap2{
	padding: 1rem 2rem;
}



.aboutSchool-wrap .wrap .inner .course .courseImg{
	width: 100%;
	margin: 10px auto;
}
.aboutSchool-wrap .wrap .inner .course .courseImg img{
	width: 100%;
	height: auto;
}

.aboutSchool-wrap .wrap .inner .course span{
	font-size: .8rem;
	line-height: 1.3;
}


/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.aboutSchool-wrap .wrap .inner .reason{
		margin: 0 auto;
		width: 100%;
	}
	.aboutSchool-wrap .wrap .inner{
		padding: 50px 0;
	}
	.aboutSchool-wrap .wrap .inner .reason h2{
		font-size: 2.2rem;
		/*text-align: center;
		color: #fff;*/
		margin-bottom: 20px;
		/*letter-spacing: .1em;
		position: relative;*/
		line-height: 1.3;
	}
	.aboutSchool-wrap .wrap .inner .reason h2 img{
		position: relative;
		top: 5px;
		width: 70%;
	}
	.aboutSchool-wrap .wrap .inner .reason h2 small{
		/*color: #FFED00;*/
		font-size: 1.5rem;
	}
	.aboutSchool-wrap .wrap .inner .reason h2 strong{
		/*color: #FFED00;*/
		font-size: 3.4rem;
		display: inline-block;
		margin: -20px 0 0 0;
	}
	.aboutSchool-wrap .wrap .inner .reason h2 span{
		font-size: 2.8rem;
	}
	.aboutSchool-wrap .wrap .inner .reason ul{
		display: block;
	}
	
	.aboutSchool-wrap .wrap .inner .reason ul li{
		width: 80%;
		margin:0 auto 50px;
	}
	.aboutSchool-wrap .wrap .inner .reason ul li dl dt{
		color: #fff;
		font-size: 1.5rem;
		line-height: 1.3;
		font-weight: 600;
		margin-bottom: 1.2em;
	}
	.aboutSchool-wrap .wrap .inner .reason ul li dl dt:before {
		left: 0;
		top: 0;
		width: 3px;
		height: 100%;
		background: #fff;
	}
	.aboutSchool-wrap .wrap .inner .reason ul li dl dt:after {
		right: 0;
		top: 0;
		width: 3px;
		background: #fff;
	}
	.aboutSchool-wrap .wrap .inner .course{
		width: 90%;
		margin: 60px auto;
		/*display: flex;
		justify-content: space-between;*/
		background: #fff;
		/*padding: 1rem 2rem;*/
		border-radius: 15px;
	}
	.aboutSchool-wrap .wrap .inner .course .wrap2{
		padding: 1rem .5rem;
	}

    .aboutSchool-wrap .wrap .inner .course h3{
        padding: 1.0rem;
    }
	.aboutSchool-wrap .wrap .inner .course h3 span{
		display: inline-block;
		margin-top: 5px;
		line-height: 1.4;
	}
	
	
}


/*----------------------------------------------------------------*/
/*  .voice-wrap
/*----------------------------------------------------------------*/

.voice-wrap{
  background: #0DCDE4;
}
.voice-wrap{ margin: 0 auto 0; position: relative;}
.voice-wrap:before{
    content: "";
    display: table;
    position: absolute;
    background: url("../images/rect00-blue.svg") bottom left repeat-x;
    background-size:348px;
    width:100%;
    padding-top: 140px;
    bottom: -17px;
    z-index: 999;
    color:#fff;
}



.voice-wrap .inner{
  margin: 0 auto 0;
  padding: 30px 0 220px;
}

.voice-wrap .wrap .inner h2{
	font-size: 2.0rem;
	text-align: center;
	color: #fff;
	margin-bottom: 0.5em;
	letter-spacing: .1em;
	position: relative;
    line-height: 1.3;
}
.voice-wrap .wrap .inner h2 img{
    position: relative;
    top: 11px;
	width: 45%;
}
.voice-wrap .wrap .inner h2 strong{
    font-family: "corporate-logo-ver2", sans-serif;
	color: #FFED00;
	font-size: 3.0rem;
}
.voice-wrap .wrap .inner h2 span{
	font-size: 2.2rem;
}

.voice-wrap .wrap .inner p{
		letter-spacing: .1em;
		font-size: 1.2rem;
		line-height: 1.4;
		width: 90%;
		margin: 0 auto 20px;
		text-align: center;
}

.voice-wrap .wrap .inner p{
		letter-spacing: .1em;
		font-size: 1.2rem;
		line-height: 1.3;
		width: 90%;
		margin: 0 auto 50px;
		text-align: center;
}
.voice-wrap .wrap .inner ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	list-style: none;
}
.voice-wrap .wrap .inner ul li:nth-child(1),
.voice-wrap .wrap .inner ul li:nth-child(2),
.voice-wrap .wrap .inner ul li:nth-child(3){
	width: calc(90% / 3);
	margin-bottom: 40px;
}
.voice-wrap .wrap .inner ul li:nth-child(4),
.voice-wrap .wrap .inner ul li:nth-child(5){
	width: calc(70% / 2);
}

.voice-wrap .wrap .inner ul li:nth-child(1) span,
.voice-wrap .wrap .inner ul li:nth-child(2) span,
.voice-wrap .wrap .inner ul li:nth-child(3) span,
.voice-wrap .wrap .inner ul li:nth-child(4) span,
.voice-wrap .wrap .inner ul li:nth-child(5) span{
	color: #EF1452;
	font-weight: 800;
}

.voice-wrap .wrap .inner ul li:nth-child(6){
	width: 20%;
	position: relative;
}

.voice-wrap .wrap .inner ul li:nth-child(6) img{
	width: 70%;
	display: inline-block;
	position: absolute;
	right: -15px;
	bottom: -30px;
}

.voice-wrap .wrap .inner ul li:nth-child(6) p{
	background:url("../images/spring-fukidashi1.webp") left top no-repeat;
	background-size: cover;
	width: calc(461px / 2.5);
	height: calc(401px / 2.5);
	position: absolute;
	bottom:45px
}
.voice-wrap .wrap .inner ul li:nth-child(6) p span{
	font-family: "corporate-logo-ver2", sans-serif;
	font-size: 1.4rem;
	line-height: 1.1;
	display: inline-block;
	padding: 30px 0 0 0;
}

.voice-wrap .wrap .inner  figure{
	position: relative;
}
.voice-wrap .wrap .inner  figure img {
	width: 70%;
	display: block;
	margin: 0 auto;
	position: relative;
	top: -10px
}	



.voice-wrap .wrap .inner  figure figcaption {
    position: relative;
    padding: 1rem 1rem 1rem 1.5rem;
    border-radius: 5px;
    border: 3px solid #333;
    box-shadow: -3px 3px 0 0 #333;
    font-weight: bold;
    font-size: 1.2rem;
	line-height: 1.3;
	background: #fff;
	z-index: 10;
}

.voice-wrap .wrap .inner figure figcaption:before,
.voice-wrap .wrap .inner figure figcaption:after {
    position: absolute;
    left: 30px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
	
}

.voice-wrap .wrap .inner figure figcaption:before {
    top: 100%;
    margin-left: -12px;
    border-color: transparent;
    border-top-color: #333;
    border-right-color: #333;
    border-width: 10px;
}

.voice-wrap .wrap .inner figure figcaption:after {
    top: 99%;
    margin-left: -7px;
    border-color: transparent;
    border-top-color: white;
    border-right-color: white;
    border-width: 6.5px;
}

/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	/*.voice-wrap{
		background: #0DCDE4;
	}*/
	.voice-wrap .inner{
		/*margin: 0 auto 0;*/
		padding: 20px 0 200px;
		width: 100%;
	}
	.voice-wrap .wrap .inner h2{
		font-size: 1.6rem;
		/*text-align: center;
		color: #fff;*/
		margin-bottom: 20px;
		/*letter-spacing: .1em;
		position: relative;*/
		line-height: 1.2;
	}
    .voice-wrap .wrap .inner p{
        /*letter-spacing: .1em;*/
		font-size: 1.2rem;
		line-height: 1.4;
		width: 90%;
		margin: 0 auto 20px;
		text-align: left;
    }
	.voice-wrap .wrap .inner h2 img{
		position: relative;
		top: 5px;
		width: 70%;
	}
	.voice-wrap .wrap .inner h2 strong{
		font-family: "corporate-logo-ver2", sans-serif;
		/*color: #FFED00;*/
		font-size: 2.2rem;
	}
	.voice-wrap .wrap .inner h2 small{
		font-size: 1.5rem;
	}
	.voice-wrap .wrap .inner h2 span{
		font-size: 1.8rem;
	}
	
	.voice-wrap .wrap .inner ul{
		display: block;
	}
	.voice-wrap .wrap .inner ul li:nth-child(1),
	.voice-wrap .wrap .inner ul li:nth-child(2),
	.voice-wrap .wrap .inner ul li:nth-child(3),
	.voice-wrap .wrap .inner ul li:nth-child(4),
	.voice-wrap .wrap .inner ul li:nth-child(5),
	.voice-wrap .wrap .inner ul li:nth-child(6){
		width: 85%;
		margin: 0 auto 40px;
	}

	.voice-wrap .wrap .inner  figure figcaption {
		font-size: 1.2rem;
		line-height: 1.3;
	}
	.voice-wrap .wrap .inner  figure img {
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	.voice-wrap .wrap .inner ul li:nth-child(6) img{
	width: 50%;
	display: inline-block;
	position: absolute;
	right: 23px;
	bottom: -100px;
}

.voice-wrap .wrap .inner ul li:nth-child(6) p{
	background:url("../images/spring-fukidashi1.webp") left top no-repeat;
	background-size: cover;
	width: calc(461px / 2.6);
	height: calc(401px / 2.6);
	position: relative;
	top:0;
	left:-28px;
}
.voice-wrap .wrap .inner ul li:nth-child(6) p span{
	font-family: "corporate-logo-ver2", sans-serif;
	font-size: 1.4rem;
	display: inline-block;
	padding: 26px 0 0 39px;
	text-align: center;
	line-height: 1.1;
}



}


/*---------------------------------------------------------------------------------------
	summerCourse-wrap waveBace
----------------------------------------------------------------------------------------*/
.bg1{
	background: #7d3c98;/*#0f6e9e#002553*/
	padding: 20px 0 20px;	
}
.summerschool2025-wrap{
	width: 70%;
	margin: 100px auto 0;
	border-radius: 20px;
}

.summerschool2025-wrap .cam-wrap{
	margin: 10px auto 30px;
	overflow: hidden;
	
}
.summerschool2025-wrap h2 span  { 
	display: inline-block;
	font-size: 2.0rem;
	background: #fff;
	color: #7d3c98;
	padding: 2px 10px 2px;
}
.summerschool2025-wrap h2{
	font-size: 2.8rem;
	text-align: center;
	color: #FA9A46;
	letter-spacing: .1em;
	position: relative;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 10px;
}


.summerschool2025-wrap p {
	font-size: 1.3rem;
	text-align: center;
	color: #fff;
}
.summerschool2025-wrap p a {
	color: #fff;
}

.summerschool2025-wrap figure{
	width: 70%;
	margin: 20px auto 0;
	border: 4px solid #1D1E2D;
}
.summerschool2025-wrap figure img{
	width: 100%;
	margin: 0 auto;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.summerschool2025-wrap{
		width: 90%;
		margin: 100px auto 0;
	}
	.summerschool2025-wrap .cam-wrap{
		margin: 0px auto 0px;
		overflow: hidden;
	}
.summerschool2025-wrap h2 span  { 
	display: inline-block;
	font-size: 1.4rem;
	background: #fff;
	color: #7d3c98;
	padding: 2px 10px 2px;
	margin-bottom: 10px;
}
.summerschool2025-wrap h2{
	font-size: 2.1rem;
	text-align: center;
	color: #FA9A46;
	letter-spacing: 0em;
	position: relative;
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 10px;
}
	
	.summerschool2025-wrap p{
		font-size: 1.1rem;
		line-height: 1.4;
		margin-bottom: 20px;
	}

	.summerschool2025-wrap figure{
		width: 90%;
		margin: 0 auto;
	}
}

/*----------------------------------------------------------------*/
/*  .summerSchool2024-wrap
/*----------------------------------------------------------------*/

.summerSchool2024-wrap{ margin: 50px auto 0; position: relative;}

.summerSchool2024-wrap .wrap{padding: 80px 0 120px; text-align: center;}
.summerSchool2024-wrap .wrap:after{
    content: "";
    display: table;
    position: absolute;
    background: url("../images/rob_waveBace2.svg") bottom left repeat-x;
    background-size:120px;
    width:100%;
    padding-top: 17px;
    bottom: 0px;
    z-index: 3;
    color:#fff;
}
.summerSchool2024-wrap .wrap .inner p.titleTag {
	position: relative;
	padding: 1rem 10rem calc(1rem + 10px);
	background: #E65656;
	color: #fff;
    font-size: 1.6rem;
	font-weight: 500;
}
.summerSchool2024-wrap .wrap .inner p.titleTag span{
	letter-spacing: 0.1em;
}
.summerSchool2024-wrap .wrap .inner p.titleTag:before {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 99.5%;
  height: 90%;
  content: '';
  border: 4px solid #333;
}
.summerSchool2024-wrap .wrap .inner h2{
	margin: 20px 0 0;
}
.summerSchool2024-wrap .wrap .inner div{
    font-size: 1.8rem;
	font-weight: 600;
	margin: 20px 0 0;
	position: relative;
	display: inline-block;
}
.summerSchool2024-wrap .wrap .inner div:before {
    position: absolute;
    left: -40px;
    top: 0;
    content: "";
    width: 3px;
    height: 35px;
    background: #333;
    border-radius: 3px;
    transform: rotate(-25deg);
}
.summerSchool2024-wrap .wrap .inner div:after {
    position: absolute;
    content: "";
    right: -20px;
    top: 0;
    width: 3px;
    height: 35px;
    background: #333;
    border-radius: 3px;
    transform: rotate(25deg);
}
.summerSchool2024-wrap .wrap .inner div span{	
	background: linear-gradient(transparent 70%, #ffff00 70%);
}
.summerSchool2024-wrap .wrap .inner ul li dl dt{
    font-size: 1.6rem;
    font-weight: 600;
}
.summerSchool2024-wrap .wrap .inner ul li dl dt span{
    font-size: 1.4rem;
}
.summerSchool2024-wrap .wrap .inner ul li dl dd p{
    font-size: 1.0rem;
    font-weight: 600;
	color: #fff;
    padding: 10px 0;
}
.summerSchool2024-wrap .wrap ul{
	margin: 20px 0 0;
    display: flex;
    justify-content: space-between;
}
.summerSchool2024-wrap .wrap ul li{width:30%;}
.summerSchool2024-wrap .wrap ul li dl dd img{width:100%;}




.summerSchool2024-wrap .wrap ul li:nth-child(1) dl dt span{
    color: #E2732E
}
.summerSchool2024-wrap .wrap ul li:nth-child(1) dl dd p{
    background: #E2732E;
}
.summerSchool2024-wrap .wrap ul li:nth-child(2) dl dt span{
    color: #2AA239
}
.summerSchool2024-wrap .wrap ul li:nth-child(2) dl dd p{
    background: #2AA239;
}
.summerSchool2024-wrap .wrap ul li:nth-child(3) dl dt span{
    color: #1A95D1
}
.summerSchool2024-wrap .wrap ul li:nth-child(3) dl dd p{
    background: #1A95D1;
}

.summerSchool2024-wrap .wrap ul li{
    list-style: none;
}
.summerSchool2024-wrap .wrap ul li dl{
    text-align: center;
    background: #fff;
    padding: 20px;
	margin-bottom: 50px;
	position: relative;
}
.summerSchool2024-wrap .wrap ul li dl:after {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 100%;
	height: 100%;
	content: '';
	z-index: -1;
	opacity: .8;
}
.summerSchool2024-wrap .wrap ul li:nth-child(1) dl:after{
	background: #E2732E;
}
.summerSchool2024-wrap .wrap ul li:nth-child(2) dl:after{
	background: #2AA239;
}
.summerSchool2024-wrap .wrap ul li:nth-child(3) dl:after{
	background: #1A95D1;
}

.summerSchool2024-wrap .wrap ul li dl dt{ line-height: 1.2;}
.summerSchool2024-wrap .wrap ul li dl dt span{
    color: #1A95D1
}
.summerSchool2024-wrap .wrap ul li dl dd{ margin: 20px 0 0;}


/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.summerSchool2024-wrap .wrap{padding: 50px 0 70px; text-align: center;}
    .summerSchool2024-wrap .wrap ul{
        display: block;
    }
    .summerSchool2024-wrap .wrap ul li{width: 100%;}
    .summerSchool2024-wrap .inner{
        width: 80%;
        margin: 0 auto;
    }
	
	.summerSchool2024-wrap .wrap .inner p.titleTag {
		padding: 1rem 1rem calc(1rem + 10px);
		line-height: 1.3;
		font-size: 1.4rem;
	}
	.summerSchool2024-wrap .wrap .inner p.titleTag:before {
		position: absolute;
		width: 98.5%;
		height: 95%;
		border: 3px solid #333;
	}
	.summerSchool2024-wrap .wrap .inner h2 img{
		width: 100%;
	}
	.summerSchool2024-wrap .wrap .inner div{
		font-size: 5.5vw;
		line-height: 1.4;
	}
	.summerSchool2024-wrap .wrap .inner div:before {
		left: -20px;
		width: 3px;
		height: 65px;
		top: 5px;
	}
	.summerSchool2024-wrap .wrap .inner div:after {
		right: -10px;
		top: 5px;
		width: 3px;
		height: 65px;
	}
}










/*----------------------------------------------------------------*/
/*  今だけ半額
/*----------------------------------------------------------------*/
.springSchool-wrap .camWrap-1 .form-attention{
    width: 100%;
    margin: 0 auto 20px;
}
.springSchool-wrap .camWrap-2 .form-attention{
    width: 50%;
    margin: 0 auto 20px;
}

.form-attention p{
    width: 100%;
    font-size: 1.1rem;
    text-align: center;
	position: relative;
	margin: 50px auto 10px;
	letter-spacing: .1rem;
	font-weight: 800;
    line-height: 1.0;
}
.form-attention p span.tag{
    /*font-size: 1.1rem;*/
    padding: 0 5px;
	font-weight: 800;
    /*line-height: 1.2;*/
    background:#0052B5;
    color: #fff;
}
.form-attention p strong{
    font-family: "corporate-logo-ver2", sans-serif;
    font-size: 2.2rem;
	font-weight: 800;
    /*line-height: 1.2;*/
    color: #D00003;
}
.form-attention p small{
    font-family: "corporate-logo-ver2", sans-serif;
    font-size: 1.7rem;
	font-weight: 800;
    /*line-height: 1.2;*/
}
.form-attention p b{
    font-family: "corporate-logo-ver2", sans-serif;
    font-size: 2.2rem;
	font-weight: 800;
    /*line-height: 1.2;*/
    color: #D00003;
}
.form-attention p span.tax{
    font-size: 0.8rem;
	font-weight: 800;
    /*line-height: 1.2;*/
}
.form-attention p:before {
    position: absolute;
    left: 25px;
    top: 0;
    content: "";
    width: 5px;
    height: 80px;
    background: #0052B5;
    border-radius: 10px;
    transform: rotate(-25deg);	
}
       
.form-attention p:after {
    position: absolute;
    content: "";
    right: 25px;
    top: 0;
    width: 5px;
    height: 80px;
    background: #0052B5;
    border-radius: 10px;
    transform: rotate(25deg);
}

/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.springSchool-wrap .camWrap-1 .form-attention, .springSchool-wrap .camWrap-2 .form-attention{
		width: 98%;
		margin: 0 auto 20px;
	}
	.form-attention p{
    /*width: 100%;*/
		font-size: 1.2rem;
    /*text-align: center;
	position: relative;
	margin: 50px auto 10px;
	letter-spacing: .1rem;
	font-weight: 800;
    line-height: 1.0;*/
	}
    
    .form-attention.typ p{
        margin: 20px auto 10px !important;
     }
	.form-attention p span.tag{
		font-size: 1.1rem;
		padding: 2px 5px;
		font-weight: 800;
		/*display: inline-block;
		margin-bottom: 7px;*/
	}
	.form-attention p strong{
		/*font-family: "corporate-logo-ver2", sans-serif;*/
		font-size: 2.0rem;
		/*font-weight: 800;*/
		/*line-height: 1.2;*/
		/*color: #D00003;*/
	}
	.form-attention p small{
		/*font-family: "corporate-logo-ver2", sans-serif;*/
		font-size: 1.7rem;
		/*font-weight: 800;*/
		/*line-height: 1.2;*/
	}
	.form-attention p b{
		/*font-family: "corporate-logo-ver2", sans-serif;*/
		font-size: 2.2rem;
		/*font-weight: 800;*/
		/*line-height: 1.2;*/
		/*color: #D00003;*/
	}
	.form-attention p span.tax{
		/*font-size: 0.8rem;
		font-weight: 800;*/
		/*line-height: 1.2;*/
	}
	.form-attention p:before {
		/*position: absolute;		
		left: 25px;*/
		top: 0px;
		/*content: "";
		width: 5px;*/
		height: 110px;
		/*background: #0052B5;
		border-radius: 10px;*/
		transform: rotate(-25deg);
	}
	.form-attention p:after {
		/*position: absolute;
		content: "";
		right: 25px;*/
		top: 0px;
		/*width: 5px;*/
		height: 110px;
		/*background: #0052B5;
		border-radius: 10px;*/
		transform: rotate(25deg);
	}
}


/*----------------------------------------------------------------*/
/*  無料体験授業
/*----------------------------------------------------------------*/
.trial-cont1{
	background: #fff;
	width:500px;
	border-radius: 20px;
	margin: 0 auto 30px;
	text-align: center;
	padding: 40px 30px 30px;
	border: 5px solid #103675;/*#F19C05*/
	/*background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #FDF995 5px, #FDF995 10px);*/
	background-image: linear-gradient(-45deg, #fff 25%, #FDF995 25%, #FDF995 50%, #fff 50%, #fff 75%, #FDF995 75%, #FDF995);
	background-size: 10px 10px;
	position: relative;
	z-index: 100;
}
.trial_mb{
		margin-bottom: 100px;
}
.trial-cont1 span{
	font-size: 1.2rem;
	letter-spacing: .1rem;
	font-weight: 800;
	background:linear-gradient(transparent 60%, #B7FBFA 60%);
}
.trial-cont1 p{
	font-size: 1.5rem;
	position: relative;
	margin: 20px 40px;
	letter-spacing: .1rem;
	font-weight: 800;

}
.trial-cont1 p:before {
    position: absolute;
    left: -15px;
    top: 0;
    content: "";
    width: 2px;
    height: 35px;
    background: #333;
    border-radius: 3px;
    transform: rotate(-25deg);
}
.trial-cont1 p:after {
    position: absolute;
    content: "";
    right: -10px;
    top: 0;
    width: 2px;
    height: 35px;
    background: #333;
    border-radius: 3px;
    transform: rotate(25deg);
}
.text-form1{
    width: 90%;
    margin: 40px auto 0;
    font-size: 1.3rem;
    line-height: 1.3;
    text-align: left;
}
.text-form1 a{
    line-height: 1.6;

}
.text-form1 small{
    font-size: 1.0rem;
}

/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
    .trial-cont1{
        width: calc(90% - 5px);
		margin: 0 auto 30px;
		text-align: center;
		padding: 20px 0 15px;
	}
    .trial_mb{
		margin-bottom: 60px;
	}
	.trial-cont1 span{
		font-size: 1.2rem;
	}
	.trial-cont1 p{
		font-size: 1.3rem;
	position: relative;
	margin: 20px 0;
	letter-spacing: .1rem;
	font-weight: 800;
		line-height: 1.2;

}
.trial-cont1 p:before {
    position: absolute;
    left: 25px;
    top: 0;
    content: "";
    width: 2px;
    height: 50px;
    background: #333;
    border-radius: 3px;
    transform: rotate(-25deg);
	
}
       
.trial-cont1 p:after {
    position: absolute;
    content: "";
    right: 25px;
    top: 0;
    width: 2px;
    height: 50px;
    background: #333;
    border-radius: 3px;
    transform: rotate(25deg);
}
}

/*----------------------------------------------------------------*/










/*---------------------------------------------------------------------------------------
	Btn
----------------------------------------------------------------------------------------*/

a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}

a.btn--orange {
  color: #fff;
  background-color: #ED874A;
  border-bottom: 5px solid #D95E14;
}

a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #E77029;
  border-bottom: 2px solid #CB4F06;
}

a.btn--blue {
  color: #333;
  background-color: #12E9FE;
  border-bottom: 5px solid #00C6D9;
}

a.btn--blue:hover {
  margin-top: 3px;
  color: #333;
  background: #1BB8C7;
  border-bottom: 2px solid #2FA9B5;
}

a.btn--pink {
  color: #fff;
  background-color: #EE457B;
  border-bottom: 5px solid #F0316E;
}

a.btn--pink:hover {
  margin-top: 3px;
  color: #fff;
  background: #E52764;
  border-bottom: 2px solid #E40049;
}

/*----------------------------------------------------------------*/

.btn,
a.btn,
button.btn {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1rem 5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  /*letter-spacing: 0.1em;*/
  color: #212529;
  border-radius: 5.0rem;
}

a.btn1{
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  /*letter-spacing: 0.1em;*/
  color: #212529;
  border-radius: 0.5rem;
}
	
	
a.btn2{
	font-size: 1.2rem;
	width:70%;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  /*letter-spacing: 0.1em;*/
  /*color: #212529;*/
  border-radius: 2rem;
	margin: 0 0 10px 0;

}


a.btn-c-01 {
	width: 90%;
    font-size: 1.0rem;
    position: relative;
    padding: 1.0rem 0;
    border-radius: 100vh;
	margin: 0 auto;
	color: #fff;
}

a.btn-c-01:before {
	box-sizing: inherit;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.0rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
}
	
a.btn-c-06 {
	width: 90%;
    font-size: 1.4rem;
    position: relative;
    padding: 1.8rem 0;
    border-radius: 100vh;
	margin: 0 auto;
	color: #2E2C2C;;
}

a.btn-c-06:before {
	box-sizing: inherit;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.4rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
}

a.btn-c-07 {
	width: 90%;
    font-size: 1.4rem;
    position: relative;
    padding: 1.8rem 0;
    border-radius: 100vh;
	margin: 0 auto;
	color: #2E2C2C;;
}

a.btn-c-07:before {
	box-sizing: inherit;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.4rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
}


.springSchool-wrap .camWrap-1 a.btn-c-05{
    padding: 2rem 6rem;
}
.springSchool-wrap .camWrap-2 a.btn-c-05{
    padding: 2rem 14rem;
}

a.btn-c-05 {
    font-size: 1.2rem;
    position: relative;
    border-radius: 100vh;
}

a.btn-c-05:before {
	box-sizing: inherit;
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
}

/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.springSchool-wrap .camWrap-1 a.btn-c-05{
    padding: 1.3rem 6rem;
}
.springSchool-wrap .camWrap-2 a.btn-c-05{
    padding: 1.3rem 6rem;
}
}





/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/
footer{
	background: #144284;/*103675*/
	margin: 0;
	color: #ECF7FD;
	text-align: center;
	padding: 50px 0 170px;
}
footer .footer-nav{
	margin-bottom: 50px;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	footer{
		font-size: .8rem;
		padding: 50px 0 150px;
	}
}


/*---------------------------------------------------------------------------------------
	section
----------------------------------------------------------------------------------------*/
a.btn-c-06 {
    font-size: 1.6vw;
    position: relative;
    padding: 1vw 5vw 1vw 4vw;
    border-radius: 100vh;
	width: 50%;
}
aside { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:none;display:block;}


.anav1{ position: fixed; left: 0; bottom: 0; width: 100%; height: 120px; padding-top: 18px; background: #E65656; z-index: 999;}
.anav1 p{width: 90%; text-align: center; color: #fff; font-weight: bold; margin:0 auto 10px; /*border-bottom: 1px dotted #fff;*/  padding-bottom: 10px; font-size: 1.4rem}
.anav1 div{ display: flex; justify-content: center; flex-direction: row-reverse;}
.anav1 a{ display: inline-block; align-items: center; color: #000; font-size: 1.3rem; font-weight: bold; white-space: nowrap; line-height: 1.15;text-decoration: none; text-align: center;}
.anav1 a img{ vertical-align: middle; margin-right: .3em; width: 44px;}
.anav1 a span{ display: inline-block; text-align: center; font-size: 0.7rem;}
.anav1 a:not(:first-child){ margin-right: 1.5em;}


.anav1 span {position: relative; width: 15%; display: block;}
.anav1 span img{position: absolute; bottom: -190px; width: 60%; left: 30px; }
/*-------------------------- responsive --------------------------*/
@media screen and (max-width: 768px) {
	.anav1 span {position: relative; width: 38%; display: block;}
	.anav1 span img{position: absolute; top: -45px; width: 60%; left: 10px; }
	 a.btn-c-06 {
		 font-size: 1.2rem;
		 padding: 0.8rem 0.1rem;
		 width: 80%;
    }
	a.btn-c-06:before {
		top: calc(50% - 0.6rem);
	}
	.anav1{ height: 100px; padding-top: 15px}
	.anav1 p{font-size: 1.2rem; padding-bottom: 5px;}

/* aside */
/*.anav1{ position: fixed; left: 0; bottom: 0; width: 100%; height: 120px; padding-top: 18px; background: #E65656; z-index: 999;}
.anav1 p{; font-size: 1.0rem; width: 90%; text-align: center; color: #fff; font-weight: bold; margin:0 auto 10px;   padding-bottom: 10px;}
.anav1 div{ display: flex; justify-content: center; flex-direction: row-reverse;}
.anav1 a{ display: inline-block; align-items: center; color: #000; font-size: 1.8rem; font-weight: bold; white-space: nowrap; line-height: 1.15;text-decoration: none; text-align: center; letter-spacing: .3rem;}
.anav1 a img{ vertical-align: middle; margin-right: .3em; width: 44px;}
.anav1 a span{ display: inline-block; text-align: center; font-size: 0.7rem;}
.anav1 a:not(:first-child){ margin-right: 1.5em;}*/
}







/*------------------------------ responsive ------------------------------*/
/*@media screen and (max-width: 768px) {
  .br_pc{
    display: inline;
  }
}*/
/*---------------------------------------------------------------------------------------
	Q&A
----------------------------------------------------------------------------------------*/

/*------------------------------ responsive ------------------------------*/
/*@media screen and (max-width: 768px) {
  .qaCnt .qaCnt_inner {
    width: 90%;
    margin: 0 auto 0 auto;
    line-height: 1.6;
  }
}
*/
/*@media screen and (max-width: 640px) {
	
  .pc{ display:none!important;}
	
  .tb01 .head{
    display:none;
  }
  .tb01, .camptable th, .scratchtable th, .kidstable th
	{
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td, .tb01 td:last-child {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}*/
/*---------------------------------------------------------------------------------------
	テーブル
----------------------------------------------------------------------------------------*/
/*.summerCamIn-wrap .camWrap-2 dd table:first-child{
	margin-bottom: 30px;
}

table{
  border-collapse: collapse;
  width: 100%;
	background: #fff;
	
}

table caption{
	font-size: 1.5rem;
	margin-bottom: 10px;
}
table tr {
  border-bottom: 1px solid #b5b1b1;
}

table th,
table td {
  padding: 24px 0;
  border: none;
	vertical-align: middle;
}

.camptable th{
	width: 30%;
}

.scratchtable th, .kidstable th{
	width: 45%;
}


.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}

.tb01 td:last-child{
	width: 25%;
}
.tb01 th {
  background: #ff7bac;
  color: #fff;
  
}

.tb01 td span{
	background: #E70C0C;
	padding: .1rem .5rem;
	border-radius: 5px;
	color: #fff;
	font-family: "Zen Kaku Gothic Antique", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif;
}*/