@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;}

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;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
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;
}
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:after, ul:after, ol:after, dl:after { clear: both;}
div, ul, ol, dl { zoom: 1;}

.clear { clear: both;}
.clear-l { clear: left;}
.clear-r { clear: right;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
/*---------------reset end---------------*/


@font-face {
	src: url("../font/ZenKakuGothicAntique-Regular.woff") format("woff");
	font-family: "Zen Kaku Gothic Antique";
	font-style: normal;
	font-display: swap;
}
:root {
  --main-color: #f4a3ab;   /* 枠などの色 #0079c4*/
  --table-color: #ef8ba0; 
  --sub-color: #000000;    /* 黒 */
  --bg-color: #ffffff;     /* 背景の下地色 */
  --accent-color: #4a90c4; /* アクセントの青 */
}


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;
}

.body-bg{
	background-size: 15px 15px;
	background-image: repeating-linear-gradient(-45deg, #CBDFEC 0, #fef2b0 2px, #fff 0, #fff 50%);
}
.allWrapper{
	width: 100%;
	overflow: hidden;
}

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;}
}

/*----------------------------------------------------------------*/
/*  header
/*----------------------------------------------------------------*/
header{
	position: relative;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/roblox_main_bace_sp.webp);
	background-size: cover;
	background-position: center top;
	aspect-ratio: 414 / 440;
	clip-path: polygon(0 0, 100% 0, 100% 88%, 50% 100%, 0 88%);
}
header h1{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
header h1 img{
	width: 90%;
	height: auto;
}
header strong{
	display: block;
	font-size: 8.0vw;
	line-height: 1.2;
	color: #fff;
	margin: 20px 0 0;
}
header span{
	display: inline-block;
	background: #fff;
	font-size: 1.4rem;
	border-radius: 10px;
	padding: 5px 20px 8px;
	letter-spacing: .1em;
	font-weight: 600;
	color: var(--main-color);
	margin: 15px 0 0;
}

/*-------------------------- pc --------------------------*/
@media screen and (min-width: 769px){
	header{
		background-image: url(../images/roblox_main_bace_pc.webp);
		aspect-ratio: 1920 / 1200; /* pc画像の実寸比率に合わせて調整 */
		clip-path: polygon(0 0, 100% 0, 100% 88%, 50% 100%, 0 88%);
	}
	/* header h1 img{
		width: 90%;
	} */
	header strong{
		font-size: 3.0rem;
		margin: 30px 0 0;
	}
	header span{
		font-size: 1.6rem;
	}
	header div.nakano{ margin: 30px 0 0; }
	header div.ario{ margin: 20px 0 0; }
	header div p{
		position: absolute;
		font-size: 2.2rem;
		line-height: 1.1;
		z-index: 5;
	}
	header div.nakano p{ left: calc(50% - 22rem); }
	header div.ario p{ left: calc(50% - 20rem); }
}


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


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

.roblox-wrap{
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.roblox-wrap .wrap{
	padding: 40px 0 90px;
}
.roblox-wrap .wrap:after{
	content: "";
	display: table;
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding-top: 17px;
	background: url("../images/rob_waveBace1.svg") bottom left repeat-x;
	background-size: 120px;
	color: #fff;
	z-index: 3;
}

/* --- カード共通（innerCont0〜3） --- */
.roblox-wrap .wrap .inner .innerCont0,
.roblox-wrap .wrap .inner .innerCont1,
.roblox-wrap .wrap .inner .innerCont2,
.roblox-wrap .wrap .inner .innerCont3,
.roblox-wrap .wrap .inner .innerCont5{
	width: 86%;
	margin: 0 auto 60px;
	border: 8px solid var(--main-color);
	border-radius: 15px;
	background: #fff;
	position: relative;
}
.roblox-wrap .wrap .inner .innerCont0,
.roblox-wrap .wrap .inner .innerCont1{
	text-align: center;
}
.roblox-wrap .wrap .inner .innerCont0:before,
.roblox-wrap .wrap .inner .innerCont1:before,
.roblox-wrap .wrap .inner .innerCont5:before{
	content: '';
	position: absolute;
	bottom: -70px;
	left: calc(50% - 8px);
	height: 70px;
	border-left: 16px solid var(--main-color);
}
.roblox-wrap .wrap .inner .innerCont4{
	width: 100%;
	margin: 50px auto 0;
	text-align: center;
}

/* --- innerCont0 --- */
.roblox-wrap .wrap .inner .innerCont0{
	display: block;
}
.roblox-wrap .wrap .inner .innerCont0 figure{
	width: 100%;
	margin-bottom: -1px;
}
.roblox-wrap .wrap .inner .innerCont0 figure img{
	width: 100%;
	border-radius: 8px 8px 0 0;
}
.roblox-wrap .wrap .inner .innerCont0 p{
	width: 80%;
	margin: 0 auto;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.3;
	padding: 25px 0;
}

/* --- innerCont1 --- */
.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.robimg2 img{
	width: 110px;
	right: 15px;
	top: -60px;
}
.roblox-wrap .wrap .inner .innerCont1 div.robimg3 img{
	width: 120px;
	left: -20px;
	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: 70%;
	display: inline-block;
	margin: 0 auto;
}
.roblox-wrap .wrap .inner .innerCont1 h2 strong{
	display: inline-block;
	font-size: 8.0vw;
	font-weight: 900;
	margin: 5px 0 0;
}
.roblox-wrap .wrap .inner .innerCont1 p{
	width: 90%;
	margin: 0 auto;
	position: relative;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: left;
	line-height: 1.6;
}
.roblox-wrap .wrap .inner .innerCont1 p img{
	position: absolute;
	width: 40%;
	right: -40px;
	top: 150px;
	transform: rotate(12deg);
}
.roblox-wrap .wrap .inner .innerCont1 dl{
	width: 90%;
	margin: 40px auto 20px;
	font-weight: 600;
	vertical-align: center;
}
.roblox-wrap .wrap .inner .innerCont1 dl dd a{
	color: #004DCF;
}
.roblox-wrap .wrap .inner .innerCont1 dt{
	/* padding: 10px 0; */
	border: 3px solid var(--table-color);
	background:  var(--table-color);
	color: #ffeb00;
	letter-spacing: .4em;
	line-height: 1.3;
	font-size: 1.0rem;
}
.roblox-wrap .wrap .inner .innerCont1 dt .schedule{
	display: inline-block;
	margin-top: 5px;
	background: #fff;
	letter-spacing: normal;
	color: #232323;
	padding: 3px 15px;
	border-radius: 15px;
	font-size: 0.8rem;
}
.roblox-wrap .wrap .inner .innerCont1 dd{
	padding: 0.8rem;
	border: 3px solid var(--table-color);
	background: #fff;
	letter-spacing: .1em;
	line-height: 1.2;
	font-size: 1.2rem;
}

.roblox-wrap .wrap .inner .innerCont1 dd .attention{
	font-size: 1.2rem;
	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;
}
.schoolNav{
	list-style: none;
	margin: 0;
	padding: 0;
}
.schoolNav li{
	border-bottom: 1px solid #cceaf0;
}
.schoolNav li:last-child{
	border-bottom: none;
}
.schoolNav li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 13px;
	color: #292f32 !important;
	font-weight: 600;
	text-decoration: none;
	position: relative;
	transition: background-color .2s ease;
	font-size: 1.0rem;
}
.schoolNav li a:hover{
	background: #f0faff;
}
.schoolNav li a::after{
	content: "";
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	margin-left: 10px;
	border-right: 2px solid var(--main-color);
	border-bottom: 2px solid var(--main-color);
	transform: rotate(45deg);
	/* ▼を右端に配置するための下向き矢印（border二辺を45度回転） */
}
/* --- innerCont2 / 3 共通テキスト --- */
.roblox-wrap .wrap .inner .innerCont2 p,
.roblox-wrap .wrap .inner .innerCont3 p{
	width: 90%;
	position: relative;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: left;
	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;
}
.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 img{
	width: 50%;
	display: block;
	margin: 30px auto 10px;
	text-align: center;
}
.roblox-wrap .wrap .inner .innerCont3 div{
	position: relative;
	width: 100%;
}
.roblox-wrap .wrap .inner .innerCont3 div img{
	position: absolute;
	width: 30%;
	right: 0;
	top: -90px;
}


/*-------------------------- pc --------------------------*/
@media screen and (min-width: 769px){
	.roblox-wrap .wrap{
		padding: 50px 0 130px;
	}

	.roblox-wrap .wrap .inner .innerCont0,
	.roblox-wrap .wrap .inner .innerCont1,
	.roblox-wrap .wrap .inner .innerCont2,
	.roblox-wrap .wrap .inner .innerCont3,
	.roblox-wrap .wrap .inner .innerCont5{
		width: 70%;
		border: 8px solid var(--main-color);
	}
	.roblox-wrap .wrap .inner .innerCont4{
		width: 70%;
	}

	.roblox-wrap .wrap .inner .innerCont0{
		display: flex;
			
		flex-direction: row;
		align-items: center;       /* ← テキスト側はこれで天地中央 */
		justify-content: space-between;
	}
	.roblox-wrap .wrap .inner .innerCont0 figure{
		width: 40%;
		align-self: stretch;       /* ← 画像側は高さいっぱいに伸ばす＝隙間ゼロ */
	}
	.roblox-wrap .wrap .inner .innerCont0 figure img{
		border-radius: 8px 0 0 8px;
		/* width:100%; height:100%; object-fit:cover; はbaseで指定済みなので継承 */
	}
	.roblox-wrap .wrap .inner .innerCont0 p{
		width: 54%;
		margin: 0;
		padding: 0;
		font-size: 1.2rem;
	}


	.roblox-wrap .wrap .inner .innerCont1{
		padding-bottom: 50px;
	}
	.roblox-wrap .wrap .inner .innerCont1 div:nth-child(1) img{
		width: 18%;
		left: 35px;
		top: 25px;
	}
	.roblox-wrap .wrap .inner .innerCont1 div:nth-child(2) img{
		width: 22%;
		right: 15px;
		top: -50px;
	}
	.roblox-wrap .wrap .inner .innerCont1 h2{
		margin-top: 50px;
		font-size: 2.5rem;
	}
	.roblox-wrap .wrap .inner .innerCont1 h2 img{
		width: 40%;
		margin: 0 3px -5px 0;
	}
	.roblox-wrap .wrap .inner .innerCont1 h2 strong{
		font-size: 3.0rem;
		margin: 10px 0 0;
	}
	.roblox-wrap .wrap .inner .innerCont1 p{
		width: 80%;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.roblox-wrap .wrap .inner .innerCont1 p img{
		width: 20%;
		right: 0;
		top: -30px;
	}
	.roblox-wrap .wrap .inner .innerCont1 dl{
		width: 80%;
		margin: 40px auto;
	}
	.roblox-wrap .wrap .inner .innerCont1 dt{
		font-size: 1.0rem;
	}


	.roblox-wrap .wrap .inner .innerCont1 dd{
		line-height: 1.3;
		font-size: 1.2rem;
	}

	.roblox-wrap .wrap .inner .innerCont2 p,
	.roblox-wrap .wrap .inner .innerCont3 p{
		width: 80%;
		font-size: 1.2rem;
		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 img{
		width: 30%;
		margin: 30px auto 10px;
	}
	.roblox-wrap .wrap .inner .innerCont3 div img{
		width: 18%;
		right: 0;
		bottom: 25px;
		top: auto;
	}
}


.roblox-wrap .wrap .inner .innerCont5{
	/* width: 80%; */
	margin: 0 auto 40px;
	padding: 0 0 20px;
	border: 8px solid var(--main-color);
	border-radius: 15px;
	background: #fff;
	scroll-margin-top: 80px; /* ヘッダー固定分のオフセット。値は実際の固定ヘッダー高さに合わせて調整 */
}
.roblox-wrap .wrap .inner .innerCont5 h3{
	font-size: 1.4rem;
	font-weight: 700;
	background: var(--main-color);
	color: #3d1f1f;
	text-align: center;
	margin: 0 0 15px;
	padding: 10px 0 15px;
}
.roblox-wrap .wrap .inner .innerCont5 ul{
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	width: 90%;
	margin: 0 auto;
}
.roblox-wrap .wrap .inner .innerCont5 li{
	/* display: flex;
	flex-wrap: wrap;
	gap: 4px 10px; */
	padding: 10px 0;
	border-bottom: 1px dashed #cceaf0;
	font-size: 1.2rem;
	line-height: 1.4;
}
.roblox-wrap .wrap .inner .innerCont5 li:last-child{
	border-bottom: none;
}
.roblox-wrap .wrap .inner .innerCont5 li .date{
	flex-shrink: 0;
	font-weight: 700;
	color: var(--accent-color);
}
.roblox-wrap .wrap .inner .innerCont5 button{
	display: block;
	width: 90%;
	margin: 10px auto 0;
	padding: 0;
	border: none;
	background: none;
}
.roblox-wrap .wrap .inner .innerCont5 button a{
	display: block;
	padding: 14px 0;
	border-radius: 50px;
	/* background: #E70C0C;
	color: #fff; */
	/* font-weight: 700;
	font-size: 1.2rem; */
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
}


/*-------------------------- pc --------------------------*/
@media screen and (min-width: 769px){
	.roblox-wrap .wrap .inner .innerCont5{
		width: 50%;
	}
	.roblox-wrap .wrap .inner .innerCont5 h3{
		font-size: 1.6rem;
	}
	.roblox-wrap .wrap .inner .innerCont5 li{
		font-size: 1.2rem;
		text-align: center;
	}
	.roblox-wrap .wrap .inner .innerCont5 button a{
		width: 320px;
		margin: 0 auto;
	}
}






.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;
} */
.aboutSchool-wrap:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	aspect-ratio: 1300 / 145; /* 画像の実寸比率 */
	background: url("../images/voice-bace.webp") bottom left / 100% 100% no-repeat;
}

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



.aboutSchool-wrap .wrap .inner{
	background: var(--main-color);
	padding: 50px 0 300px;
}

.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: #79cfd8;
}
.voice-wrap{ margin: 0 auto 0; position: relative;}
.voice-wrap:before{
    content: "";
    display: table;
    position: absolute;
    background: url("../images/rob_waveBace4.svg") bottom left repeat-x;
    background-size:120px;
    width:100%;
    padding-bottom: 17px;
    bottom: -17px;
    z-index: 999;
    color:#fff;
}



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

.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 100px;
		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;
}



}



/*----------------------------------------------------------------*/
/*  .fall2026-wrap  (mobile-first)
/*----------------------------------------------------------------*/

/* ベース = スマホ用スタイル */

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

.fall2026-wrap .wrap{padding: 50px 0 70px; text-align: center;}
.fall2026-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;
}

.fall2026-wrap .inner{
    width: 80%;
    margin: 0 auto;
}

.fall2026-wrap .wrap .inner p.titleTag {
	position: relative;
	padding: 1rem 1rem calc(1rem + 10px);
	background: #E65656;
	color: #fff;
    font-size: 1.4rem;
    line-height: 1.3;
	font-weight: 500;
}
.fall2026-wrap .wrap .inner p.titleTag span{
	letter-spacing: 0.1em;
}
.fall2026-wrap .wrap .inner p.titleTag:before {
	position: absolute;
	top: -8px;
	left: -8px;
	width: 98.5%;
	height: 95%;
	content: '';
	border: 3px solid #333;
}
.fall2026-wrap .wrap .inner h2{
	margin: 20px 0 0;
}
.fall2026-wrap .wrap .inner h2 img{
	width: 100%;
}
.fall2026-wrap .wrap .inner div.fall2026-wrap-titleA{
    font-size: 5.5vw;
	font-weight: 600;
	margin: 20px 0 0;
	position: relative;
	display: inline-block;
	line-height: 1.4;
}
.fall2026-wrap .wrap .inner div.fall2026-wrap-titleA:before {
    position: absolute;
    left: -20px;
    top: 5px;
    content: "";
    width: 3px;
    height: 65px;
    background: #333;
    border-radius: 3px;
    transform: rotate(-25deg);
}
.fall2026-wrap .wrap .inner div.fall2026-wrap-titleA:after {
    position: absolute;
    content: "";
    right: -10px;
    top: 5px;
    width: 3px;
    height: 65px;
    background: #333;
    border-radius: 3px;
    transform: rotate(25deg);
}
.fall2026-wrap .wrap .inner div.fall2026-wrap-titleB{
    font-size: 5.5vw;
	font-weight: 600;
	margin: 50px 0 0;
	position: relative;
	display: inline-block;
	line-height: 1.4;
}
.fall2026-wrap .wrap .inner div.fall2026-wrap-titleB:before {
    position: absolute;
    left: -40px;
    top: 5px;
    content: "";
    width: 3px;
    height: 100px;
    background: #333;
    border-radius: 3px;
    transform: rotate(-25deg);
}
.fall2026-wrap .wrap .inner div.fall2026-wrap-titleB:after {
    position: absolute;
    content: "";
    right: -40px;
    top: 5px;
    width: 3px;
    height: 100px;
    background: #333;
    border-radius: 3px;
    transform: rotate(25deg);
}
.fall2026-wrap .wrap .inner div span{	
	background: linear-gradient(transparent 70%, #ffff00 70%);
}
.fall2026-wrap .wrap .inner ul li dl dt{
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
}
.fall2026-wrap .wrap .inner ul li dl dt span{
    font-size: 1.1rem;
    color: #1A95D1;
}
.fall2026-wrap .wrap .inner ul li dl dd p{
    font-size: 1.0rem;
    font-weight: 600;
	color: #fff;
    padding: 10px 0;
}
.fall2026-wrap .wrap .inner ul li dl dd{ margin: 20px 0 0;}

.fall2026-wrap .wrap ul{
	margin: 20px 0 0;
    display: block;
}
.fall2026-wrap .wrap ul li{
    width: 100%;
    list-style: none;
}
.fall2026-wrap .wrap ul li dl dd img{width:100%;}

.fall2026-wrap .wrap ul li dl{
    text-align: center;
    background: #fff;
    padding: 20px;
	margin-bottom: 50px;
	position: relative;
}
.fall2026-wrap .wrap ul li dl:after {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 100%;
	height: 100%;
	content: '';
	z-index: -1;
	opacity: .8;
}

.fall2026-wrap .wrap ul li:nth-child(1) dl dt span{
    color: #E2732E
}
.fall2026-wrap .wrap ul li:nth-child(1) dl dd p{
    background: #E2732E;
}
.fall2026-wrap .wrap ul li:nth-child(1) dl:after{
	background: #E2732E;
}

.fall2026-wrap .wrap ul li:nth-child(2) dl dt span{
    color: #2AA239
}
.fall2026-wrap .wrap ul li:nth-child(2) dl dd p{
    background: #2AA239;
}
.fall2026-wrap .wrap ul li:nth-child(2) dl:after{
	background: #2AA239;
}

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

.fall2026-wrap .wrap div.bnr-img{
	width: 100%;
	margin: 20px auto 40px;
}
.fall2026-wrap .wrap div.bnr-img img{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.fall2026-wrap .wrap .inner div.bnr-img:before {
	content: none;
}
.fall2026-wrap .wrap .inner div.bnr-img:after {
	content: none;
}
/*-------------------------- PC/タブレット (769px〜) --------------------------*/
@media screen and (min-width: 769px) {

	.fall2026-wrap .wrap{padding: 80px 0 120px; text-align: center;}

	.fall2026-wrap .inner{
		width: 70%;
		margin: 0 auto;
	}

	.fall2026-wrap .wrap .inner p.titleTag {
		padding: 1rem 10rem calc(1rem + 10px);
		font-size: 1.6rem;
		line-height: normal;
	}
	.fall2026-wrap .wrap .inner p.titleTag:before {
		width: 99.5%;
		height: 90%;
		border: 4px solid #333;
	}

	.fall2026-wrap .wrap .inner h2 img{
		width: auto;
	}

	.fall2026-wrap .wrap .inner div.fall2026-wrap-titleA{
		font-size: 1.8rem;
		line-height: normal;
	}
	.fall2026-wrap .wrap .inner div.fall2026-wrap-titleA:before {
		left: -40px;
		top: 0;
		height: 35px;
	}
	.fall2026-wrap .wrap .inner div.fall2026-wrap-titleA:after {
		right: -20px;
		top: 0;
		height: 35px;
	}
	.fall2026-wrap .wrap .inner div.fall2026-wrap-titleB{
		font-size: 1.8rem;
		line-height: normal;
	}
	.fall2026-wrap .wrap .inner div.fall2026-wrap-titleB:before {
		left: -40px;
		top: 0;
		height: 35px;
	}
	.fall2026-wrap .wrap .inner div.fall2026-wrap-titleB:after {
		right: -20px;
		top: 0;
		height: 35px;
	}

	.fall2026-wrap .wrap ul{
		display: flex;
		justify-content: space-between;
	}
	.fall2026-wrap .wrap ul li{width:30%;}
	.fall2026-wrap .wrap div.bnr-img img{
		display: block;
		width: 80%;
		margin: 0 auto;
	}
}









/*----------------------------------------------------------------*/
/*  今だけ半額
/*----------------------------------------------------------------*/
.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--autumn {
  color: #000;
  background-color: #f0932b;
  border-bottom: 5px solid #c9701c;
}

a.btn--autumn:hover {
  margin-top: 3px;
  color: #000;
  background: #f5a542;
  border-bottom: 2px solid #c9701c;
}

/* 秋の緑（さらに明るめ） */
a.btn--autumn-green {
  color: #000;
  background-color: #90ee96;
  border-bottom: 5px solid #3a773e;
}

a.btn--autumn-green:hover {
  margin-top: 3px;
  color: #000;
  background: #7ace80;
  border-bottom: 2px solid #2c5a2f;
}

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.65rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
}

a.btn-c-07 {
	width: 90%;
    font-size: 1.2rem;
    position: relative;
    padding: 1.2rem 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.65rem);
    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.0rem;
    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.65rem);
    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: #103675;
	margin: 0;
	color: #ECF7FD;
	text-align: center;
	padding: 50px 0 170px;
}
footer .footer-nav{
	margin-bottom: 40px;
}
/*------------------------------ 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:10px 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; }
p.copy{font-size: 0.8rem; margin: 20px 0 0;}
p.fooer-txt{text-align: left; font-size: 0.7rem; width: 80%; margin: 0 auto; line-height: 1.5;}
/*-------------------------- 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; }
	.anav1 a{ font-size: 1.2rem;}

	a.btn-c-06 {
		 font-size: 1.2rem;
		 padding: 0.5rem 0.1rem;
		 width: 80%;
    }
	a.btn-c-06:before {
		top: calc(50% - 0.6rem);
	}
	.anav1{ height: 80px; padding-top: 10px}
	.anav1 p{font-size: 1.0rem; padding-bottom: 3px;}
	p.copy{font-size: 0.6rem;}
	p.fooer-txt{ width: 90%;}

/* 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;}*/
}