@charset "UTF-8";
/* CSS Document */

*{
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
	color: #000000;
	padding-top: 84px;
}
p,h1,h2,h3,h4,h5,h6{ line-height: 1.6em; }
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.center-block{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.text-center{
	text-align: center;
}
.flex{
	display:-webkit-box;
  	display:-ms-flexbox;
	  display:flex;
}
.f-jc-sb{
	-webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.f-jc-c{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.f-wrap{
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.base{
	max-width: 1074px;
	margin: 0 auto;
	padding: 0 15px;
}
.stl-box{
	font-size: 18px;
	color: #ffffff;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
	max-width: 268px;
	margin: 0 auto 50px;
	background: #000000;
	position: relative;
	padding: 12px 0;
}
.stl-box:before{
	content: "";
	background: url(../img/ico_osenbei02.png) no-repeat left top;
	background-size: 100%;
	width: 54px;
	height: 54px;
	position: absolute;
	left: -22px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.stl-box:after{
	content: "";
	background: url(../img/ico_osenbei02.png) no-repeat left top;
	background-size: 100%;
	width: 54px;
	height: 54px;
	position: absolute;
	right: -22px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.por{
	position: relative;
}
.osenbei{
	position: absolute;
	z-index: 9;
	overflow: hidden;
	transition: all 0.4s;
}

header{
	width: 100%;
	height: 84px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: #6ed9ff;
}
header a{
	color: #000000;
font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
}
header .nav-wrap .nav-toggle{
	width: 84px;
	height: 84px;
	background: none;
	position: absolute;
	top:0;
	right:10px;
	display:block;
	z-index:9999;
	cursor: pointer;
	}
	header .nav-wrap .nav-toggle span{
	display:block;
	background:#fff;
	height:2px;
	width:22px;
	margin-left: -11px;
	transition: all 0.3s;
	position:absolute;
	left: 50%;
	}
	header .nav-wrap .nav-toggle span:nth-child(1){
	top:39%;
	}
	header .nav-wrap .nav-toggle span:nth-child(2){
	top:50%;
	margin-top:-1px;
	}
	header .nav-wrap .nav-toggle span:nth-child(3){
	bottom:39%;
	}
	header .nav-wrap .nav-toggle.opened{
	top:0;
	right:10px;
	z-index:99999;
	}
	header .nav-wrap .nav-toggle.opened span:nth-child(1){
	top:50%;
	margin-top: -1px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	}
	header .nav-wrap .nav-toggle.opened span:nth-child(2){
	background:none;
	}
	header .nav-wrap .nav-toggle.opened span:nth-child(3){
	bottom:50%;
	margin-bottom: -1px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
header .nav-wrap .logo{
float: left;
width: 304px;
margin: 18px 0 0 25px;
}
header .nav-wrap .btn-link{
	float: right;
	margin: 26px 110px 0 0;
}
header .nav-wrap .btn-link a{
	font-size: 18px;
	display: inline-block;
	background: #fff23a;
	padding: 7px 0;
	text-align: center;
	margin-right: 10px;
}
header .nav-wrap .btn-link a:first-child{
	width: 256px;
}
header .nav-wrap .btn-link a:last-child{
	width: 230px;
	margin-right: 0;
}
header .nav-wrap .btn-sound{
	float: right;
	margin: 21px 30px 0 0;
}
header .nav-wrap .btn-sound img{
	display: inline-block;
	margin-right: 10px;
	width: 29px;
	cursor: pointer;
}
header .nav-wrap .btn-sound img:last-child{
	margin-right: 0;
}
header .nav-wrap #gnav{
position: fixed;
width:450px;
top: 84px;
right: -100%;
z-index: 9999;
background: #a7e8ff;
transition: all 0.7s;
}
header .nav-wrap #gnav.active{
z-index: 9999;
right: 0;
}
header .nav-wrap #gnav ul.navi li a{
display: block;
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
padding: 30px 75px 30px 40px;
border-bottom: 1px solid #fff;
position: relative;
}
header .nav-wrap #gnav ul.navi li a:hover:after{
	content: "";
	background: url(../img/ico_osenbei01.png) no-repeat left top;
	background-size: 100%;
	width: 29px;
	height: 29px;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}
header .nav-wrap #gnav ul.navi li:last-child a{
	border-bottom: none;
}


@media only screen and (min-width: 1150px) {
.sp_nav{
	display:none !important;
}
}

@media only screen and (max-width: 1149px) {
.pc_nav{
	display:none !important;
}

body{
	padding-top: 60px;
}

header{
	height: 60px;
}
header .nav-wrap .nav-toggle{
	width: 60px;
	height: 60px;
	right:0;
	}
	header .nav-wrap .nav-toggle span:nth-child(1){
	top:35%;
	}
	header .nav-wrap .nav-toggle span:nth-child(3){
	bottom:35%;
	}
	header .nav-wrap .nav-toggle.opened{
	right:0;
	}
header .nav-wrap .logo{
float: none;
width: 207px;
margin: 13px 0 0 12px;
}
header .nav-wrap .btn-sound{
	float: none;
	margin: 0;
	position: absolute;
	right: 60px;
	top: 13px;
}
header .nav-wrap .btn-sound img{
	margin-right: 7px;
	width: 23px;
}
header .nav-wrap .btn-sound img:last-child{
	margin-right: 0;
}
header .nav-wrap #gnav{
width:90%;
top: 60px;
right: -100%;
padding-bottom: 30px;
}
header .nav-wrap #gnav ul.navi li a{
padding: 20px 35px 20px 20px;
}
header .nav-wrap #gnav ul.navi li a:hover:after{
	width: 24px;
	height: 24px;
	right: 20px;
}
header .nav-wrap #gnav ul.navi li:last-child a{
	border-bottom: 1px solid #fff;
}
header .nav-wrap .btn-link{
	float: none;
	margin: 20px auto 0;
	max-width: 80%;
}
header .nav-wrap .btn-link a{
	margin: 0 0 10px;
	padding: 10px 0;
}
header .nav-wrap .btn-link a:first-child{
	width: 100%;
}
header .nav-wrap .btn-link a:last-child{
	width: 100%;
	margin-bottom: 0;
}

}

.sec-mv{
	position: relative;
}
.sec-mv .ico{
	display: block;
	width: 28%;
	position: absolute;
	right: 1%;
	bottom: 1%;
	-webkit-animation: jump .5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
	animation: jump .5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
}
@-webkit-keyframes jump {
0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
100% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
}
@keyframes jump {
0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
100% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
}

.bar-news{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	background: #ffffb8;
	padding: 15px 0;
}
.bar-news span{
	font-size: 18px;
	color: #ff4b6b;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
}

.sec-about{
	background: #9ce5ff;
	padding: 200px 0;
}
.sec-about .inner{
	position: relative;
	z-index: 2;
}
.sec-about .inner:before{
	content: "";
	background: url(../img/logo02.png) no-repeat left top;
	background-size: 100%;
	width: 603px;
	height: 640px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.sec-about .ttl{
	margin-bottom: 45px;
}
.sec-about .txt{
	font-size: 19px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 2.2em;
}
.sec-about .osenbei01{
	width: 231px;
	top: 100px;
	left: -25px;
}
.sec-about .osenbei02{
	width: 146px;
	top: 180px;
	right: 60px;
}
.sec-about .osenbei03{
	width: 97px;
	bottom: -50px;
	left: 60px;
}

.sec-pickupevent{
	background: #f2f2f2;
	padding: 200px 0 100px;
}
.sec-pickupevent .ttl{
	margin-bottom: 70px;
}
.sec-pickupevent .box-bnr{
	max-width: 990px;
	margin: 0 auto 80px;
}
.sec-pickupevent .box-bnr a{
	display: block;
	margin-bottom: 30px;
}
.sec-pickupevent .box-bnr a:last-child{
	margin-bottom: 0;
}
.sec-pickupevent .stl-school{
	font-size: 30px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 40px;
}
.sec-pickupevent .box-link{
	margin-bottom: 120px;
}
.sec-pickupevent .box-link a{
	display: block;
	max-width: 261px;
	margin: 0 60px;
}
.sec-pickupevent .box-link a img{
	margin-bottom: 20px;
}
.sec-pickupevent .box-link a p{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.sec-pickupevent .stl-sponsorship{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
.sec-pickupevent .stl-sponsorship small{
	font-size: 16px;
	font-weight: normal;
}
.sec-pickupevent .box-sponsorship{
	font-size: 0;
}
.sec-pickupevent .box-sponsorship a{
	width: 25%;
	display: inline-block;
	padding: 0 2px;
}
.sec-pickupevent .osenbei01{
	width: 137px;
	top: 180px;
	left: 50px;
}
.sec-pickupevent .osenbei02{
	width: 295px;
	top: 50px;
	right: 0;
}
.sec-pickupevent .osenbei02 img{
	transform: translateX(30px);
}
.sec-pickupevent .osenbei03{
	width: 216px;
	bottom: 190px;
	left: 0;
}
.sec-pickupevent .osenbei03 img{
	transform: translateX(-20px);
}
.sec-pickupevent .osenbei04{
	width: 105px;
	bottom: 170px;
	right: 50px;
}

.sec-day{
	background: #3185b6;
	padding: 40px 0;
}

.sec-schoolevent{
	background: #fff23a;
	padding: 200px 0 100px;
	overflow: hidden;
}
.sec-schoolevent .ttl{
	max-width: 627px;
	margin: 0 auto 50px;
	position: relative;
}
.sec-schoolevent .ttl:before{
	content: "";
	background: url(../img/ico_flag.png) no-repeat left top;
	background-size: 100%;
	width: 225px;
	height: 151px;
	position: absolute;
	left: -190px;
	top: -100px;
}
.sec-schoolevent .ttl:after{
	content: "";
	background: url(../img/ico_flag.png) no-repeat left top;
	background-size: 100%;
	width: 225px;
	height: 151px;
	position: absolute;
	right: -190px;
	top: -100px;
	transform: scale(-1,1);
}
.sec-schoolevent .bg{
	background: #ffffff;
	border-radius: 20px;
	padding: 80px 85px;
	margin-bottom: 15px;
}
.sec-schoolevent #award .stl{
	margin-bottom: 40px;
}
.sec-schoolevent #award .box-intro{
	margin-bottom: 100px;
}
.sec-schoolevent #award .box-intro .label{
	font-size: 25px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 30px;
}
.sec-schoolevent #award .box-intro .label strong{
	font-size: 29px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	padding: 0 10px;
}
.sec-schoolevent #award .box-intro .label span{
	background: #fff23a;
	padding: 0 12px;
}
.sec-schoolevent #award .box-intro .txt-note{
	font-size: 26px;
	color: #fff;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	background: #e40313;
	padding: 30px;
	margin-bottom: 30px;
}
.sec-schoolevent #award .box-intro .lead{
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.sec-schoolevent #award .box-intro .img-txt{
	margin-bottom: 20px;
}
.sec-schoolevent #award .box-intro .txt{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.sec-schoolevent #award .box-intro .download{
	position: relative;
	max-width: 509px;
	margin: 0 auto;
}
.sec-schoolevent #award .box-intro .download .btn{
	display: block;
	position: absolute;
}
.sec-schoolevent #award .box-intro .download .btn01{
	width: 21%;
	left: 9%;
	bottom: 11%;
}
.sec-schoolevent #award .box-intro .download .btn02{
	width: 26%;
	left: 32%;
	bottom: 11%;
}
.sec-schoolevent #award .box-nominate{
	margin-bottom: 60px;
}
.sec-schoolevent #award .box-nominate .inner{
	max-width: 710px;
	margin: 0 auto;
}
.sec-schoolevent #award .box-nominate .box{
	width: 45%;
	margin-bottom: 60px;
}
.sec-schoolevent #award .box-nominate .box .name{
	font-size: 18px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	margin-bottom: 15px;
}
.sec-schoolevent #award .box-nominate .box .img{
	min-height: 200px;
}
.sec-schoolevent #award .box-nominate .box .logo{
	max-width: 290px;
	margin: 0 auto;
}
.sec-schoolevent #award .box-nominate .box ul{
	max-width: 89%;
	margin: 0 auto;
}
.sec-schoolevent #award .box-nominate .box ul li{
	font-size: 15px;
	font-weight: bold;
	background: url(../img/ico_dots.png) repeat-x left bottom;
	background-size: 7px;
	padding: 12px 0;
}
.sec-schoolevent #award .box-broadcast{
	margin-bottom: 120px;
}
.sec-schoolevent #award .box-broadcast .inner{
	max-width: 823px;
	margin: 0 auto;
	position: relative;
	transform: translateX(15px);
}
.sec-schoolevent #award .box-broadcast .inner .movie{
	width: 85%;
	position: absolute;
	top: 19%;
	left: 5%;
}
.sec-schoolevent #award .box-broadcast .inner .movie iframe{
	width: 100%;
}
.sec-schoolevent #award .box-info .inner{
	max-width: 830px;
	margin: 0 auto;
}
.sec-schoolevent #award .box-info table{
	width: 100%;
}
.sec-schoolevent #award .box-info table tr{
	border-bottom: 2px solid #fff;
}
.sec-schoolevent #award .box-info table th{
	width: 20%;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #43acd7;
	padding: 40px 0;
}
.sec-schoolevent #award .box-info table td{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #9ce5ff;
	padding: 40px;
}
.sec-schoolevent #award .box-info table td .box{
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 2px solid #fff;
}
.sec-schoolevent #award .box-info table td .box:last-child{
	margin-bottom: 0;
	border-bottom: none;
}
.sec-schoolevent #award .box-info table td .box .txt{
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 1.6em;
}
.sec-schoolevent #award .box-info table td .box iframe{
	width: 100%;
	margin: 15px 0 3px;
}
.sec-schoolevent #award .box-info table td .box .link{
	text-align: right;
	margin-bottom: 5px;
}
.sec-schoolevent #award .box-info table td .box .link a{
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	position: relative;
}
.sec-schoolevent #award .box-info table td .box .link a:before{
	content: "";
	background: url(../img/ico_search.png) no-repeat left top;
	background-size: 100%;
	width: 12px;
	height: 15px;
	position: absolute;
	left: -17px;
	top: 0;
}
.sec-schoolevent #award .box-info table td .box .add{
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}
.sec-schoolevent #award .box-info table td .box .access{
	font-size: 14px;
	font-weight: normal;
}
.sec-schoolevent #test .lead{
	font-size: 16px;
	font-weight: bold;
	margin: 25px 0 15px;
	line-height: 1.8em;
}
.sec-schoolevent #test .img-present{
	float: left;
	width: 40%;
	margin-bottom: 40px;
}
.sec-schoolevent #test ul.txt-list{
	float: right;
	width: 57%;
	margin: 0 auto 40px;
}
.sec-schoolevent #test ul.txt-list li{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	text-align: left;
}
.sec-schoolevent #test ul.txt-list li:first-child{
	font-size: 16px;
	margin-bottom: 5px;
}
.sec-schoolevent #test .stl-box{
	margin-bottom: 0;
	clear: both;
}
.sec-schoolevent #test .in-bg{
	background: #f2f2f2;
	max-width: 806px;
	margin: -15px auto 40px;
	padding: 40px 0 30px;
}
.sec-schoolevent #test .in-bg p{
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 2px;
}
.sec-schoolevent #test .bnr{
	display: block;
	margin-bottom: 30px;
}
.sec-schoolevent .hint{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.sec-schoolevent .hint small{
	font-size: 14px;
	font-weight: normal;
}
.sec-schoolevent .box-maker{
	font-size: 0;
}
.sec-schoolevent .box-maker a{
	width: 25%;
	display: inline-block;
	padding: 0 2px;
}
.sec-schoolevent .box-maker a img{
	border: 1px solid #cccccc;
}
.sec-schoolevent .osenbei01{
	width: 217px;
	top: 250px;
	left: -240px;
}
.sec-schoolevent .osenbei02{
	width: 213px;
	bottom: 150px;
	left: -200px;
}
.sec-schoolevent .osenbei03{
	width: 295px;
	bottom: -200px;
	right: -280px;
}
.sec-schoolevent .osenbei04{
	width: 105px;
	top: -50px;
	left: -150px;
}
.sec-schoolevent .osenbei05{
	width: 202px;
	bottom: 17%;
	left: -250px;
}
.sec-schoolevent .osenbei06{
	width: 97px;
	bottom: 5%;
	right: -130px;
}
.sec-schoolevent .osenbei07{
	width: 105px;
	bottom: 30px;
	right: -50px;
}

.sec-contents{
	background: #9ce5ff;
	padding: 150px 0;
}
.sec-contents #consultation{
	position: relative;
	padding-bottom: 120px;
	margin-bottom: 120px;
}
.sec-contents #consultation:after{
	content: "";
	width: 88%;
	height: 5px;
	background: #000000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.sec-contents .list{
	width: 74%;
}
.sec-contents .list .box{
	background: #ffffff;
	border-radius: 20px;
	margin-bottom: 15px;
}
.sec-contents #consultation .list .box{
	padding: 60px 65px 40px;
}
.sec-contents #afterschool .list .box{
	padding: 60px 65px 80px;
}
.sec-contents .list .box:last-child{
	margin-bottom: 0;
}
.sec-contents #consultation .list .box .img{
	float: left;
	margin: 0 30px 0 10px;
}
.sec-contents #consultation .list .box.box02 .img{
	margin-top: 25px;
}
.sec-contents #consultation .list .box .block{
	float: left;
}
.sec-contents #consultation .list .box.box01 .block{
	margin-top: 10px;
}
.sec-contents #consultation .list .box.box03 .block{
	margin-top: 20px;
}
.sec-contents #consultation .list .box.box04 .block{
	margin-top: 20px;
}
.sec-contents #consultation .list .box.box05 .block{
	margin-top: 10px;
}
.sec-contents #consultation .list .box .block .stl{
	font-size: 19px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
}
.sec-contents #consultation .list .box .block .ttl span{
	font-size: 35px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	background:linear-gradient(transparent 60%, #fff23a 60%);
	padding-bottom: 5px;
	line-height: 1.4em;
}
.sec-contents #consultation .list .box .txt{
	font-size: 14px;
	line-height: 2em;
	clear: both;
	padding: 18px 0 0;
	margin-bottom: 10px;
}
.sec-contents #consultation .list .box .logo{
	text-align: right;
}
.sec-contents #consultation .list .box .logo img{
	max-width: 200px;
}
.sec-contents #afterschool .list .box .txt{
	font-size: 14px;
	margin: 30px 0;
}
.sec-contents #afterschool .list .box .point{
	position: relative;
	padding-left: 40px;
}
.sec-contents #afterschool .list .box .point .ico{
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	background: #000000;
	width: 70px;
	line-height: 1em;
	padding: 28px 0;
	text-align: center;
	position: absolute;
	left: 0;
	top: -2px;
	border-radius: 50%;
}
.sec-contents #afterschool .list .box .point .block{
	padding: 15px 15px 15px 50px;
	background: #fff2ae;
	border-radius: 20px;
}
.sec-contents #afterschool .list .box .point .block p{
	font-size: 14px;
}
.sec-contents .label{
	width: 20%;
	overflow: hidden;
}
.sec-contents .label .img{
	margin-bottom: 45px;
}
.sec-contents .label .ttl{
	float: right;
	font-size: 39px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	margin-left: 18px;
}
.sec-contents .label .txt{
	float: right;
}
.sec-contents #consultation .osenbei01{
	width: 105px;
	bottom: 38%;
	left: 20px;
}
.sec-contents #consultation .osenbei02{
	width: 213px;
	bottom: 35%;
	right: 0;
}
.sec-contents #consultation .osenbei02 img{
	transform: translateX(20px);
}
.sec-contents #afterschool .osenbei01{
	width: 162px;
	top: 30%;
	right: 50px;
}
.sec-contents #afterschool .osenbei02{
	width: 105px;
	top: 60%;
	right: 150px;
}

.sec-foot{
	padding: 150px 0;
	position: relative;
}
.pageTop{
	width: 87px;
	position: absolute;
	right: 40px;
	top: -30px;
	cursor: pointer;
}
.sec-foot .inner{
	position: relative;
	z-index: 2;
}
.sec-foot .inner:before{
	content: "";
	background: url(../img/logo03.png) no-repeat left top;
	background-size: 100%;
	width: 231px;
	height: 245px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.sec-foot .ttl{
	font-size: 31px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	margin-bottom: 20px;
}
.sec-foot .txt{
	font-size: 17px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 2.2em;
}
.sec-foot .osenbei01{
	width: 295px;
	bottom: 70px;
	left: 0;
}
.sec-foot .osenbei01 img{
	transform: translateX(-20px);
}
.sec-foot .osenbei02{
	width: 213px;
	bottom: 40px;
	right: 0;
}
.sec-foot .osenbei02 img{
	transform: translateX(20px);
}

.sec-insta{
	width: 100%;
	overflow: hidden;
}
.sec-insta a{
	display: block;
	float: left;
	width: 16.666%;
}

footer{
	background: #000000;
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 50px 0;
}
footer .base{
	position: relative;
}
footer .logo{
	margin-bottom: 15px;
}
footer .logo img{
	width: 178px;
}
footer .note{
	font-size: 12px;
	color: #8b8b8b;
	position: absolute;
	right: 0;
	bottom: 0;
}

@media only screen and (max-width: 999px) and (min-width: 768px) {
	.sec-contents .list{
		width: 73%;
	}
	.sec-contents .label{
		width: 25%;
	}
	.sec-foot .osenbei01{
		width: 230px;
	}
	.sec-foot .osenbei02{
		width: 180px;
	}
}

@media only screen and (max-width: 920px) and (min-width: 768px) {
	.sec-about .osenbei01{
		width: 190px;
	}
	.sec-about .osenbei02{
		width: 110px;
		right: 20px;
	}

	.sec-pickupevent .osenbei01{
		width: 95px;
		left: 30px;
	}
	.sec-pickupevent .osenbei02{
		width: 220px;
	}

	.sec-schoolevent #award .box-broadcast .inner .movie iframe{
		height: 250px;
	}

	.sec-contents #consultation .osenbei01{
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.sp{
		display:none !important;
	}

	.sec-contents .label .ttl{
		-ms-writing-mode: tb-rl;
	  writing-mode: vertical-rl;
	}
}

@media only screen and (max-width: 767px) {
	.pc{
		display:none !important;
	}


.stl-box{
	font-size: 15px;
	max-width: 222px;
	margin: 0 auto 30px;
}
.stl-box:before{
	width: 44px;
	height: 44px;
}
.stl-box:after{
	width: 44px;
	height: 44px;
}

.sec-mv .ico{
	width: 66%;
	right: 1%;
	bottom: 1%;
}

.bar-news{
	font-size: 12px;
	padding: 10px 0;
}
.bar-news span{
	font-size: 12px;
}

.sec-about{
	padding: 70px 0;
	overflow: hidden;
}
.sec-about .inner:before{
	width: 300px;
	height: 317px;
}
.sec-about .ttl{
	margin-bottom: 25px;
}
.sec-about .txt{
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 2em;
}
.sec-about .osenbei01{
	width: 116px;
	top: 10px;
	left: -50px;
}
.sec-about .osenbei02{
	width: 46px;
	top: 30px;
	right: 10px;
}
.sec-about .osenbei03{
	width: 31px;
	bottom: 30px;
	left: 30px;
}

.sec-pickupevent{
	padding: 70px 0 60px;
}
.sec-pickupevent .ttl{
	margin-bottom: 30px;
}
.sec-pickupevent .ttl img{
	width: 242px;
}
.sec-pickupevent .box-bnr{
	max-width: 345px;
	margin: 0 auto 50px;
}
.sec-pickupevent .box-bnr a{
	margin-bottom: 20px;
}
.sec-pickupevent .stl-school{
	font-size: 20px;
	margin-bottom: 20px;
}
.sec-pickupevent .box-link{
	margin-bottom: 40px;
}
.sec-pickupevent .box-link a{
	margin: 0 auto 30px;
}
.sec-pickupevent .box-link a:last-child{
	margin-bottom: 0;
}
.sec-pickupevent .box-link a img.ico{
	max-width: 153px;
	}
.sec-pickupevent .stl-sponsorship{
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.sec-pickupevent .stl-sponsorship small{
	font-size: 13px;
}
.sec-pickupevent .box-sponsorship a{
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	display: block;
	padding: 0;
	margin-bottom: 5px;
}
.sec-pickupevent .osenbei01{
	width: 56px;
	top: 40px;
	left: 10px;
}
.sec-pickupevent .osenbei02{
	width: 114px;
	top: -40px;
	right: 0;
}
.sec-pickupevent .osenbei02 img{
	transform: translateX(15px);
}
.sec-pickupevent .osenbei03{
	width: 103px;
	bottom: 34%;
}
.sec-pickupevent .osenbei04{
	width: 60px;
	bottom: 20%;
	right: 15px;
}

.sec-day{
	padding: 20px 0;
}

.sec-schoolevent{
	padding: 70px 0 60px;
}
.sec-schoolevent .ttl{
	max-width: 242px;
	margin: 0 auto 30px;
}
.sec-schoolevent .ttl:before{
	width: 86px;
	height: 57px;
	left: -45px;
	top: -40px;
}
.sec-schoolevent .ttl:after{
	width: 86px;
	height: 57px;
	right: -45px;
	top: -40px;
}
.sec-schoolevent .bg{
	padding: 40px 15px;
}
.sec-schoolevent #award .stl{
	margin-bottom: 20px;
}
.sec-schoolevent #award .box-intro{
	margin-bottom: 50px;
}
.sec-schoolevent #award .box-intro .label{
	font-size: 15px;
	margin-bottom: 7px;
	line-height: 1.6em;
}
.sec-schoolevent #award .box-intro .label strong{
	font-size: 17px;
	padding: 0 0 0 5px;
}
.sec-schoolevent #award .box-intro .label span{
	padding: 0 7px;
}
.sec-schoolevent #award .box-intro .txt-note{
	font-size: 20px;
	padding: 30px;
}
.sec-schoolevent #award .box-intro .lead{
	font-size: 14px;
	margin-bottom: 10px;
	letter-spacing: 0;
}
.sec-schoolevent #award .box-intro .img-txt img{
	transform: translateX(7px);
}
.sec-schoolevent #award .box-intro .txt{
	font-size: 14px;
	letter-spacing: 0;
}
.sec-schoolevent #award .box-intro .download{
	max-width: 306px;
}
.sec-schoolevent #award .box-intro .download .btn01{
	width: 35%;
	bottom: 56%;
}
.sec-schoolevent #award .box-intro .download .btn02{
	width: 43%;
	left: 47%;
	bottom: 56%;
}
.sec-schoolevent #award .box-nominate{
	margin-bottom: 60px;
}
.sec-schoolevent #award .box-nominate .inner{
	max-width: 315px;
}
.sec-schoolevent #award .box-nominate .box{
	width: 100%;
	margin-bottom: 45px;
}
.sec-schoolevent #award .box-nominate .box:last-child{
	margin-bottom: 0;
}
.sec-schoolevent #award .box-nominate .box .img{
	min-height: 200px;
}
.sec-schoolevent #award .box-nominate .box .logo{
	max-width: 230px;
}
.sec-schoolevent #award .box-broadcast{
	margin-bottom: 60px;
}
.sec-schoolevent #award .box-broadcast .inner{
	max-width: 315px;
	transform: translateX(5px);
}
.sec-schoolevent #award .box-broadcast .inner .movie iframe{
	height: 130px;
}
.sec-schoolevent #award .box-info table{
	display: block;
}
.sec-schoolevent #award .box-info table tbody{
	width: 100%;
	display: block;
}
.sec-schoolevent #award .box-info table tr{
	border-bottom: none;
	width: 100%;
	display: block;
}
.sec-schoolevent #award .box-info table th{
	width: 100%;
	display: block;
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
}
.sec-schoolevent #award .box-info table td{
	width: 100%;
	display: block;
	font-size: 14px;
	letter-spacing: 0;
	padding: 20px 15px;
	text-align: center;
}
.sec-schoolevent #award .box-info table td .box{
	padding-bottom: 23px;
	margin-bottom: 23px;
	text-align: left;
}
.sec-schoolevent #award .box-info table td .box .txt{
	font-size: 14px;
	letter-spacing: 0;
}
.sec-schoolevent #award .box-info table td .box iframe{
	width: 100%;
	margin: 10px 0 3px;
}
.sec-schoolevent #award .box-info table td .box .link{
	text-align: right;
	margin-bottom: 10px;
}
.sec-schoolevent #test .lead{
	font-size: 14px;
	margin: 20px 0 12px;
}
.sec-schoolevent #test .img-present{
	float: none;
	width: 100%;
	max-width: 80%;
	margin: 0 auto 20px;
}
.sec-schoolevent #test ul.txt-list{
	float: none;
	width: 100%;
	max-width: 80%;
	margin: 0 auto 30px;
}
.sec-schoolevent #test ul.txt-list li{
	font-size: 12px;
}
.sec-schoolevent #test ul.txt-list li:first-child{
	font-size: 14px;
	text-align: center;
}
.sec-schoolevent #test .in-bg{
	max-width: 315px;
	margin: -15px auto 30px;
	padding: 30px 0 20px;
}
.sec-schoolevent #test .in-bg p{
	font-size: 14px;
}
.sec-schoolevent .hint{
	font-size: 17px;
}
.sec-schoolevent .hint small{
	display: block;
}
.sec-schoolevent .box-maker a{
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	display: block;
	padding: 0;
	margin-bottom: 5px;
}
.sec-schoolevent .osenbei01{
	width: 120px;
	top: -37%;
	left: -110px;
}
.sec-schoolevent .osenbei02{
	width: 108px;
	bottom: 43%;
	left: -75px;
}
.sec-schoolevent .osenbei03{
	width: 120px;
	bottom: -130px;
	right: -80px;
}
.sec-schoolevent .osenbei04{
	width: 50px;
	top: -40px;
	left: -20px;
}
.sec-schoolevent .osenbei05{
	width: 65px;
	bottom: 46%;
	left: -50px;
}
.sec-schoolevent .osenbei06{
	width: 52px;
	bottom: -3%;
	right: -10px;
}
.sec-schoolevent .osenbei07{
	width: 52px;
	bottom: -30px;
	right: auto;
	left: -10px;
}

.sec-contents{
	padding: 60px 0;
}
.sec-contents #consultation{
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.sec-contents #consultation:after{
	width: 95%;
}
.sec-contents .list{
	width: 100%;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;
}
.sec-contents .list .box{
	margin-bottom: 10px;
}
.sec-contents #consultation .list .box{
	padding: 30px 15px 20px;
}
.sec-contents #afterschool .list .box{
	padding: 30px 15px;
}
.sec-contents #consultation .list .box .img{
	margin: 0 10px 0 5px;
}
.sec-contents #consultation .list .box.box01 .img{
	width: 60px;
}
.sec-contents #consultation .list .box.box02 .img{
	margin-top: 15px;
	width: 88px;
}
.sec-contents #consultation .list .box.box03 .img{
	width: 60px;
}
.sec-contents #consultation .list .box.box04 .img{
	width: 63px;
}
.sec-contents #consultation .list .box.box05 .img{
	width: 68px;
}
.sec-contents #consultation .list .box.box01 .block{
	margin-top: 7px;
}
.sec-contents #consultation .list .box.box03 .block{
	margin-top: 15px;
}
.sec-contents #consultation .list .box .block .stl{
	font-size: 13px;
	letter-spacing: 0;
}
.sec-contents #consultation .list .box .block .ttl span{
	font-size: 21px;
}
.sec-contents #consultation .list .box .txt{
	line-height: 1.8em;
	padding: 12px 0 0;
	margin-bottom: 0;
}
.sec-contents #consultation .list .box .logo{
	text-align: center;
}
.sec-contents #afterschool .list .box .img{
	max-width: 284px;
	margin: 0 auto 30px;
}
.sec-contents #afterschool .list .box .txt{
	max-width: 284px;
	margin: 0 auto 60px;
}
.sec-contents #afterschool .list .box .point{
	padding-left: 0;
}
.sec-contents #afterschool .list .box .point .ico{
	position: absolute;
	right: 0;
	top: -40px;
	margin-left: auto;
	margin-right: auto;
}
.sec-contents #afterschool .list .box .point .block{
	padding: 40px 15px 20px;
}
.sec-contents .label{
	width: 100%;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	order:1;
	text-align: center;
	margin-bottom: 30px;
}
.sec-contents .label .img{
	max-width: 136px;
	margin: 0 auto 10px;
}
.sec-contents .label .ttl{
	float: none;
	font-size: 29px;
	letter-spacing: 2px;
	margin: 0 0 7px;
}
.sec-contents .label .txt{
	float: none;
	font-size: 14px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	line-height: 1.8em;
}
.sec-contents #consultation .osenbei01{
	width: 60px;
	bottom: 30px;
	left: -20px;
}
.sec-contents #consultation .osenbei02{
	width: 112px;
	bottom: auto;
	top: 50px;
}
.sec-contents #consultation .osenbei02 img{
	transform: translateX(30px);
}
.sec-contents #afterschool .osenbei01{
	width: 80px;
	top: 40px;
	right: 0;
}
.sec-contents #afterschool .osenbei01 img{
	transform: translateX(10px);
}
.sec-contents #afterschool .osenbei02{
	display: none;
}

.sec-foot{
	padding: 80px 0;
}
.pageTop{
	width: 58px;
	right: 15px;
	top: auto;
	bottom: 20px;
}
.sec-foot .inner:before{
	width: 210px;
	height: 223px;
}
.sec-foot .ttl{
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.sec-foot .txt{
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2em;
}
.sec-foot .osenbei01{
	width: 134px;
	bottom: 20px;
}
.sec-foot .osenbei01 img{
	transform: translateX(-55px);
}
.sec-foot .osenbei02{
	width: 115px;
	bottom: auto;
	top: -30px;
}
.sec-foot .osenbei02 img{
	transform: translateX(40px);
}

.sec-insta a{
	width: 33.333%;
}

footer{
	padding: 40px 0 15px;
}
footer .base{
	padding-bottom: 30px;
}
footer .logo img{
	width: 160px;
}
footer .note{
	right: 15px;
}
}