@charset "UTF-8";
.pc_img{
	display:block;
}
.tab_img{
	display:none;
}
.sp_img{
	display:none;
}
.sp{
	display:none;
}
.wrap{
	width: 95%;
	max-width: 1160px;
	display: block;
	margin: 0 auto;
}
a{
	transition: all .3s;
}
a:hover{
	transition: all .3s;
	/* transition: color .2s; */
	opacity: .5;
}
a:hover img{
	opacity: 1;
}
.wrap-inner,.inner{
	width: 90%;
	max-width: 1100px;
	display: block;
	margin: 0 auto;
	padding: 0;
}
.flexbox-bt{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#event-btn{
	position: fixed;
	bottom:10px;
	left:10px;
	width: 270px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	text-align: center;
	font-size: 111%;
	padding: 10px;
	box-sizing: border-box;
	z-index: 40;
}
#countdown{
	position: fixed;
	bottom:10px;
	left:10px;
	width: 200px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	text-align: center;
	font-size: 116%;
	padding: 10px;
	box-sizing: border-box;
	z-index: 40;
	border:2px solid #CCC;
}
#event-btn a{
	display: block;
	border-radius: 3px;
	width: 240px;
	padding: 10px 0;
	box-sizing: border-box;
	color: #FFF;
	background: #3B9601;
	margin: 5px auto 0;
	font-weight: bold;
}
#event-btn a:hover{
	background: #4BA901;
}

#appli-end{
	text-align: center;
	padding: 50px 0 0;
}
#preschool #appli-end{
	text-align: center;
	padding: 50px 0 60px;
}
#hakai #appli-end h3,
#generation #appli-end h3,
#preschool #appli-end h3{
	font-size: 308%;
	padding: 0 0 20px;
}
#appli-end h4{
	font-size: 231%;
	padding: 0 0 0px;
}
#appli-end p{
	font-size: 185%;
}

#inno-vation{
	width: 940px;
	margin: 70px auto 0;
}
#inno-vation img{
	width: 100%;
}
#inno-vation a p{
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 0 0;
	color: #F60;
	text-decoration: underline;
}
#infobox {
    margin: 7rem 0 0;
    align-items: center;
    background: rgba(252, 86, 86, .35);
    width: 100%;
    max-width: 100%;
    padding: 2rem 0;
}
#end-box {
	margin: 50px 0;
	border: 1px solid #333;
	padding: 20px;
	background: rgba(0, 0, 0, 0.07);
}

/*===========================================
										TOP *tab
===========================================*/
main .flexbox-bt{
	padding: 13rem 0 13rem;
}
main .main_title h2{
	width: 100%;
	font-size: 6.5rem;
}
main .main_title h2::after{
	height: 14%;
}
main .main_title h2 span{
	font-size: 2.4rem;
}
main .top_slide p{
	font-size: 1.8rem;
}
main .top_slide h3{
	font-size: 2.6rem;
}
main .top_slide strong{
	font-size: 2.2rem;
}



#preschool {
	padding: 120px 0 50px;
}
#preschool .title h1{
	margin: 0 auto 30px;
	border-bottom: 5px solid #9175FF;
	padding: 0 0 0;
	position: relative;
	font-size: 400%;
}
#preschool .title h1 span{
	font-size: 40%;
	font-weight: normal;
}
#preschool .title h2{
	font-size: 308%;
}
#preschool .title p {
	font-size: 154%;
}
#preschool .title p.ex {
	font-size: 124%;
}
#preschool .title p.ex {
	font-size: 154%;
	padding: 20px 0 0;
}
#preschool .title p.ex span{
	font-weight: bold;
}
#preschool .title p span.underline {
	background: linear-gradient(transparent 70%, #FFFF67 0%);
	font-size: 100%;
}

#preschool .title .support2{
	box-sizing: border-box;
	border:1px solid #7C41DB;
	background: rgba(255, 255, 255, 0.8);
	padding: 10px 20px 20px;
	margin: 20px 0 10px;
}
#preschool .title .support2 h3 {
	font-size: 178%;
	color: #7C41DB;
	padding: 0 0 0 40px;
	background: url(../../image/top/check.png) no-repeat left center;
	background-size: 30px;
	margin: 10px 0 0;
	font-weight: normal;
}
#preschool .title .support h3 {
	font-size: 308%;
	color: #4123EB;
}
#preschool .title .support p {
	font-size: 124%;
}
#preschool .box{
	padding: 0 20px 20px;
	border: 1px solid #CCC;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	margin: 20px 0 10px;
}

#preschool .box h3 {
	font-size: 185%;
	padding: 20px 0 0;
}
#preschool .box h3.schedule {
	padding: 20px 0 10px;
}
#preschool .box p {
	font-size: 124%;
}
#preschool .box .cont {
	border: 1px solid #CCC;
	border-bottom: none;
	font-size: 124%;
}
#preschool .box .cont:last-child {
	border-bottom: 1px solid #CCC;
}
#preschool .box .left {
	background: rgba(145, 117, 255, 0.2);
	width: 30%;
	box-sizing: border-box;
	padding: 10px;
	border-right:1px solid #CCC;
}
#preschool .box .right {
	background: rgba(255, 255, 255, 0.2);
	width: 70%;
	box-sizing: border-box;
	padding: 10px;
}

#preschool .title .btn{
	padding: 20px 0 30px;
	text-align: center;
}
#preschool .title .btn a {
	display: inline-block;
	margin: 0 10px;
	border-radius: 50px;
	padding: 20px;
	font-size: 154%;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: #6842FF;
	border: 4px solid #FFF;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	width: 450px;
	box-sizing: border-box;
	line-height: 140%;
}
#preschool .title .btn a:hover{
	background: #9175FF;
}
#preschool .title .btn a.tolist{
	background: #FFF;
	border: 4px solid #6842FF;
	color: #6842FF;
}
#preschool .title .btn a.tolist:hover{
	background: #CCDDFF;
}
#preschool .title .oversea{
	padding: 0 0 30px;
	text-align: center;
	font-size:124%;
	margin: -20px 0 0;
}
#preschool .title .oversea a{
	color: #F60;
	text-decoration: underline;
}
#preschool .title .oversea a:hover{
	color: #F90;
}
#preschool .title .span {
	padding: 30px 0 30px;
	text-align: center;
}
#preschool .title .span h3{
	font-size: 231%;
}
#preschool .title .span h4{
	font-size: 308%;
}
#preschool .title .span h4 span{
	font-size: 124%;
}
#preschool .title .btn-dl{
	width: 320px;
	margin: 40px auto 30px;
}
#preschool .title .btn-dl a{
	width: 100%;
	border: 3px solid #FFF;
	background: #000;
	border-radius: 50px;
	display: block;
	text-align: center;
	font-size: 132%;
	padding: 10px;
	box-sizing: border-box;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	font-weight: bold;
	line-height: 100%;
}
#preschool .title .btn-dl a:hover{
	background: #666;
}
#preschool .guide{
	background: rgba(255, 255, 255, 0.8);
	padding: 15px 15px 40px;
	box-sizing: border-box;
	border: 1px solid #CCC;
}
#preschool .ttl{
	font-size: 308%;
	border-bottom: 5px solid #000;
	font-weight: bold;
	margin: 0 0 20px;
}
#preschool .guide #req_html h1{
	padding: 15px 0 20px;
	font-size: 231%;
}
#preschool .guide #req_html .block{
	padding: 0 0 20px;
}
#preschool .guide #req_html .block h2{
	font-size: 185%;
	padding: 0 0 10px;
}
#preschool .guide #req_html .block h3{
	font-size: 154%;
	padding: 0 0 10px;
}
#preschool .guide #req_html .block p{
	font-size: 124%;
	line-height: 1.6;
	padding: 0 0 10px;
}
#preschool .guide #req_html .block p.ex{
	font-size: 100%;
}
#preschool .guide #req_html .block p.sv{
	padding: 0 0 20px 15px;
}
#preschool .guide #req_html .block p.pa{
	padding: 0 0 0 15px;
}
#preschool .guide #req_html .block ul{
	padding: 0 0 10px;
}
#preschool .guide #req_html .block li{
	font-size: 124%;
	line-height: 1.6;
	padding: 0 0 0 10px;
}
#preschool .guide #req_html .block li.second{
	padding: 0 0 0 20px;
}
#preschool .guide #req_html .block .schdule-box{
	background: rgba(255, 255, 255, 0.2);
	padding: 10px;
	border: 1px solid #CCC;
	margin: 0 0 20px;
}
#preschool .guide #req_html .block .schdule-box .schdule{
	border-bottom: 1px dotted #CCC;
	padding: 10px 10px 0;
}
#preschool .guide #req_html .block .schdule-box .schdule:last-child{
	border: none;
}
#preschool .guide #req_html .block .schdule-box .schdule h3{
	padding: 0 0 5px;
}
#preschool .yoko{
	padding: 20px 0 0;
}
#preschool .yoko .dl-btn,
#preschool .guide .dl-btn{
	width: 320px;
	margin: 20px auto 0;
}
#preschool .yoko .dl-btn a,
#preschool .guide .dl-btn a{
	width: 100%;
	border: 3px solid #FFF;
	background: #000;
	border-radius: 50px;
	display: block;
	text-align: center;
	font-size: 154%;
	padding: 10px;
	box-sizing: border-box;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	font-weight: bold;
}
#preschool .yoko .dl-btn a:hover,
#preschool .guide .dl-btn a:hover{
	background: #666;
}
#preschool p.ex a{
	text-decoration:underline;
	color:#F60;
	font-size: 116%;
}
#preschool p.ex a.mailinfo{
	text-decoration:underline;
	color:#F60;
	font-size: 100%;
}
#preschool p a.color{
	text-decoration:underline;
	color:#F60;
}

/*============================
各スクール
============================*/
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}
#ps-detail{
	padding: 50px 0 50px;
}
#ps-detail .title h1 {
    margin: 0 auto 30px;
    border-bottom: 5px solid #9175FF;
    padding: 0 0 0;
    position: relative;
    font-weight: normal;
}
#s-box{
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #CCC;
	padding: 19px;
	margin: 20px 0 0;
}
#s-box .news{
	padding: 0 0 5px;
	border-bottom: 1px solid #999;
}
#s-box .news h2{
	font-size: 185%;
	color: #9173FF;
	margin: 0 0 0;
}
#s-box .news p{
	font-size: 154%;
	font-weight: bold;
	padding: 5px 0;
}

#s-box .summary{
	padding: 50px 0 20px;
}
#s-box .summary img{
	width: 500px;
	float: left;
	margin: 0 10px 10px 0;
}
#s-box .summary h3{
	color: #9173FF;
	padding: 0 0 10px;
	width: 100%;
}
#s-box .btn{
	padding: 0 0 40px;
	text-align: center;
}
#s-box .btn2{
	padding: 20px 0 10px;
	text-align: center;
}
#s-box .btn a {
	display: block;
	margin: 0 auto;
	border-radius: 50px;
	padding: 15px 0 ;
	font-size: 147%;
	text-align: center;
	color:#FFF;
	font-weight: bold;
	background:rgba(145, 117, 255, 1.0);
	transition: all .2s ease;
	width: 320px;
	box-sizing: border-box;
	line-height: 140%;
}
#s-box .btn a:hover{
	background: rgba(145, 117, 255, 0.8);
}

#s-box .declaration{
	padding: 20px;
	background: #FCE7D8;
}
#s-box .declaration img{
	width: 320px;
	float: left;
	margin: 0 10px 10px 0;
}
#s-box .declaration h3{
	padding: 0 0 10px;
	width: 100%;
}
#s-box .declaration p{
	padding: 0 0 0;
}
#s-box .declaration p.daihyo{
	text-align: right;
	padding: 5px 0 0;
}
#s-box p a{
	color: #F60;
}
#s-box p a:hover{
	color: #F90;
}

#s-box .access{
	padding: 20px 0 0;
}
#s-box .access h3{
	color: #9173FF;
	padding: 0 0 10px;
}
#s-box .access .map {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 10px 0 0;
	background: none;
}
#s-box .access .map iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#s-box .access p{
	padding: 5px 0 0;
}
.pdf{
	height: 800px;
}

@media screen and (max-width:768px){
	#s-box .summary img{
		width: 100%;
		float: none;
		padding: 0 0 5px;
		margin: 0;
		max-width: 720px;
	}
}
@media screen and (max-width:425px){
	#preschool{
		padding: 40px 0 20px;
	}
	#preschool .title h1{
		font-size: 154%;
		margin: 0 auto 10px;
		line-height: 90%;
		padding:5px 0 ;
	}
	#preschool .title h1 span{
		font-size: 60%;
	}
	#preschool .title h2{
		font-size: 132%;
	}
	#preschool .title p{
		font-size: 116%;
	}
	#preschool .title .support h3{
		font-size: 132%;
		padding: 10px 0;
	}
	#preschool .title .support p{
		font-size: 116%;
	}
	#preschool .title .btn{
		padding: 10px 0;
		margin: 0 auto;
		width: 300px;
		display: block;
	}
	#preschool .title .btn a{
		font-size: 116%;
		width: 300px;
		border:2px solid #FFF;
		padding: 10px 0;
		margin: 0 ;
	}
	#preschool .title .span h3{
		font-size: 132%;
		padding: 0 0 5px;
	}
	#preschool .title .span h4{
		font-size: 154%;
		line-height: 140%;
		padding: 0 0 10px;
		text-align: left;
	}
	#preschool .box{
		padding: 0 10px 10px;
		margin: 10px 0 10px;
	}
	#preschool .box h3{
		padding: 10px 0 5px;
		font-size: 124%;
	}
	#preschool .box p{
		padding: 0 0 0;
		font-size: 108%;
	}
	#preschool .box .left{
		width: 100%;
		padding: 5px 10px;
		border: none;
	}
	#preschool .box .right{
		width: 100%;
		padding: 5px 10px;
	}
	#preschool .title .btn-dl{
		margin: 10px 0;
		width: 100%;
	}
	#preschool .title .btn-dl a{
		font-size: 116%;
	}
	/*
	#preschool .title .span{
		padding: 0 0 0;
	}
	*/
	#preschool .box h3.schedule{
		padding: 10px 0 5px;
	}
	#preschool .guide{
		padding: 10px;
		margin: 30px 0 0;
	}
	#preschool .ttl{
		font-size: 154%;
	}
	#preschool .guide #req_html h1{
		font-size: 132%;
		padding: 10px 0 10px;
	}
	#preschool .guide #req_html .block{
		padding: 0 0 10px;
	}
	#preschool .guide #req_html .block h2{
		font-size: 124%;
		padding: 0 0 5px;
	}
	#preschool .guide #req_html .block h3{
		font-size: 116%;
	}
	#preschool .guide #req_html .block p{
		font-size: 108%;
		padding: 0 0 5px;
	}
	#preschool .guide #req_html .block ul{
		padding: 0 0 10px;
	}
	#preschool .guide #req_html .block li{
		font-size: 108%;
		line-height: 1.6;
	}
	#preschool .guide #req_html .block li.second{
		padding: 0 0 0 20px;
	}
	#preschool .guide #req_html .block .schdule-box{
		padding: 5px;
		margin: 0 0 10px;
	}
	#preschool .guide #req_html .block .schdule-box .schdule{
		padding: 5px 5px 0;
	}
	#preschool .guide #req_html .block p.sv,
	#preschool .guide #req_html .block p.pa{
		padding: 0 0 10px 10px;
	}
	#preschool .yoko{
		padding: 10px 0 0;
	}
	#preschool .guide .dl-btn,
	#preschool .yoko .dl-btn{
		width: 100%;
	}
	#preschool .guide .dl-btn a,
	#preschool .yoko .dl-btn a{
		font-size: 124%;
		width: 300px;
		margin: 0 auto;
	}
	#s-news{
		padding: 9px;
		margin: 0 0 0;
	}
	#s-news h2{
		font-size: 116%;
		border-bottom:3px solid #333;
		margin: 0 0 0;
	}
	#s-news p{
		font-size: 100%;
		padding: 5px 0;
	}


	/*============================
	各スクール
	============================*/
	#ps-detail{
		padding: 40px 0 20px;
	}
	#ps-detail .title h1{
		font-size: 22px;
		margin: 0 auto 10px;
	}
	#s-box{
		padding: 9px;
		margin: 10px 0 0;
	}
	#s-box .news{
		padding: 0 0 5px;
	}
	#s-box .news h2{
		font-size: 124%;
		margin: 0 0 0;
	}
	#s-box .news p{
		font-size: 100%;
		padding: 5px 0 0;
	}

	#s-box .summary{
		padding: 10px 0 ;
	}
	#s-box .summary img{
		width: 100%;
		float: none;
		padding: 0 0 5px;
		margin: 0;
	}
	#s-box .summary h3{
		font-size: 16px;
		padding: 0 0 5px;
	}
	#s-box .summary p{
		font-size: 14px;
	}
	#s-box .btn{
		padding: 0 0 20px;
		text-align: center;
		width: 260px;
		margin: 0 auto;
		display: block;
	}
	#s-box .btn a {
		padding: 10px 0 ;
		font-size: 116%;
		width: 260px;
		margin: 0 auto;
	}
	#s-box .btn2{
		padding: 10px 0 ;
	}

	#s-box .declaration{
		padding: 10px;
	}
	#s-box .declaration img{
		width: 100%;
		float: none;
		padding: 0 0 5px;
		margin: 0;
		max-width: 400px;
	}
	#s-box .declaration h3{
		font-size: 16px;
		padding: 0 0 5px;
	}
	#s-box .declaration p{
		font-size: 14px;
		padding: 0 0 0;
	}

	#s-box .access{
		padding: 10px 0 0;
	}
	#s-box .access h3{
		padding: 0 0 5px;
		font-size: 16px;
	}
	#s-box .access p{
		padding: 5px 0 0;
		font-size: 14px;
	}
	#preschool .title .support2{
		padding: 0 10px 10px;
		margin: 10px 0 0;
	}
	#preschool .title .support2 h3{
		font-size: 124%;
		padding: 0 0 0 30px;
		background-size: 20px;
	}
	.pdf{
		height: 400px;
	}
	#result .message .m-box{
		width: 100%;
		padding: 0 0 10px 0;
		float: none;
	}
	#result .message .m-box:nth-child(2n){
		padding: 0 0 10px 0;
	}
	#result .message .m-box .image{
		float: none;
		margin: 0 auto 10px ;
		width: 100px;
	}
	#result .message .m-box .text{
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
		border-bottom: 1px dotted #CCC;
		padding: 0 0 10px;
	}
	#result .message .m-box h3{
		font-size: 116%;
		padding: 0 0 5px;
	}
	#result .message .m-box p{
		font-size: 100%;
	}
	#result .message:first-child {
		padding-top: 20px;
	}
}