@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
    font-family: 'alte_din_1451_mittelschriftRg';
    src: url('din1451alt.woff2') format('woff2'),
         url('din1451alt.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);




/*allreset*/
body,div,form,hr,img,br,a,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,ol,table,td,th,tr,tbody,caption,b,em,strong,i,font,big,small,embed,object,map,frame,frameset,iframe,select,option,address,button,figure   { color: #000; text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; border: none 0px;background-color: transparent;font-size: 100%;font-family:'Noto Sans Japanese','Apple TP','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;text-decoration: none;font-weight: normal;font-style: normal;font-variant: normal;line-height: 100%;-webkit-text-size-adjust: none;box-sizing: border-box;font-weight: 400;outline:none;}

.fa, .far, .fas {
	margin-bottom: 5px;
}

img.img100 {width: 100%;height: auto;}
img.img50 {width: 50%;height: auto;}
.mincho {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;}
html {background-color: #feda1a;}
body {position: relative;}
header {background-color: #fff;position: relative;z-index: 10000;}
img {display: block;}
.img100sp {
	width: 100%!important;
	height: auto!important;
}
.mb30 {margin-bottom: 5%;}
.txt-blue {color: #006596;}
.txt-black {background-color: #333;}
.txt-12 {font-size: 12px;line-height: 1.5em;}
.txt-15 {font-size: 15px;line-height: 1.5em;}
.txt-18 {font-size: 18px;line-height: 1.5em;}
.txt-20 {font-size: 20px;line-height: 1.5em;}
.txt-25 {font-size: 25px;line-height: 1.5em;}
.txt-30 {font-size: 30px;line-height: 1.5em;}
.txt-c {text-align: center;}
.txt-l {text-align: left;}
.txt-r {text-align: right;}

.shopspacer {display: block;padding-top: 10%;padding-bottom: 10%;}

.flex-direction-nav {display: none;}
.inner {float: right;}
.inner:after {

}
.slick-dots li {float: none!important;}
/*tothetopfixed*/
div.tothetopfixed {
	position: fixed;
	bottom: 100px;
	z-index: 1500;right: 0;
}	
div.tothetopfixed a  {}
 
div.tothetopfixed a {
	display: block;}

div.tothetopfixed a {
    display: block;
    color: #fff;

    font-size: 0.8em;width: 75px;background: url(../img/../img/b_gototop.png) no-repeat 0 0;text-indent: -9999px;background-size:contain;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;height: 108px;}


.nosp {display: none!important;}
/* header */
#top-head {position: relative;border-bottom-style: solid;border-bottom-width: 1px;}
#top-head a,
#top-head {
	color: #333;
	text-decoration: none;font-size: 13px;}
#top-head .inner {
	position: relative;
}

#global-nav ul {
	list-style: none;
	right: 0;
	bottom: 0;
	font-size: 12px;overflow: hidden;}
#global-nav ul li {
	float: left;
	position: relative;padding-right: 10px;padding-left: 10px;text-align: left;border-bottom: 1px solid #fff;}
#global-nav ul li:nth-child(even) {border-left: 1px solid #fff;}
#global-nav ul li a {display: block;padding-bottom: 2px;padding-top: 2px;color: #000;font: 10px 'Noto Sans Japanese';}

#global-nav ul li a i {}


dl.mmtelto {color: #000;font-size: 15px;overflow: hidden;border-bottom: 1px solid #000;border-top: 1px solid #000;background-color: #fff;}
dl.mmtelto dt {width: 50%;float: left;text-align: center;background-color: #fff;font-size: 18px;padding-top: 15px;}
dl.mmtelto dd {width: 50%;float: right;text-align: center;background-color: #000;color: #fff;padding-top: 10px;padding-bottom: 10px;}
dl.mmtelto dd i {color: #fff;font-size: 22px;margin-right: 5px;}
dl.mmtelto dd span.tel {color: #fff!important;font: 22px alte_din_1451_mittelschriftRg!important;}
dl.mmtelto dd span.tel a {color: #fff!important;font: 22px alte_din_1451_mittelschriftRg!important;}

div.wideslider_wrap ul li span.copynosp  {display: none;}


/*spcont*/
div.spcont {position: fixed;top: 55px;z-index: 100;overflow: hidden;width: 100%;}
div.btn-spcont {width: 33%;float: left;}
div.btn-spcont:last-child {width: 34%;}
div.btn-spcont a {width: 100%;display: block;text-align: center;color: #fff;font-size: 12px;font-weight: 200;padding-top: 10px;padding-bottom: 10px;}
div.btn-spcont a i.fa {color: #fff;font-size: 12px;padding-right: 3px;}


img.kyosaporogo {height: 50px;width: auto;padding-top: 5px;padding-left: 5px;}
/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #0067a4;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 7px;
}
#nav-toggle span:nth-child(3) {
	top: 14px;
}




@media screen and (max-width: 980px) {
	article {
		padding: 0 px;
	}
	.inner {
		width: 100%;
		padding: 0 20px;
	}

	#top-head.fixed #global-nav ul li a {
		padding: 0 15px;
	}
}

@media screen and (max-width: 767px) {
	#main-visual {
		height: 300px;
	}


	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}


	#mobile-head {
		width: 100%;
		height: 55px;
		z-index: 999;
		position: relative;background-color: #feda1a;}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		left: 13px;
		top: 13px;
		color: #333;
		font-size: 26px;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -510px;
		background: #0067a4;
		width: 100%;
		text-align: center;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;z-index: 100;padding-top: 10px;padding-left: 0;padding-right: 0;}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 11px;float: none;overflow: hidden;}
	#global-nav ul li {
		float: left;
		position: static;width: 50%;}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 10px 0;font-size: 15px;font-weight: 200;text-align: center;}
	#nav-toggle {
		display: block;
	}
		#nav-toggle i {font-weight: 300;position: absolute;top: 20px;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;color: #0067a4;}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 18px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
		.open #nav-toggle i {
opacity:0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0;
-khtml-opacity: 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;}
	
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}


}

li.hmdummy {display: block;content:'　'}

/*wideslider*/ 

.mainList {position: relative;}



.wideslider {
	text-align: left;
	position: relative;
	overflow: hidden;width: 100%;}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;background-color: #fff;width: 100%;}


.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(http://www.erudo.jp/img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(http://www.erudo.jp/img/next.jpg) no-repeat left center;}

.pagination {
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;bottom: 5%;margin-right: auto;margin-left: auto;width: 100%;}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
		filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

div.h1head {width: 130px;height: 60px;}
h1.h1head {}
h1.h1head a{}
img.hayashiyarogo {width: 125px;height: auto;position: absolute;top: 10px;left: 10px;}
div.h1copy {color: #666;font-size: 11px;position: absolute;top: 22px;left: 145px;}
@media screen and (max-width: 374px) {
img.hayashiyarogo {width: 100px;height: auto;position: absolute;top: 20px;left: 10px;}
div.h1copy {color: #666;font-size: 10px;position: absolute;top: 30px;left: 115px;width: 135px;}
div.h1head {width: 140px;height: 60px;}
}

div.top-head {}

div.gotospcont {color: #fff!important;font-size: 11px!important;text-align: center;font-weight: 400;width: 150px;position: absolute;top: 9px;right: 55px;}
div.gotospcont a {display: block;color: #fff!important;font-size: 11px!important;font-weight: 400;background-color: #0071be!important;border: 1px solid #fff;text-align: center;padding-top: 10px;padding-bottom: 10px;}

div.gotospcont a:before {content:'\f0e0';font-family: FontAwesome;margin-right: 5px;}


/*section*/
section.bodrlayer {padding-top: 55px;}

/*bread_crumb*/
section.bread {margin-bottom: 10%;margin-top: -5%;}
ul.bread_crumb {overflow: hidden;position: relative;margin-bottom: 5%;}
ul.bread_crumb li {float: left;color: #666;font-size: 10px;font-weight: 200;margin-bottom: 0.5em;}
ul.bread_crumb li a {color: #666;font-size: 10px;font-weight: 200;}
ul.bread_crumb li a:after {content:'　>　';}
ul.bread_crumb li.current {border-style: none;background-color: white;background-image: none;margin: 0;padding: 0;}

/*kyosapocss*/

/*top-img*/

section.top-img {background: url(../img/bg_blackbord.jpg) repeat-x center bottom;width: 100%;padding-bottom: 125%;position: relative;}


div.top-img {}
div.bb-teacher2 {position: absolute;margin-right: auto;margin-left: auto;width: 80%;
animation: bb-teacher2 1s  infinite alternate;display: block;left: 0;}

div.bb-teacher2 a {
	display: inline!important;
}

@keyframes bb-teacher2 {
0% {transform: scale(1,1.05);right: 0;bottom: 35px;}
100% {transform: scale(1,1);right: 0;bottom: 20px;}
}



div.bb-teacher2 a {display: block;}
div.bb-teacher2 img {height: auto;width: 100%;}


div.bb-eracer {display: none;}
div.bb-eracer img {display: none;width: 50%;}

ul.rslides li {padding-top: 5%;padding-left: 5%;padding-right: 5%;}

.js-image-switch {width: 100%;height: auto;}

section.next-clm {width: 100%;position: relative;padding-top: 5%;padding-bottom: 5%;}
section.next-title {width: 100%;padding-top: 25px;padding-bottom: 25px;position: relative;background-color: #e2f1ff;}
div.next-wide {width: 100%;}
div.next-narrow {overflow: hidden;margin-right: 5%;margin-left: 5%;}

ul.topimglist {
	padding-top: 5%;
}

img.hoversp {
	width: 100%;
	height: auto;
}
img.hoversp:hover {

}

.bbunder {
	height: 2.5%;
	width: 100%;
	background-color: #fff;
}

section.top-img-sp {
	padding-bottom: 10%!important;
}





/*top-about*/
div.top-about-0 {overflow: hidden;width: 75%;margin-right: auto;margin-left: auto;}
div.top-about {margin-bottom: 10%;}
div.top-about b {background-color: #eb5c2a;display: block;text-align: center;color: #fff;font-weight: 400;width: 100%;font-size: 18px;padding-top: 10px;padding-bottom: 10px;margin-bottom: 3%;}
div.top-about b:before {content:'\f138';font-family: FontAwesome;margin-right: 5px;
font-weight: bold;
}
div.top-about p {color: #333;font-size: 12px;line-height: 1.5em;}
div.top-about img {height: auto;width: 100%;}
div.top-about a {display: block;width: 100%;height: 100%;}

div.top-about-0 div.top-about:last-child {margin-bottom: 0;}

h1.h1-top-about {color: #333;font-size: 20px;text-align: center;margin-bottom: 3%;}
h1.h1-next-about {color: #333;font-size: 20px;text-align: center;}

h1.h1-top-about i {color: #333;font-size: 18px;text-align: center;}

h2.h2-top-about {color: #333;font-size: 20px;text-align: center;margin-bottom: 3%;
line-height: 1.5;
}
h2.h2-top-about i {color: #0071be;font-size: 20px;text-align: center;}
h2.h2-top-about b {color: #333;font-size: 12px;text-align: center;}

.bg-white {background-color: #ffffff;}
.bg-yellow {background-color: #feda1a;}
.bg_blue {background-color: #0071be;}
.bg-sky {background-color: #e2f2f7;}
.bg-white-news {background-color: #fff;padding: 3%;}

p.exp01 {color: #333;font-size: 15px;line-height: 1.5em;}
p.exp01 a {color: #0067a4;text-decoration: underline;line-height: 1.5em;}
/*class-list*/
div.class-list {padding-right: 5%;padding-left: 5%;}
ul.class-list {overflow: hidden;}
ul.class-list li {margin-bottom: 2%;}
ul.class-list li:last-child {margin-bottom: 0;}
ul.class-list li a {display: block;background: #fff url(../img/bg_classcorner.png) no-repeat right top;background-size:25px auto;padding: 10px;}
ul.class-list li a i {display: block;color: #333;font-size: 12px;line-height: 1.5em;margin-bottom: 5px;}
ul.class-list li a b {display: block;color: #0071be;font-size: 20px;font-weight: 400;}
ul.class-list li a b:before {content:'\f0a9';font-family: FontAwesome;margin-right: 5px;
font-weight: bold;
}


div.class-list2 {padding-right: 5%;padding-left: 5%;}
ul.class-list2 {overflow: hidden;}
ul.class-list2 li {margin-bottom: 2%;
}
ul.class-list2 li:last-child {margin-bottom: 0;}
ul.class-list2 li a {display: block;background: #fff url(../img/bg_classcorner.png) no-repeat right top;background-size:25px auto;padding: 10px;
border: 1px solid #0071be;
}
ul.class-list2 li a i {display: block;color: #333;font-size: 12px;line-height: 1.5em;margin-bottom: 5px;}
ul.class-list2 li a b {display: block;color: #0071be;font-size: 20px;font-weight: 400;}
ul.class-list2 li a b:before {content:'\f138';font-family: FontAwesome;margin-right: 5px;
font-weight: bold;
}

ul.goto-result {overflow: hidden;}
ul.goto-result li {text-align: left;margin-bottom: 2%;}
ul.goto-result li:last-child {margin-bottom: 0;}

ul.goto-result li a {display: block;width: 100%;height: auto;background-color: #0071be;padding-top: 10px;padding-bottom: 10px;color: #fff;font-size: 20px;padding-left: 10px;}
ul.goto-result li a:before {content:'\f138';font-family: FontAwesome;margin-right: 5px;
font-weight: bold;
}


/*gotocontat*/
div.hc-blk-0 {display: none;}
dl.hc-blk-f {margin-right: 5%;margin-left: 5%;}
dl.hc-blk-f dt {color: #fff;font-size: 12px;text-align: center;margin-bottom: 5px;font-weight: 400;}
dl.hc-blk-f dd a {display: block;color: #0071be;font-size: 20px;font-weight: 400;background-color: #fff;border: 3px solid #0071be;text-align: center;padding: 10px 20px;}
dl.hc-blk-f dd a:before {content:'\f0e0';font-family: FontAwesome;margin-right: 5px;}

/*scool-list*/
ul.scool-list {}
ul.scool-list li {overflow: hidden;color: #333;font-size: 15px;padding: 20px;line-height: 1.5em;}

ul.scool-list li b a {font-size: 25px;color: #0071be;font-weight: 400;display: block;margin-bottom: 2%;}
ul.scool-list li b a:before {content:'\f138';font-family: FontAwesome;margin-right: 5px;
font-weight: bold;
}
/*ul.scool-list li i a  {color: #eb5c2a;font-size: 25px;font-weight: 800;display: block;margin-top: 2%;}*/

ul.scool-list li i a  {
font-size: 25px;font-weight: 800;display: block;margin-top: 2%;
	background-color: #eb5c2a;
color: #fff;
padding: 3%;
width: 100%;
border-radius:3px;

}
ul.scool-list li i a:before {
	content:'\f098';
	font: 30px FontAwesome;
	margin-right: 5px;
	color: #fff;
}

ul.scool-list {}

ul.scool-list li:nth-child(odd) {background-color: #f1f8fa;}

/*news-list-top*/
ul.news-list-top {}
ul.news-list-top li {overflow: hidden;margin-bottom: 3%;border-top: 1px dotted #ccc;padding-top: 3%;}
ul.news-list-top li a {color: #333;font-size: 15px;line-height: 1.5em;display: block;}
ul.news-list-top li a img {width: 25%;height: auto;float: left;}
ul.news-list-top li b {color: #0071be;font-size: 16px;font-weight: bold;display: inline-block;margin-bottom: 10px;
line-height: 1.5em;
}
ul.news-list-top li i {color: #333;font-size: 12px;display: inline-block;margin-bottom: 10px;}
.newstext {width: 70%;float: right;}
.newsexp {display: inline;line-height: 1.5em;color: #333;font-size: 12px;}

/*check-list-top*/
ul.check-list-top {
	border-bottom: 1px dotted #ccc;
}
ul.check-list-top li {overflow: hidden;
border-top: 1px dotted #ccc;
}
ul.check-list-top li a {color: #333;font-size: 15px;line-height: 1.5em;display: block;
padding-top: 20px;
	padding-bottom: 20px;
}
ul.check-list-top li a:before {content:'\f044';
font: 15px FontAwesome;
margin-right: 5px;
color: #0071be;
}
ul.check-list-top li a img {width: 25%;height: auto;float: left;}
ul.check-list-top li b {color: #0071be;font-size: 15px;font-weight: 400;display: inline-block;
}
ul.news-list-top li i {color: #333;font-size: 12px;display: inline-block;margin-bottom: 10px;}
.checktext {}
.checkexp {display: inline;line-height: 1.5em;color: #333;font-size: 12px;}

/*footer*/
footer.footer {padding-top: 5%;padding-bottom: 5%;position: relative;}
div.footer {overflow: hidden;}
.kyosaporogo {width: 100%!important;height: auto!important;}
div.footrogo {width: 50%;margin-right: auto;margin-left: auto;margin-bottom: 3%;}

dl.foot-list-l {width: 60%;margin-right: auto;margin-left: auto;margin-bottom: 5%;}
dl.foot-list-c {width: 60%;margin-right: auto;margin-left: auto;margin-bottom: 5%;}
dl.foot-list-r {width: 60%;margin-right: auto;margin-left: auto;margin-bottom: 5%;}

dl.foot-list {}
dl.foot-list dt {margin-bottom: 10px;}
dl.foot-list dt a {font-size: 18px;color: #333;}
/*dl.foot-list dt a:before {content:'\f138';font-family: FontAwesome;margin-right: 5px;}*/
dl.foot-list dt a:hover {text-decoration: underline;}
dl.foot-list dd {margin-bottom: 10px;overflow: hidden;}
dl.foot-list dd a {color: #333;font-size: 15px;}
dl.foot-list dd a:before {content:'\f138';font-family: FontAwesome;margin-right: 5px;
font-weight: bold;
}

dl.foot-list dd i a {color: #333;font-size: 15px;display: inline;}

dl.foot-list dd a:hover {text-decoration: underline;}

dl.foot-list-r dd {float: left;width: 200px;margin-right: 20px;}
dl.foot-list-c dd  {}

p.copyright {text-align: center;color: #333;font-size: 12px;margin: 5% auto 20%;}



#reason01 {margin-top: 50px;margin-bottom: 10px;}

div.nextclm01 {}

h2.h2-next-about {color: #0067a4;font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 25px;line-height: 1.5em;}



/*reason*/
h2.h2-next-reason {color: #eb5c2a;font-size: 20px;font-weight: 800;margin-bottom: 10px;text-align: center;margin-top: 50px;}
h2.h2-next-reason b {color: #eb5c2a;font-size: 25px;font-weight: 800;}
h3.h3-next-reason {color: #fff;font-size: 20px;font-weight: 800;background-color: #0067a4;padding: 10px;margin-bottom: 5px;}

p.reason01 {color: #333;font-size: 20px;font-weight: 800;line-height: 1.5em;margin-bottom: 10px;}
p.reason01 i {color: #333;font-size: 15px;margin-left: 10px;}
p.reason02 {color: #333;font-size: 12px;line-height: 1.5em;margin-bottom: 10px;}

ul.next-reason {overflow: hidden;}
ul.next-reason li {width: 33%;float: left;text-align: center;border-left: 1px solid #0067a4;border-bottom: 1px solid #0067a4;border-top: 1px solid #0067a4;}
ul.next-reason li:last-child {border-right: 1px solid #0067a4;}
ul.next-reason li a {display: block;padding-top: 10px;color: #0067a4;font-size: 15px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
ul.next-reason li a:hover {background-color: #e2f2f7;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

ul.next-reason li a:after {content:'\f107';display: block;width: 20px;height: 20px;margin-right: auto;margin-left: auto;color: #0067a4;font: 20px FontAwesome;}

/*school*/
h3.h3school{color: #0067a4;font-size: 20px;font-weight: 800;text-align: center;margin-bottom: 5%;
line-height: 1.25em;
}
h3.h3school i {
	color: #0067a4;
	font-size: 14px;
	font-weight: bold;
}
p.exp_school {color: #333;font-size: 18px;line-height: 2em;margin-bottom: 10px;font-weight: 400;margin-top: 10px;}
p.exp_school a,p.exp_school a i  {color: #eb5c2a;font-size: 25px;font-weight: 800;display: inline;}
iframe.schoolmap {width: 100%;height: 400px;margin-bottom: 5%;}

h4.h4-next-school {color: #0067a4;font-size: 15px;border-bottom: 1px dotted #0067a4;margin-bottom: 10px;padding-bottom: 10px;line-height: 1.5em;font-weight: 600;}

div.abouteacher {color: #333;font-size: 15px;margin-right: auto;margin-left: auto;text-align: center;margin-top: 5%;}
div.abouteacher img {width: 50%;height: auto;margin-right: auto;margin-left: auto;}

/*class*/
p.class-intro {font-size: 15px;font-weight: 400;text-align: center;margin-bottom: 5%;color: #333;}
p.class-intro:before {
content:'\f14a';font: 14px FontAwesome;color: #333;}
dl.class-name {overflow: hidden;margin-bottom: 20px;}
dl.class-name dt {font-size: 18px;font-weight: 800;border: 1px solid #0067a4;background-color: #0067a4;color: #fff;text-align: center;padding-top: 15px;padding-bottom: 15px;}
dl.class-name dd {font-size: 18px;border: 1px solid #0067a4;color: #0067a4;text-align: center;padding-top: 10px;padding-bottom: 10px;}



dl.class-disp {margin-bottom: 5%;}
dl.class-disp dt {color: #eb5c2a;font-size: 18px;font-weight: 400;margin-bottom: 10px;line-height: 1.25em;}
dl.class-disp dd {color: #333;font-size: 15px;line-height: 1.5em;margin-bottom: 10px;}

ul.class-price {margin-bottom: 5%;border-top: 1px dotted #ccc;}
ul.class-price li {border-bottom: 1px dotted #ccc;padding: 10px;background-color: #f1f8fa;overflow: hidden;}
span.class-l {color: #333;font-size: 18px;font-weight: 400;display: block;margin-bottom: 10px;}
span.class-c {color: #333;font-size: 18px;font-weight: 400;display: block;margin-bottom: 10px;}
span.class-r {color: #eb5c2a;font-size: 20px;font-weight: 400;text-align: right;display: block;}
span.class-r i {color: #eb5c2a;font-size: 12px;font-weight: 400;}

p.class-reason {margin-bottom: 5%;}

/*teacher*/
div.teacher-clm {overflow: hidden;margin-bottom: 5%;border-bottom: 1px dotted #ccc;padding-bottom: 5%;}
div.teacher-clm img {width: 50%;height: auto;margin-right: auto;margin-left: auto;margin-bottom: 10px;}
dl.teacher {}
dl.teacher dt {color: #0067a4;font-size: 18px;font-weight: 400;text-align: center;margin-bottom: 5px;}

dl.teacher dt i {color: #0067a4;font-size: 12px;font-weight: 400;margin-bottom: 15px;}
dl.teacher dd.teacher1 {color: #333;font-size: 15px;line-height: 1.5em;font-weight: 400;text-align: center;margin-bottom: 5px;}
dl.teacher dd.teacher2 {color: #333;font-size: 15px;line-height: 1.5em;}
dl.teacher dt.teacher3 a {color: #0067a4;font-weight: 400;margin-bottom: 10px;font-size: 18px;line-height: 1.25em;margin-top: 12%;}
dl.teacher dt.teacher3 a:before {content:'\f138';font-family: FontAwesome;margin-right: 5px;
font-weight: bold;
}

dl.teacher dd.teacher2 a {
	display: inline!important;
	color: #0071be;
	line-height: 1.5em;
}

.teacher3 {
	background-color: #ebf6fb;
	padding: 15px;
	border-radius: 20px;
	color: #333;
	font-size: 14px;
	line-height: 1.75em;
	margin-top: 5%;
}
.teacher3 b {
	color: #0066a4;
	font-size: 16px;
	font-weight: bold;
}

.teacher3 i {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.teacher3 b i {
	color: #0066a4;
	font-size: 16px;
	font-weight: bold;
	margin-right: 5px;
}


/*result*/
h2.h2-next-result {color: #0067a4;font-size: 20px;font-weight: 400;text-align: center;border-bottom: 1px dotted #0067a4;margin-top: 50px;padding-bottom: 5px;margin-bottom: 10px;}
ul.result-list {overflow: hidden;}
ul.result-list li {width: 200px;float: left;color: #333;font-size: 15px;margin-bottom: 10px;list-style-type: disc;list-style-position: outside;margin-left: 30px;line-height: 1.25em;}
p.result {color: #333;font-size: 15px;text-align: center;margin-bottom: 25px;}

/*experience*/
h2.h2experience {color: #0067a4;font-size: 20px;font-weight: 400;margin-bottom: 10px;line-height: 1.25em;}
div.experience-clm {overflow: hidden;margin-bottom: 5%;}
div.experience-clm img {width: 50%;height: auto;margin-right: auto;margin-left: auto;margin-bottom: 5px;}
p.experience {color: #333;font-size: 15px;line-height: 1.5em;font-weight: 400;text-align: center;}

/*question*/
dl.question {}
dl.question dt {font-size: 15px;color: #eb5c2a;line-height: 1.5em;}
dl.question dd {margin-bottom: 5%;color: #333;font-size: 15px;line-height: 1.5em;border-bottom: 1px dotted #ccc;padding-bottom: 5%;}
dl.question dt:before {content:'Q';font: 800 25px Courier;color: #eb5c2a;margin-right: 5px;margin-bottom: 10px;}
dl.question dd:before {content:'A';color: #333;font: 800 25px Courier;margin-right: 5px;}


/*experience*/
div.experience {margin-right: auto;margin-left: auto;}
h2.experi-tit {color: #0067a4;font-size: 20px;
font-weight: 600;border-bottom: 1px dotted #0067a4;margin-bottom: 3%;padding-bottom: 3%;
line-height: 1.5em;
}
h3.experi-tit {color: #333;font-size: 18px;font-weight: 800;text-align: center;margin-bottom: 3%;}
div.experi-head {overflow: hidden;}
div.experi-head img {width: 50%;height: auto;margin-right: auto;margin-left: auto;margin-bottom: 3%;}
div.experi-head dl {margin-bottom: 5%;}
div.experi-head dl dt {color: #333;font-size: 15px;font-weight: 400;text-align: center;margin-bottom: 3%;}
div.experi-head dl dd {color: #333;font-size: 15px;font-weight: 400;text-align: center;margin-bottom: 3%;}
div.experience p {color: #333;font-size: 16px;line-height: 1.75em;padding-bottom: 5%;}
div.experi-1st {margin-bottom: 10%;border-bottom: 1px dotted #0067a4;}
ul.experi-list {border-top: 1px dotted #ccc;}
ul.experi-list li {border-bottom: 1px dotted #ccc;overflow: hidden;}
ul.experi-list li a {display: block;padding-top: 3%;padding-bottom: 3%;overflow: hidden;}
ul.experi-list li a:hover {}
ul.experi-list li a img {height: auto;width: 25%;float: left;margin-right: 3%;}
ul.experi-list li a b {color: #0067a4;font-size: 17px;font-weight: 700;line-height: 1.5em;
display: block;
}
ul.experi-list li a i {color: #333;font-size: 14px;line-height: 1.5em;}



/*blog*/
article.blog-colm {overflow: hidden;}
div.blog-body {margin-bottom: 10%;}
div.blog-side {}

div.side-tit {color: #333;margin-bottom: 3%;padding-bottom: 3%;border-bottom: 1px dotted #ccc;font-size: 18px;font-weight: 400;
line-height: 1.5em;
}
ul.side-menu {margin-bottom: 10%;}
ul.side-menu li {list-style-position: outside;list-style-type: disc;margin-left: 1.5em;}
ul.side-menu li a {color: #000;font-size: 13px;display: block;line-height: 1.5em;margin-bottom: 10px;}
ul.side-menu li a:hover {text-decoration: underline;}

ul.blog-list {margin-bottom: 5%;}
ul.blog-list li {line-height: 1.5em;}
ul.blog-list li a {color: #000;font-size: 13px;line-height: 1.5em;display: block;overflow: hidden;padding: 25px;}
ul.blog-list li a:hover {background-color: #efefef;}
ul.blog-list li a img {float: left;height: auto;margin-right: 10px;}
ul.blog-list li a span {color: #000;font-size: 13px;line-height: 1.5em;display: block;float: right;width: 430px;}
ul.blog-list li a b {display: block;margin-bottom: 10px;font-size: 18px;line-height: 1.5em;font-weight: 600;}
ul.blog-list li a i {display: block;margin-bottom: 10px;}

div.blog-date {margin-bottom: 10px;color: #000;font-size: 13px;text-align: right;}
h3.blog-tit {font-size: 25px;margin-bottom: 10px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;line-height: 1.5em;color: #db5f83;margin-left: 5px;display: inline-block;position: relative;top: 3px;width: 100%;}
div.blog-body p {color: #333;font-size: 15px;line-height: 1.75em;margin-top: 1.5em;font-weight: 400;}


div.blog-body p strong {color: #333;font-size: 18px;line-height: 1.75em;margin-top: 1.5em;font-weight: 600;}

div.blog-body p img {max-width:660px;margin-bottom: 10px;height: auto;width: 100%;}
.bog-archnav {margin-top: 10%;}

ul.archnav {overflow: hidden;display: block;width: 100%;position: relative;height: 3em;}
li.archnav-p {width: 5em;display: block;position: absolute;left: 0;}
li.archnav-i {width: 7em;display: block;position: absolute;left: 50%;margin-left: -3.5em;}
li.archnav-n {width: 5em;display: block;position: absolute;right: 1em;}
li.archnav-p a {color: #333;font-size: 12px;font-weight: bold;
background-color: #efefef;
text-align: center;
padding: 10px;
width: 8em;
display: block;
}
li.archnav-i a {color: #333;font-size: 12px;font-weight: bold;
background-color: #efefef;
text-align: center;
padding: 10px;
width: 8em;
display: block;
}
li.archnav-n a {color: #333;font-size: 12px;font-weight: bold;
background-color: #efefef;
text-align: center;
padding: 10px;
width: 8em;
display: block;
}


section.list-top {background-color: #fff;}
div.list-top {margin-right: auto;margin-left: auto;}

ul.side-list {margin-bottom: 10%;}
ul.side-list li {margin-bottom: 10px;}
ul.side-list li a {color: #333;font-size: 15px;line-height: 1.5em;font-weight: 200;text-indent: -8px;margin-left: 20px;}
ul.side-list li a:before {content: "\f138";color: #333;font: bold 15px FontAwesome;display: inline-block;padding-right: 5px;}
ul.side-list li a:hover:before {color: #df5f61;text-decoration: underline;display: inline-block;}
ul.side-list li a:hover {color: #df5f61;text-decoration: underline;}

.news-date {color: #333;font-size: 12px;margin-bottom: 10px;}


.wp-pagenavi {
	clear: both;margin-top: 5%;}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	font-weight: 200;}
.wp-pagenavi a:hover {background-color: #eee;}
.wp-pagenavi span.current {
}


.wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span.extend,.wp-pagenavi span.current {
	padding: 10px!important;
}

/*wp-pagenavi*/

div.wp-pagenavi {width: 100%;text-align: center;
margin: -2.5% 0 10%!important;
padding-right: 0!important;
	padding-left: 0!important;
}
.pages {color: #333;font-size: 12px;margin-right: 2em;}
.current {color: #333;font-size: 12px;padding: 5px;display: inline-block;text-align: center;margin-right: 0.25em;margin-left: 0.25em;font-weight: normal;font-style: normal;border: 1px solid #ccc;background-color: #efefef;}
a.page {color: #333;font-size: 12px;display: inline-block;padding: 5px;text-align: center;margin-right: 0.25em;margin-left: 0.25em;}
a.nextpostslink,a.previouspostslink {color: #333;font-size: 12px;display: inline-block;padding: 5px;text-align: center;margin-right: 0.5em;}

a.last,a.first  {color: #333;font-size: 12px;display: inline-block;text-align: center;margin-left: 0.5px;margin-right: 0.5em;padding: 0.5em;}


div.blog-other {width: 100%;}

/*contact*/
.mfp_checked input {
	background-color: #333!important;
	border-radius: 100%;
}
.contcheck

.mfp_checked input:before {
}

input,textarea {
  -webkit-appearance: none;
}
p.thanks {color: #666;font-size: 15px;line-height: 1.5em;text-align: center;margin-top: 50px;}
div.contact {margin-right: auto;margin-left: auto;margin-bottom: 10%;}
form#mailformpro {margin-right: auto;margin-left: auto;margin-top: 10px;}

.mailformpro2 {
	width: 100%!important;
	margin-right: auto;
	margin-left: auto;
}
form#mailformpro button{color: #fff;font-size: 20px;width: 10em;padding-top: 20px;padding-bottom: 20px;margin-right: auto;margin-left: auto;display: block;
border-radius:5px;}
dl.contact {overflow: hidden;}
dl.contact dt {color: #666;font-size: 80%;}
dl.contact dt b {color: #c00;font-size: 12px;}
dl.contact dd {padding-top: 5px;padding-bottom: 5px;}

select.gakunen,dl.contact03 input,dl.contact03 textarea,input.ancate{background-color: #fff;padding: 10px!important;border: 1px solid #999;border-radius:3px;color: #666;font-size: 18px!important;margin-right: auto;margin-left: auto;
line-height: 1.5em;
font-weight: 500;
}
select.gakunen option {
	padding: 10px;
}
input[type="text"]:focus,input[type="email"]:focus,dl.contact03 textarea:focus,dl.contact03 dd select:focus,button[type="submit"]:focus,input[type="checkbox"]:focus,input[type="radio"]:focus
 {
  outline: 0;
  border-color: orange;
}

dd.contact03rb input[type="checkbox"], dd.contact03rb input[type="radio"] {width: 15px;height: 15px;}
.ipt01 {color: #666;font-size: 16px;width: calc(100% - 23px);}
.ipt02 {color: #666;font-size: 16px;width: calc(100% - 23px);}
.ipt03 {color: #666;font-size: 16px;height: 1em;width: calc(100% - 23px);}
.ipt04 {color: #666;font-size: 16px;width: calc(100% - 23px);}
.ipt05 {color: #666;font-size: 16px;width: calc(100% - 23px);}
.ipt06 {color: #666;font-size: 16px;height: 20em!important;width: calc(100% - 23px);}
p.contactexp {color: #666;font-size: 15px;line-height: 1.5em;text-align: center;margin-bottom: 20px;margin-left: auto;margin-right: auto;
font-weight: bold;
}

p.contactexp img {
	width: 100%;
	height: auto;
}

p.contactexp a {text-decoration: underline;color: #666;}

textarea.ipt06 {color: #666;font-size: 15px;height: 10em!important;width: calc(100% - 23px)!important;margin-bottom: 5%;padding: 3% 3% 10%;}

dl.contact03 {overflow: hidden;margin-right: auto;margin-left: auto;}
dl.contact03 dt {color: #333;font-size: 17px!important;line-height: 1.5em;
margin-bottom: 5px;
font-weight: bold;
}
dl.contact03 dt b {color: #c00;font-size: 13px!important;}
dl.contact03 dt i {color: #333;font-size: 13px;margin-left: 0.5em;}
dl.contact03 dd {color: #333;font-size: 15px!important;margin-bottom: 20px;line-height: 1.5em;}
dd.contact03cap {color: #333;font-size: 75%;line-height: 1.5em;}

dl.contact03 dt.meiwaku i {color: #666;font-size: 13px;margin-left: 0em!important;}

dl.contact03 dd.contact03rb {margin-top: 10px;}

table#mfp_confirm_table tr th {
	white-space: nowrap;
}

label {
    display: inline-block;
}
.reqbox {}

.reqbox + img {
    border: 2px solid rgba( 0, 0, 0, 0 );
}
.reqbox:checked + img {
    border: 2px solid #e892b4;
}



input.reqbox {-webkit-appearance: none;}
input.reqbox:before {content:'\f10c';color: #ccc;font: 20px FontAwesome;}
input.reqbox:checked:before {content:'\f058';color: #0067a4;font: 20px FontAwesome;display: block;}

dl.contact03 b {
	color: #C00;
}

/*2180216*/
ul.ul-reqbox {overflow: hidden;margin-left: auto;margin-right: auto;}
/*ul.ul-reqbox li {float: left;text-align: center;line-height: 1.5em;margin-right: 2%;margin-left: 2%;color: #666;font-size: 12px;margin-bottom: 5%;width: 46%;}*/
.diamond {margin-left: 27%!important;}

ul.ul-reqbox li {float: left;text-align: center;line-height: 1.5em;margin-right: 2%;margin-left: 2%;color: #666;font-size: 12px;margin-bottom: 5%;width: 46%;}
ul.ul-reqbox li i {color: #fff;font-size: 10px;background-color: #c00;padding: 2px;display: inline-block;}

ul.ul-reqbox li img {width: 100%;height: auto;margin-bottom: 5px;border: 2px solid #fff;}


h3.h3cont {color: #666;font-size: 25px;text-align: center;border-bottom: 1px dotted #ccc;margin-bottom: 5%;padding-bottom: 5%;font-weight: 300;}

button.subminb {cursor:pointer;color: #fff;font-size: 20px;background-color: #0067a4;display: block;padding: 10px 20px;transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}

div.daytime {margin-right: auto;margin-left: auto;margin-bottom: 10%;}
div.daytime i {color: #666;font-size: 15px;margin-left: 20px;}
input.hasDatepicker {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    font-size: 100%;
    margin-right: auto;
    margin-left: auto;}
    

select.restime {fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    font-size: 100%;
    margin-right: auto;
    margin-left: auto;}

div.reqshop {margin-right: auto;margin-left: auto;margin-bottom: 10%;}
.noborder {border-style: none!important;border-width: 0!important;}
.ancate b {font-weight: 200;}


/*emergency*/
div.emer-body p {color: #333;font-size: 15px;line-height: 1.75em;margin-top: 1.5em;font-weight: 200;}

h2.emer-tit {color: #c00;font-size: 18px;line-height: 1.25em;font-weight: 600;border-bottom: 1px dotted #c00;margin-bottom: 3%;padding-bottom: 3%;}

h2.sokuho-tit {color: #025db0;font-size: 18px;line-height: 1.25em;font-weight: 600;border-bottom: 1px dotted #025db0;margin-bottom: 3%;padding-bottom: 3%;}


div.emergency {background-color: #c00;position: fixed;
z-index: 100000;margin-right: auto;margin-left: auto;
width: 100%;
height: 55px;
bottom: 60px;
}

div.emergency {background-color: #c00;position: fixed;bottom: 60px;z-index: 500;margin-right: auto;margin-left: auto;
width: 100%;
padding-top: 10px;
	padding-bottom: 10px;
}

div.emergency a {color: #fff;width: 96%;margin-right: auto;margin-left: auto;display: block;padding: 2px;}
div.emergency a b:before {
	content: '\f138';
    font-family: FontAwesome;
    margin-right: 5px;
	font-weight: bold;
}

div.emergency a i {color: #fff;font-size: 12px;margin-bottom: 10px;}
div.emergency a b {color: #fff;font-size: 15px;font-weight: 600;line-height: 1.25em;}


/*SOKUHO*/
div.sokuho-body p {color: #333;font-size: 15px;line-height: 1.75em;margin-top: 1.5em;font-weight: 200;}

h2.sokuho-tit {color: #025db0;font-size: 18px;line-height: 1.25em;font-weight: 600;border-bottom: 1px dotted #025db0;margin-bottom: 3%;padding-bottom: 3%;}

div.sokuho {background-color: #005eb1;position: fixed;
z-index: 480;margin-right: auto;margin-left: auto;
width: 100%;
bottom: 60px;
padding-top: 10px;
	padding-bottom: 10px;
}



div.sokuho a {color: #feea00;width: 96%;margin-right: auto;margin-left: auto;display: block;padding: 2px;
    animation: btnFlash 2s ease-in-out 0s 1 forwards;
	position: relative;
	right: -100vw;
}


@keyframes btnFlash {
  0% {
  	left: 100vw;
  }


  100% {
  	left: 0;
  }
  
}
    


div.sokuho a b:before {
	content: '\f138';
    font-family: FontAwesome;
    margin-right: 5px;
	font-weight: bold;
	color: #feea00;
}

div.sokuho a i {color: #feea00;font-size: 12px;margin-bottom: 10px;}
div.sokuho a b {color: #feea00;font-size: 15px;font-weight: 600;line-height: 1.25em;}









p.thanx {color: #333;font-size: 15px;line-height: 1.5em;text-align: center;}
p.thanx a {color: #0067a4;line-height: 1.5em;}

input.contcheck {border: 1px solid #ccc!important;color: #333;border-radius: 100%!important;
}

.page404 {color: #333;font-size: 15px;text-align: center;background-color: #fff;padding-top: 150px;padding-bottom: 150px;line-height: 1.5em;}
.page404 b {color: #ccc;font-size: 50px;font-weight: 100;}
.page404 a {color: #0067a4;}
.page404 a:hover {text-decoration: underline;}



/*iPhone5*/
@media only screen
and (max-device-width:320px) {
div.gotospcont {font-size: 11px;width: 145px;
    right: 50px;}

div.gotospcont a {font-size: 8px;}
div.gotospcont a:before {content: '\f0e0';margin-right: 5px;font: 11px FontAwesome;}

#top-head.fixed #global-nav ul li a {font-size: 12px;}	
	
div.h1head {width: 120px;height: 55px;}	
	
h2.h2-next-about {font-size: 16px;}
	
p.reason01 { font-size: 18px;}	

h2.h2-next-reason {font-size: 18px;}

#top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {

    font-size: 12px;}

dl.hc-blk-f dd a {

    font-size: 16px;
}



}

/*twitter*/
div.twitter {height: 300px;overflow: auto;border: 1px solid #b7c8dd;padding: 5px;width: 90%;
	margin-right: auto;
	margin-bottom: 10%;
	margin-left: auto;
}
div.twitter-colmn {margin-top: -5%;}
.fa-twitter {color: #00a3da!important;}

a.gotobog {color: #0071be;}
a.gotobog:before {
    content: '\f138';
    font-family: FontAwesome;
    margin-right: 5px;color: #0071be;
	font-weight: bold;
}
a.gotobog:hover {text-decoration: underline;}

/*gototop*/
div.gototop2 {display: block;position: fixed;width: 80px;height: 80px;left: 5px;bottom: 5px;}
div.gototop2 a {display: block;font-size: 16px;font-weight: bold;width: 80px;height: 80px;border-radius:100%;background-color: #fff;color: #eb5c2a;text-align: center;padding-top: 15px;z-index: 1000;}
div.gototop2 a:hover {background-color: #eb5c2a;color: #fff;}

body{padding-top: 0px!important;}


div.topfeature {margin-bottom: 10%;width: 100%;}
div.topfeature img {width: 100%;height: auto;}



/*landingpage*/
#landingpage {background: #fff url(../img/bg_lp01.gif) repeat fixed center center;}
section.lp {}
div.lp_body {}
div.lp_tel {background-color: #fff799;padding-bottom: 5%;}
ul.lp_telto {display: block;}
ul.lp_telto li {margin-bottom: 2%;width: 90%;margin-right: auto;margin-left: auto;}
ul.lp_telto li img {width: 100%;height: auto;}
a.lp_mailto {width: 90%;margin-right: auto;margin-left: auto;display: block;}
a.lp_mailto img {width: 100%;height: auto;}

div.lp_gotohp {background-color: #ffd200;text-align: center;padding-top: 5%;padding-bottom: 5%;}
a.lp_gotohp {display: block;margin-right: auto;margin-left: auto;width: 90%;}
a.lp_gotohp img {width: 100%;height: auto;}

ul.movdl  {
	margin-bottom: 20px;
}
a.gotomovdl {
	margin-bottom: 50px;
	color: #333;
	font-size: 15px;
	display: inline-block;
	margin-left: 3%;
}
a.gotomovdl::before {
content: "\f0ca";
color:
#333;
font: 15px FontAwesome;
display: inline-block;
padding-right: 5px;
}



div.blog-body p a {
	text-decoration: underline;
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
}

/*div.blog-body p a::before {
content: "\f019";
color:
#333;
font: 15px FontAwesome;
display: inline-block;
padding-right: 5px;
}*/
.addtoany_share_save_container {
	margin-top: 20%!important;
}

div.blog-body iframe {
	width: 320px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}


div.virus {
	
}
div.virus a {

	display: block;

	padding: 10px;
	background-color: #c00;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	width: 100%;
	margin-bottom: 5%;
}

hr.cocnthr {
	border-bottom: 1px solid #ccc;
	margin-top: 5%;
	margin-bottom: 5%;
}



div.gotocontsp {
	position: fixed;
	width: 100%;
	background-color: #eb5c2a;
	z-index: 1000;

padding: 10px;
bottom: 0;
height: 60px;
}
div.gotocontsp img {
	width: 70%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}




ul.movdltop {

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;

}

ul.movdltop li {

	margin-bottom: 10px;
}
ul.movdltop li:nth-child(odd) {

}
ul.movdltop li a {
	display: block;
	padding: 10px;
	background-color: #0067a4;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

ul.movdltop li a:before {}

a.iyt:before {content:'\f008';font-family: FontAwesome;margin-right: 5px;} {
	
}
a.idl:before {content:'\f15c';font-family: FontAwesome;margin-right: 5px;} {
	
}




div.coronainfo {
	background-color: #c00;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
	padding: 10px 10px 5px;
}
div.coronainfo h2 {
	color: #ff0;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.5em;
}
div.coronainfo ul {
	
}
div.coronainfo ul li {
	color: #fff;
	font-size: 12px;
	margin-bottom: 10px;
}
div.coronainfo ul li a {
	color: #fff;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: bold;
}
div.coronainfo ul li i {
	color: #fff;
	font-size: 12px;
	margin-bottom: 10px;
}
div.coronainfo ul li a:hover {
	text-decoration: underline;
}
div.coronainfo ul li a:before {
    content: '\f138';
    font-family: FontAwesome;
    margin-right: 5px;
	font-weight: bold;
}



div.honebuto {


	margin-top: 5%;
}
div.honebuto a {
	
}

div.honebuto a img {
	width: 100%;
}


img.honetit {
	width: 100%;
	margin-bottom: 5%;
}


div.chirashi {

}
div.chirashi img {
	width: 100%;
}



div.topinfo {
	background: url(../img/bg_topinfo.gif) center center repeat fixed #fed919;

	padding: 20px;
	margin-bottom: 5%;
}
div.topinfo h2 {
	color: #000;
	font-size: 25px;
	letter-spacing: 1em;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

div.topinfo p {
	color: #000;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}


.drill {

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}

.drill img {
	width: 100%;
}


.formath {
	margin-bottom: 0!important;
}


/*faq*/
.addtoany_share_save_container * a:hover {
	display: inline;
}

.formath {
	margin-bottom: 0!important;
}

.faq {
  margin: 0 0 20px;
}
 
 .faq dt img, .faq dd img {
 	max-width: 250px;
 }
 
.faq dt {
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  margin: 25px 0 0;
  cursor: pointer;
  position: relative;
  color: #333;
  border: 1px solid #ccc;
  line-height: 1.5em;
  padding: 15px 60px 15px 15px;
  word-wrap: break-word;
}
 
.faq dd {
  font-size: 13px;
  padding: 15px;
  margin: 0;
  line-height: 1.5em;
  display: none;
  background-color: #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  color: #333;
  word-wrap: break-word;
}
 
.faq-plus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #eb5c2a;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  right: 15px;
}


div.movtit p {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
}
div.movtit iframe {
	margin-top: 5px;
	margin-bottom: 5%;

}

div.movtit hr {
border-bottom: 5px dotted #999;
margin-top: 10%;
	margin-bottom: 5%;
}


ul.subanc {
	overflow: hidden;
	margin-top: 5%;

	text-align: center;
}
ul.subanc li {
  display: inline-block;
  margin-right: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 5%;
}
ul.subanc li a {
	color: #0067a4;
	font-size: 12px;
}

h3.h3subject {
	width: 100%;
	padding: 10px;
	background-color: #0067a4;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
}


div.wcbanner {

	margin-bottom: 5%;
}
div.wcbanner img {
	width: 100%;
	height: auto;
}

ul.printdl {
	
}
ul.printdl li a {

    color: #333;
    font-size: 16px;
    line-height: 1.5em;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
ul.printdl li a::before {content:"\f019" ;
	font: 15px FontAwesome;
	margin-right: 5px;
	color: #333;
} {
	
}


section.summer2020test {
	width: 100%;
	background-color: #fff;


}





div.summer2020test {
	width: 90%;

		padding-top: 10%;
	padding-bottom: 10%;
	margin-right: 5%;
	margin-left: 5%;
}


div.summer2020out5 {
	background: url(../img/bg_lp_5.jpg) repeat #03271e;
	padding-top: 5%;
	padding-bottom: 5%;
}
	


div.summer2020test p {
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
}

div.summer2020out {
	width: 100%;


}



/*summer2020*/

.s2btm25 {
	margin-bottom: 5%!important;
}
.s2btm50 {
	margin-bottom: 10%!important;
}
.s2btm100 {
	margin-bottom: 15%!important;
}

.s2youtube {

	height: 394px;
	margin-right: auto;
	margin-left: auto;
}

section.summer2020 {


	padding-bottom: 10%;
	background-color: #fff;
}
div.summer2020 {


}

div.s2_midtit {
	width: 100%;
	background-color: #0067a4;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5em;
	border-radius: 5px;
	margin-bottom: 25px;
}

h2.s2_h2_01 {
	color: #0067a4;
	border-bottom: 1px solid #0067a4;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25em;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
h2.s2_h2_01 b {
		color: #0067a4;
		font: 25px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-weight:800;
}
p.s2_intro {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0.5em;
}
p.s2_exp01 {
	color: #333;
	font-size: 14px;
	line-height: 1.75em;
	margin-bottom: 1em;
	font-weight: 400;
	word-break: break-all;
}
p.s2_exp01 a {
	color: #0067a4;
	text-decoration: underline;
	line-height: 1.5em;
}
p.s2_exp01 i {
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
}
p.s2_exp01 b {
	color: #eb5c2a;
	font-weight: 600;
	font-size: 16px;
}

p.s2_exp03 {
	color: #333;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 1.6em;
}
p.s2_exp03 b {
	color: #eb5c2a;
	font-size: 22px;
	font-weight: 600;
}


ul.s2_list01 {
	margin-bottom: 1em;
}
ul.s2_list01 li {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0.25em;
	list-style-type: disc;
	margin-left: 1em;
}
ol.s2_list01 {
	margin-bottom: 1em;
}
ol.s2_list01 li {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0.25em;
list-style-type: decimal;
	margin-left: 2em;
}

dl.s2_cost {
		margin-right: auto;

	margin-left: auto;
}
dl.s2_cost dt {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.5em;
}
dl.s2_cost dd {
	color: #fff;
	margin-bottom: 2px;
	background-color: #0067a4;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}


a.gotosample {
	color: #0067a4;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

a.gotosample:hover {
	text-decoration: none;
}


ul.toku3list {
	padding: 10px;
	background-color: #ebf6f5;
	margin-bottom: 25px;
}
ul.toku3list li {
	  position: relative;
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	padding-left: 1.25em;
  font-weight: 400;
  margin-bottom: 1em;
}
ul.toku3list li span {
	font-size: 18px;
	  position: absolute;
  left: 0;
  margin: 0
  line-height: 1px;
  line-height: 1.5em;
  color: #333;
  font-weight: 600;
}


h3.s2_h3_01 {
	margin-bottom: 5%;
}

h3.s2_h3_01 b {
	background-color: #0067a4;
	color: #fff;
		border: 1px solid #0067a4;
	padding: 10px;
	text-align: center;

	display: inline-block;
	width: 25%;
	font-size: 18px;
	font-weight: 600;
}

h3.s2_h3_01 i {
	color: #0067a4;
		border: 1px solid #0067a4;
	padding: 10px;
	max-width: 100%;
	display: inline-block;
	width: 75%;
	font-size: 18px;
	font-weight: 600;
}


/*5step*/

div.s2_step {



}
div.s2_step dl:nth-child(1) {

}

div.s2_step dl:nth-child(2) {
	margin-bottom: 10%!important;
}
dl.s2_step {
background-color: #eaf6fd;
margin-bottom: 5%;
	margin-right: 10%;
border-radius: 5px;

padding-top: 25px;
	padding-bottom: 25px;
width: 80%;
margin-left: 10%;
}

dl.s2_step dt {
	color: #eb5c2a;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 1.5em;
	background: url(../img/bg_model2020.svg) center bottom no-repeat;
	background-size: auto 10px;
	margin-bottom: 25px;
}
dl.s2_step dd {
	text-align: center;
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em;
}
dl.s2_step dd:nth-child(1) {
	background: url(../img/f_model2020.svg) center bottom no-repeat;
	background-size: 150px auto;
	padding-bottom: 50px;
}

dl.s2_step dd img {
	width: 50%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}


dl.s2faq {
	
}
dl.s2faq dt {
	border-bottom: 1px solid #c7e8fa!important;
	background-color: #def2fb !important;
	color: #0067a4!important;
	font-size: 18px!important;
	font-weight: 600!important;

	padding: 10px!important;
	border: 1px solid #c7e8fa!important;
}
dl.s2faq dt i {
	color: #0067a4!important;
	font-size: 20px!important;
	font-weight: 600!important;
	margin-right: 5px;
}
dl.s2faq dd {
	border-right: 1px solid #c7e8fa!important;
	border-bottom: 1px solid #c7e8fa!important;
	border-left: 1px solid #c7e8fa!important;
	padding: 10px!important;
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	background-color: #f7fcfe !important;
	font-weight: 400;
}
dl.s2faq dd img {
	max-width: 100%!important;
	max-height: auto!important;
}



dl.s2faq dd a {
	color: #0067a4!important;
}
dl.s2faq dd a:hover {
	text-decoration: underline;
}

hr.s2hr {
	border-bottom: 1px dotted #999;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

iframe.s2youtube {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
}

/*TOPIMG*/

div.tc2020 {
/*	padding-top: 2.5%;*/
}
div.tc2020 img {



}
.gotocamp {
	width: 95%;
	margin-right: auto;
	margin-bottom: 2.5%;
	margin-left: auto;
}
div.bb-teacher2020 {

}
div.bb-teacher2020 img {

}
section.top-img2020 {
	padding-bottom: 60%!important;
	background-color: #02190c;
}





div.s2tnx {
	color: #0067a4;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: left;
}

div.s2contact {

	margin-right: auto;
	margin-left: auto;
	background-color: #fefbea;
	margin-top: -40px;
	padding: 2.5%;
}
div.s2contact form {

}

div.s2lphead {
	position: relative;

	margin-bottom: 5%;
	padding-bottom: 153%;
}

img.bbbg {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}

a.bbgoto {
	display: block;
	position: absolute;
	z-index: 20;
  width: 85%;
  height: 15%;
  bottom: 10px;

  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}

p.lpprivacy {
	color: #333;
	font-size: 14px!important;
	line-height: 1.5em;
}

div.resgotolp img {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}



/*summer2020_0719*/

article.sum20 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 5%;
}

h2.sum20_h2 {
	color: #333;
	font-size: 3.5vw;
	text-align: center;
	line-height: 1.5em;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

div.sum20_h3 {
	background-color: #ffdc00;
	text-align: center;
	padding-bottom: 25px;
	margin-top: 50px;
}

div.sum20_h3 p {
	color: #000;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
}

div.sum20_h3 h3 {
	text-align: center;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.25em;
	margin-top: -25px;
}
div.sum20_h3 h3 b {
	color: #333;
	font-size: 25px;
	font-weight: bold;
}

div.sum20_h3 h3 i {
	color: #333;
	font-size: 15px;
	font-weight: bold;
}


img.sum20h3icon {
	width: 50px;
	height: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	display: block;
	position: relative;
	top: -25px;
}

div.sum20_resultit {
	background-color: #eb5c2a;
	color: #fff;
	text-align: center;
	font-size: 25px;
	padding-top: 20px;
	padding-bottom: 25px;
	font-weight: bold;
	line-height: 1.25em;
}

div.sum20_resultit i {
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}

div.sum20_resultit b {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

div.sum20_result {

}

div.sum20_result dl {
	overflow: hidden;
	
	background-color: #def2fb;
	padding-bottom: 10px;
}

div.sum20_result dl dt {
	background-color: #0067a4;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}

div.sum20_result dl dd {
	color: #333;
	font-size: 14px;
	line-height: 1.25em;
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

div.sum20_plantit {
	background-color: #0067a4;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}

div.sum20_plantit h5 {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
div.sum20_plantit p {
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 1.5em;
}


div.sum20_plantit2 p {
	text-align: left;
	color: #fff;
	font-size: 15px;
	line-height: 1.5em;
	padding: 10px;
	background-color: #0067a4;
}

dl.sum20_plan {
	background-color: #def2fb;
	margin-top: 10px;
	padding: 10px;
}

dl.sum20_plan dt {
	color: #fff;
	font-size: 16px;
	background-color: #0067a4;
	padding: 10px;
	margin-bottom: 10px;
	display: inline-block;
/*	width: 7em;*/
	font-weight: bold;
	text-align: left;
line-height: 1.5em;
width: 100%;
}

dl.sum20_plan dd {
	color: #333;
	font-size: 15px;
	line-height: 2em;
}
dl.sum20_plan dd i {
	color: #eb5c2a;
	font-size: 15px;
	font-weight: bold;
}
dl.sum20_plan dd b {
	color: #eb5c2a;
	font-size: 20px;
	font-weight: bold;
}

p.sum20_caution {
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
	margin: 15px auto 20px;
	width: 90%;
}


/*lessonmovie*/

div.lm-body {
	margin-right: 5%;
	margin-left: 5%;
}

div.lm-head {

}

iframe.lm-tube {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	height: 192px;
	margin-bottom: 10%;
}

.sf-input-checkbox,sf-input-select {

border-radius: 0;
}
.sf-input-checkbox {
	width: 1.5em;
	height: 1.5em;
}

li.sf-field-taxonomy-mov_grade
,li.sf-field-taxonomy-mov_subject
 {
	
}

li.sf-field-taxonomy-mov_grade h4
,li.sf-field-taxonomy-mov_subject h4
 {
	
}
li.sf-field-taxonomy-mov_grade ul li
,li.sf-field-taxonomy-mov_subject ul li
 {
	
}

input.sf-input-checkbox {
	
}


.div-friends {

	margin: -2.5% auto 10%;
}
.div-friends2 {

	margin: 10% auto 10%;
}
.img-friends {
	width: 100%;
	height: auto;
}

/*sk2020*/
.div-sk2020 {
	padding: 5%;
}
.ul-sk2020 {


margin-left: auto;
	margin-right: auto;
}
.li-sk2020 {

}
.img-sk2020 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.img-sk2020-00 {
	width: 100%;
}
.img-sk2020-01 {
	margin-bottom: 2.5%;
}




/*lessonmovie*/

.searchandfilter {
	margin-bottom: 10%;
}

div.lm-body {

	margin-right: auto;
	margin-left: auto;
	width: 90%;
}

div.lm-head {

	margin-bottom: 10%;
}

iframe.lm-tube {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	height: 240px;
}

.searchandfilter ul {
/*	overflow: hidden;*/
}
.searchandfilter ul li {

	margin-bottom: 1em;
	float: left;
	display: block;
}

.sf-label-checkbox {
	padding-left: 5px!important;
	color: #333;
	font-size: 15px;
	font-weight: bold;
}

li.sf-field-taxonomy-mov_grade
,li.sf-field-taxonomy-mov_subject
,li.sf-field-tag
 {
	width: 100%;
	display: block;
}

li.sf-field-taxonomy-mov_grade h4
,li.sf-field-taxonomy-mov_subject h4
,li.sf-field-search  h4
,li.sf-field-tag h4
 {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	width: 100%;
	clear: both;
	display: block;
}

.sf-field-submit {

	margin-right: auto!important;
	margin-left: auto!important;
	float: none!important;
}
li.sf-field-submit input {

	width: 100%;
	display: block;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background-color: #2977fe;
	border-radius: 10px;
}

div.lm-list {

	margin-right: auto;
	margin-left: auto;
border-top: 1px dotted #ccc;
padding-bottom: 10%;
}


div.search-item  {
	border-bottom: 1px dotted #ccc;

}


div.search-item a {
display:flex;
justify-content:left;

align-items: center;
padding: 10px;
}
div.search-item a:hover {
	background-color: #efefef;
}
div.si-left {

}
div.si-right {

	color: #0071be;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	margin-left: 1em;
}

div.si-right:before {content:'\f138';
font: bold 18px/1.5em FontAwesome;
margin-right: 5px;
color: #0071be;
}

.jback {
	display: block;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #ccc;
	background-color: #efefef;
	padding: 15px 20px;
	border-radius: 5px;
	margin-bottom: 50px;
	color: #333;
	font-size: 15px;
	text-align: center;
}

.sf-field-taxonomy-mov_grade {
	padding-top: 10%!important;
}

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

.sf-level-0 {
	width: 30%!important;
	margin-right: 3%!important;
}

.sf-input-checkbox {
	margin: 0!important;
}

.sf-input-select {
	border: 1px solid #ccc;
	background-color: #efefef;
	padding: 5px;
	width: 100%;
	display: block;
}

/*topimg2021*/

section.top-img2021 {background: url(../img/bg_blackbord.jpg) repeat-x center bottom;width: 100%;
position: relative;}
div.topimg2021 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
img.top2021 {
	width: 100%;
	height: auto;
}

.h2-toptit21 {
	color: #2e6eb4;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}
.h2-toptit21 em,.h2-toptit21 b {
	color: #2e6eb4;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
}
.p-toptxt21 {
	color: #333;
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 25px;
}
.p-toptxt21 strong {
	color: #333;
	font-size: 22px;
	line-height: 1.5em;
	font-weight: bold;
}

.img-toptit21 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.img-topbtn21 {
	width: 100%;
}
.img-topbtn21-2 {
	margin-bottom: 5%!important;
}
.img-topbtn21-1 {
	margin-bottom: 2.5%!important;
	padding-top: 5%;
}
.img-topbtn21-3 {
	margin-bottom: 10%!important;
}




/*corona*/
.div-corona0 {

	margin-right: auto;
	margin-left: auto;
}
.p-corona1 {
	display: block;
	text-align: left;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 50px;
	line-height: 1.5em;
}
.ul-corona {

}
.ul-corona li {
	color: #333;
	font-size: 15px;
	line-height: 1.5em;

	margin-bottom: 50px;
}
.ul-corona li b {
	color: #006bb4;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.img-corona {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.div-corona2 {
		display: block;



	margin-bottom: 5%;
}
.div-corona2 b {
	color: #006bb4;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-bottom: 5%;	
}

.div-corona2 i {
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
}

/*policy21*/
.div-policy21 {

	margin-right: auto;
	margin-left: auto;
}
.img-policy21 {

	margin-right: auto;
	margin-left: auto;
margin-bottom: 5%;
	width: 100%;
}

.h2-policy21 {
	color: #2e6eb4;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.ul-policy21 {
	margin-bottom: 5%;
}
.ul-policy21 li {
	color: #333;
	font-size: 13px;
	line-height: 1.5em;
	list-style-type: disc;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}
.ul-policy21 li a {
	color: #2e6eb4;
	font-size: 13px;
	line-height: 1.5em;
	text-decoration: underline;
}

.h1-head {
	margin-left: 5px;
}
.h1-head a {
	display: block;
	width: 130px;
	height: 48px;
	background: url(../img/f_rogo.png) center center no-repeat;
	text-indent: -9999px;
	background-size: 100% auto;
}




/*2021spring*/

.land2021head {

	margin-right: auto;
	margin-left: auto;
	display: block;
}

.img-2021result {
	margin: 2.5% auto 5%;

	display: block;
	width: 90%;
}
.div-2021contact {
	margin-top: 0px!important;
}
.dl-2021copy01 {
	margin-top: 2.5%;
	padding-bottom: 2.5%;
}
.dl-2021copy01 dt {
	color: #2e6eb4;
	font-size: 22px;
	line-height: 1.25em;
	text-align: center;
	font-weight: 800;
	margin-bottom: 15px;
}
.dl-2021copy01 dd {
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
}

.dl-2021copy02 {
	text-align: center;
	background-color: #8acdf0;
	padding: 20px;
	margin-top: 5%;
	margin-bottom: 5%;
	display: block;
}
.dl-2021copy02 dt {
	text-align: center;
	color: #000;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 15px;
}
.dl-2021copy02 dd {
	text-align: center;
	background-color: #fedb00;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.25em;
	padding: 10px;
}
.mtop50 {
	margin-top: 10% !important;
}
.mtop25 {
	margin-top: 2.5% !important;
}
.tab-2021price {

	width: 90%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

.tab-2021price td {
	color: #333;


	font-weight: 500;

	line-height: 1.25em;
	display: block;
}


.td-price1 {
padding: 10px;
font-size: 18px;
}
.td-price2 {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}
.td-price2 i {
	color: #333;
	font-size: 12px;
}
.td-price3 {

	text-align: right!important;
	color: #e45206!important;
	font-size: 18px!important;
	font-weight: 600!important;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.td-price3 b {
	color: #e45206!important;
	font-size: 14px!important;
	font-weight: 600!important;
}


.td-price3nb {
	border-bottom-style: none;
	border-bottom-width: 0;
}

/*.tab-2021price tr:nth-child(even) td {
	background-color: #f8f8f8;
}*/



.td-price5 {
	background-color: #fff;
	color: #e35108!important;
	text-align: center;
	font-size: 18px!important;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.td-price5 b {

	color: #e35108!important;
	font-size: 22px!important;
	font-weight: 700;
}

.tab-classinfo {
	width: 90%;
	margin: 10px auto 40px;
}
.cap-classinfo {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	background-color: #d0eaf7;
	text-align: left;
	padding: 15px;
}
.th-classinfo{
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	width: 10em;
	font-weight: bold;
}
.td-classinfo{
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
}










.h3-2021price {
	background-color: #2c6eb3;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.5em;
}

.p-2021price {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 5%;
	margin-right: auto;
	display: block;
	width: 90%;
	margin-left: auto;
}

.p-2021congre {
	background-color: #e45206;
	color: #fff;
	font-size: 4.5vw;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.05em;
	line-height: 1.75em;
	padding: 5% 2.5%;
}

.p-2021congre b {
	color: #fdff26;
	font-size: 6.5vw;
	font-weight: bold;
	display: block;
	line-height: 1.5;
}

.gotoent2021sp {

	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 100;
}
.gotoent2021sp a img {
	width: 100%;
	height: auto;
}
.icon_ent2021 {
	width: 60px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	display: block;
}

.btm200 {
	padding-bottom: 200px!important;
}

.scool-land {
	width: 90%!important;
	margin-left: auto;
	margin-right: auto;
}


.div-tochu {
	color: #c00;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.5em;
}
.h3-2021price i {
	color: #fff;
	font-size: 13px;
}





.copy_alert {
  display: none;
}


.clipboard {
	display: none;
}

.clipboardbtn {
display: block;
margin-right: auto;
	margin-left: auto;

    margin-bottom: 30%;
    color: #333;
    font-size: 15px;
    text-align: center;
text-decoration: underline;
}


/*moviesearch*/
.sf-input-select {
	width: 100%!important;
}
.sf-count {
	color: #333;
	font-size: 12px;
}
.sf-count,.sf-label-checkbox,.sf-input-select {
    animation-name: fadein;
    animation-duration: 3s;
    animation-iteration-count: 1;
}
@keyframes fadein {
from {
	
    opacity: 1;
    transform: translateY(0px);color: red;}
to {
	
    opacity: 1;
    transform: translateY(0);color: #333;}
}

.div-seachform {
margin-bottom: 5%;
}

.p-seaexp {
	color: #333;
	font-size: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
.div-manual {
	margin-right: auto;
	margin-left: auto;
}

.h3-h3sea {
	color: #2b6eb3;
	font-size: 20px;
	border-bottom: 1px solid #2b6eb3;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.p-seaexp {
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
	margin-right: 1em;
	margin-left: 1em;
}
.p-seaexp a {
	color: #006db8;
	font-size: 15px;
	line-height: 2em;
	text-decoration: underline;
}

.p-seacau {
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
	padding: 25px 1em;
}
.div-space50 {
	height: 5%;
	display: block;
}

.ol-seaexp {
	
}
.ol-seaexp li{
list-style-type: decimal;
color: #333;
font-size: 15px;
line-height: 1.5em;
margin-bottom: 1em;
margin-left: 2em;
font-weight: bold;
}


. div-msf {
	width: 100%!important;
	padding-left: 0!important;
	padding-right: 0!important;
}

.h3-h3sea-sp {
	margin-bottom: -5%;
}


.ul-lpanchor {
display:flex;
justify-content:left;
flex-wrap: wrap;

margin-right: auto;
	margin-left: auto;
margin-bottom: 10%;
}
.ul-lpanchor li {
	width: calc( 100% / 2 - 2px );
	margin-right: 2px;
	margin-bottom: 2px;
}

.ul-lpanchor li a {
	font-size: 4vw;
	display: block;
	background-color: #0071be;
	color: #fff;
	padding: 15px 5px;
	font-weight: bold;
}

.ul-lpanchor li a:before {
    content: '\f138';
	font: 4vw FontAwesome;
	margin-right: 5px;
	color: #fff;
}
.h3-lpmenu {
	color: #0071be;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding-top: 10%;
	margin-bottom: 2.5%;
}
.h3-lpmenu i {
	color: #0071be;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}



.dl-voice {
	background-color: #f1f9fe;
	border-radius: 20px;
	margin-top: 5%;
	margin-right: 5%;
	margin-left: 5%;
	padding: 2.5%;
}

.dl-voice dt {
	color: #0071be;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 600;
	padding-top: 20px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-bottom: 2.5%;
}

.dl-voice dd {
	color: #333;
	font-size: 14px;
	line-height: 1.75em;
}

.btm100 {
	margin-bottom: 10%;
}
.btm50 {
	margin-bottom: 5%;
}

.dt-voice01 {
	background: url(../img/icon_voice01.svg) left center no-repeat;
	background-size: 50px auto;
}
.dt-voice02 {
	background: url(../img/icon_voice02.svg) left center no-repeat;
	background-size: 50px auto;	
}
.dt-voice03 {
	background: url(../img/icon_voice03.svg) left center no-repeat;
	background-size: 50px auto;	
}



.a-gotonline {
	display: block;
	color: #fff!important;
	background-color: #2e6eb4;
	width: 13em;
	font-size: 10px!important;
	font-weight: bold;
	text-align: center;
		position: absolute;
	top: 10px;
	right: 60px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.a-gotonline i {
	color: #fff;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 10px;
}

.ul-nt2021 {


margin-right: auto;
	margin-left: auto;
}
.ul-nt2021 li {

	margin-bottom: 20px;
}
.ul-nt2021 li a {
	display: block;
}
.ul-nt2021 li a img {
	width: 100%;
	height: auto;
}


.div-schoolmap {
position: relative;
	overflow: hidden;
	width: 100%;
padding-bottom: 400px!important;
margin-bottom: 50px;
}
.schoolmap {
	position: absolute;

	left: 0;
	width: 100%;
	  height: calc(100% + 200px + 200px)!important;

  top: -200px;
}


/*winmov*/
.h3-winmov {
	color: #fff;
	font-size: 5vw;
	text-align: center;
	font-weight: 700;
	margin-bottom: 2.5%;
	margin-right: auto;
	margin-left: auto;
	background-color: #e8460a;
	width: 90%;
	padding-top: 5%;
	padding-bottom: 5%;
}

.p-winmov {
	color: #333;
	font-size: 4vw;
	line-height: 1.75em;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
	width: 90%;
}

.art-winmov {

	width: 90%;
margin-right: auto;
	margin-left: auto;
	margin-bottom: 20%;
}

.div-winmov {
	color: #333;
	font-size: 4.5vw;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom: 10%;
}
.div-winmov iframe {
	margin: 2% auto 5%;
	height: 200px;
	display: block;
	width: 100%;
}


.p-winmov b {
	    background: linear-gradient(transparent 80%, #ff6 80%);
    color: #333;
	font-weight: bold;
}


.div-win2021-2 {
	position: relative;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
	height: 90vh;
}
.a-imgwin2021 {
	position: absolute;
	width: 100%;
}
.a-gotowinmov {
	position: absolute;
	width: 35%;
	height:35%;
	right: 2.5%;
	bottom: 35vw;

}
.a-gotowinmov img {
	width: 100%;
	height: auto;
}


.movnew {
	color: #fff;
	    animation:blink 0.75s ease-in-out infinite alternate;
	font-weight: 700;
	background-color: #c00;
	display: inline-block;
	margin-left: 5px;
	padding: 3px;
	font-size: 10px;
	border: 1px solid #fff;
}

@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}



.gotomovie2021win {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.gotomovie2021win img {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
	margin-top: 5%;
}


/*2022*/

.p-regular2022 {
	color: #333;
	font-size: 18px;
	line-height: 1.75em;
	margin: 5% auto 10%;
	font-weight: 400;
	width: 90%;
}
.p-regular2022 b {
	display: inline;
    background: linear-gradient(transparent 60%, #ff6 60%);
	color: #333;
	font-weight: 500;
	font-size: 18px;
}

.p-success2022 {
	color: #2a6eb3;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5%;
}


.p-regular2022 i {
	background-color: #2a6eb3;
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 15px;
	margin-bottom: 10px;
	line-height: 1.5em;
}

.p-regular2022 span {
	color: #c00;
	font-size: 20px;
	font-weight: bold;
}



.ul-score {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 90%;
margin-right: auto;
	margin-left: auto;
}
.ul-score li {
	width: calc(100% / 2 - 1%);
	margin-bottom: 2.5%;
}
.ul-score li img {
	width: 100%;
	height: auto;
}

.h4-regular2022 {
	color: #fff;
	font-size: 5vw;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	background-color: #2b6eb3;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
	width: 90%;
	line-height: 1.5em;
}
.h4-regular2022 i {
	color: #fff;
	font-size: 14px;
	text-align: center;

}

.h4-regular2022-2204 {
	margin-top: 5%;
	margin-bottom: 0;
}

.div-960 {

	margin-right: auto;
	margin-left: auto;
	width: 90%;
}



#toc_container {
	background-color: #f9f9f9!important;
	width: 100%!important;
	margin-top: 5%;
	margin-bottom: 5%;
}

.toc_list {}

.toc_list li {
	margin-bottom: 5%!important;
}

.toc_list li a,.toc_list li a span {
	color: #5387c0!important;
	font-size: 15px!important;
	line-height: 1.5em!important;
	margin-right: 5px;
}

.blog-body h3 span {
	color: #333;
	font-size: 18px;
	font-weight: 700!important;
	line-height: 1.5em;
	margin-top: 10%;
	display: block;
	background-color: #efefef;
	padding: 5px 10px;
}



/*samplemov*/
.div-samplemov {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5%;
	margin-bottom: 5%;
}


.h4-samplemov{
	color: #fff;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 500;
	background-color: #006ab1;
	padding: 5px 5px;
}


.ifra-samplemov{

	margin-bottom: 5%;
	width: 100%;
	height: 200px;
}


.p-samplemov{
	color: #333;
	font-size: 14px;
	line-height: 1.75em;
	margin-bottom: 15px;
	font-weight: 400;
}

.p-samplemov b{
	color: #333;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5em;
}


.a-jurai {
	display: block;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 10px;
	background-color: #055fb3;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}




.div-toprecom {
	margin-bottom: 10%;
	margin-top: 1.5%;
	background-color: #fff;
	padding: 2.5%;
}



.div-spreg {
margin: 10% auto;
width: 90%;
}
.div-spreg img {
	width: 100%;
	margin: 10px auto;
}
.div-spreg b {
	color: #333;
	font-size: 5vw;
	text-align: center;
	display: block;
	font-weight: 700;
	line-height: 1.4em;
}
.div-spreg i {
	color: #333;
	font-size: 4vw;
	text-align: center;
	display: block;
	font-weight: 300;
	line-height: 1.5em;
}



.eieioh {
	background: url(https://kyoikusupport.com/wp-content/themes/kyoikusupport2018/img/p_toppolicy.jpg) center bottom no-repeat;
	padding-bottom: 75%;
	background-size: 100% auto;
}


.a-gotoform3 {
	display: block;

	color: #fff;
	background-color: #e4025a;
	font-weight: bold;
	text-align: center;

	margin-bottom: 10%;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 90%;
	margin-left: auto;
	font-size: 5.5vw;
}

.a-gotoform22 {
	color: #ffff00;
	font-size: 5vw;
	font-weight: bold;
	text-align: center;
	background-color: #ea5c29;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom:10%;
	line-height: 1.5;
	width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;
}


.semifaq {
margin: 0 auto 10%;
width: 90%;
}
.semifaq dt {
	font-size: 16px;
	  background-color: #f6f6f6;
	margin: 10px 0 0;
	padding: 10px 60px 10px 10px;
}

.semifaq dd {
	line-height: 1.75em;
	font-size: 15px;
	  background: #fff;
	padding: 10px;
}
.semifaq dd a {
	text-decoration: underline;
	color: #006ab0;
}
.semifaq-plus {
position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    background: #eb5c2a;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;	
}


/*newhousin2022*/
.div-housin22 {

margin-bottom: 10%;
}

.div-hocon22 {

	margin-bottom: 10%;
}


.h2-housin22 {
	color: #005eb1;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 10px;
}

.h2-housin22 b {
	color: #005eb1;
	font-size: 20px;
	font-weight: bold;
}

.h2-housin22 em {
	color: #005eb1;
	font-size: 20px;
	font-weight: bold;
}



.p-housin22 {
	font-size: 13px;
	line-height: 1.75em;
}

.p-housin22 strong {
	font-size: 14px;
	line-height: 1.5em;
}
.a-housin22 {
	display: block;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #035eb2;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.a-housin22 i {
	color: #fff;
	margin-right: 5px;
}

.a-gotoschool {
	color: #5087c5;
	font-size: 14px;
	font-weight: bold;
}


.div-spregtop {
	margin: 0 auto!important;
}



/*topcont22*/

.ul-topcont22 {
display:flex;
justify-content:center;
flex-wrap: wrap;

margin-right: auto;
	margin-left: auto;
}
.ul-topcont22 li {
	width: 48.75%;
	margin-bottom: 2.5%;
}
.ul-topcont22 li a {
	display: block;
	border: 1px solid #075eb3;
	background-color: #075eb3;
}
.ul-topcont22 li a b {
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.ul-topcont22 li a img {
	width: 100%;
	height: auto;
}


.ul-topblog22 {
display:flex;
justify-content:space-between;
flex-wrap: wrap;

margin-right: auto;
	margin-left: auto;
}
.ul-topblog22 li  {
	width: 48.75%;
	padding-bottom: 2.5%;
}

.ul-topblog22 li a {
	display: block;
}
.ul-topblog22 li a img {
	width: 100%;
	height: auto;
}


#sb_instagram .sbi_follow_btn a span {
	color: #fff!important;
	font-weight: bold!important;
}


.regularschool {

	margin: 10% auto;
}
.regularimg22 {
	width: 100%!important;
	min-height: auto;
	height: auto;
	
}





.ul-landbolg {

	margin-right: auto;
	margin-left: auto;

}
.ul-landbolg li {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
}

.ul-landbolg li a {
	display: block;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;

	background-color: #efefef;
align-items: center;
}

.ul-landbolg li a img {
	width: 25%;
	height: auto;
}

.ul-landbolg li a span {
	color: #006bb4;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	padding: 10px;
	width: 75%;
	display: block;
}
.ul-landbolg li i {

	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	display: block;
	padding-top: 5px;
}

.p-landntro {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 5%;
}



.reason5lp {
	margin-bottom:10%!important;
}

.ul-scool-list2 {
margin-right: auto;
margin-bottom: 5%;
margin-left: auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
border-right: 1px solid #ea5c29;
}
.ul-scool-list2 li {
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ea5c29;

	width: 50%;
	display: block;
	font-size: 6vw;
	font-weight: bold;
	background-color: #ea5c29;
	color: #fff;
	padding-top: 5%;
	padding-bottom: 5%;
}
.ul-scool-list2 li:nth-child(2),.ul-scool-list2 li:nth-child(4) {
	border-left: 1px solid #fff;
}

.a-blogside {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
	display: block;
}
.a-blogside img {
	width: 100%;
	height: auto;
}

.p-blogside {
	color: #333;
	font-size: 5vw;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 2.5%;
	margin-top: 5%;
}








.art-aioadd {

	margin-right: auto;
	margin-left: auto;
}

.h4-aioadd {
	text-align: center;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.ul-aioadd1 {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 5%;
	margin-right: auto;
width: 90%;
	margin-left: auto;
}

.ul-aioadd1 li {
	width: 49.5%;
	margin-bottom: 1%;
}

.ul-aioadd1 li a {
	color: #085db3;
	background-color:#fff ;
	font-weight: bold;
	font-size: 4vw;
	display: block;
	border: 1px solid #085db3;
	padding: 10px 5px;
}

.sec-bg3 {
	background-color: #fff9ed;
}
.ul-aioadd1 li a i {
	margin-bottom: 0!important;
	margin-right: 5px;
	color: #085db3;
}




.ul-aioadd2 {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 5%;
	margin-right: auto;
width: 90%;
	margin-left: auto;
}

.ul-aioadd2 li {

	margin-bottom: 1%;
	width: 49.5%;
}

.ul-aioadd2 li a {
	color: #085db3;
	background-color:#fff ;
	font-weight: bold;
	font-size: 3.25vw;
	display: block;
	border: 1px solid #085db3;
	padding: 10px 5px;
}


.ul-aioadd2 li a i {
	margin-bottom: 0!important;
	margin-right: 5px;
	color: #085db3;
}

.p-aioadd {
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	font-weight: bold;
}

.ul-topcontaio {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.ul-topcontaio li {
	margin-right: 2px;
	margin-left: 2px;
}


.p-copy01 {
	font-weight: 700;
	color: #fff;
	font-size: 7vw;
	text-align: center;
	line-height: 1.25em;
	margin-top: 5%;
}

.p-copy01 i {
	font-weight: 700;
	color: #fff;
	font-size: 5vw;
	text-align: center;
	display: block;
	margin-top: 10px;
}
.img-aioadd01 {
	background-color: #fff;
	padding: 5px;
	margin: 2.5% auto;
	display: block;
	border-radius: 5px;
	width: 80%;
}


.a-toaio {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5%;
	display: block;
}
.a-toaio img {
	width: 100%;
	height: auto;
}

.ul-kamolink li a img {
	width: 100%;
	height: auto;
}





/*GOKAKU*/
.sec-gokaku {
	background-color: #fff;
	padding-top: 5%;
	padding-bottom: 5%;
}
.div-gokaku {

	margin-right: auto;
	margin-left: auto;
	border: 3px solid #c00;
	padding-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	width: 90%;
}

.p-gokaku {
	display: block;
	text-align: center;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10%;
}
.p-gokaku b {
	background-color: #c00;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 5px;
	margin-right: 5px;
}
.p-gokaku i {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}


.art-gokaku {

display:flex;
justify-content:space-between;
flex-wrap: wrap;
}

.dl-gokaku {
	margin-bottom: 5%;
	width: 100%;
}

.dt-gokaku {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5em;
	background-color: #fdeef2;
	padding: 2.5%;
	text-align: center;
}

.dd-gokaku {
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	background: url(../img/icon_gokaku2023.png) left center no-repeat;
	background-size: 15px auto;
	padding-left: 18px;
	font-weight: bold;
}


.p-gwprint {
	color: #333;
	font-size: 14px;
	line-height: 2em;
	text-align: left;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
}

.p-gwprint b {
    display: inline;
    background: linear-gradient(transparent 60%, #ff6 60%);
    color: #333;
    font-weight: bold;
    font-size: 16px;
    padding: 3px;	
}




.p-gwprint img {
	width: 100%;
	height: auto;
	margin-bottom: 10%;
}
.a-gotogwprint {
	margin: 10px auto 50px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: #ff5400;
	display: block;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}



#sb_instagram .sbi_no_js img {
	display: block!important;
}
	

.img-gototiwtter {
	width: 90%;
	margin: 2.5% auto 10%;
}


.h2-top-about i.h2-x {
	font-size: 30px!important;
}


/*WINTER2023*/
.sec-topimg2023top {
	background-color: #fe8d19;
	padding-top: 5%;
	padding-bottom: 5%;
}
.div-topimg2023 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.top2023 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.sec-topimg2023on {
	background-color: #d9eaf8;
	padding-top: 5%;
	padding-bottom: 5%;
}

.sec-topimg2023off {
	background-color: #fff;
	padding-top: 5%;
	padding-bottom: 5%;
}

.ul-menu23 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
border-right: 1px solid #0065b5;
border-bottom: 1px solid #0065b5;
}
.ul-menu23 li {
	width: calc(100% / 2);
	border-top: 1px solid #0065b5;
	border-left: 1px solid #0065b5;
}
.ul-menu23 li a {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #fff;
	display: block;
}
.ul-menu23 li a:hover {
	background-color: #b2d6f0;
}


.spn-caution {
	color: #e63930;
	font-size: 15px;
	text-align: left;
	line-height: 1.5em;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	font-weight: bold;
}

.dl-area {
	padding: 20px;
	background-color: #efefef;
	margin-bottom: 30px;
}
.dl-area dt {
	color: #006ab4;
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.dl-area dd strong {
	color: #333;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
}




/*2Weeks2024*/
.sec-2w2024 {
	width: 100%;
}
.div-2w2024{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #efefef;
	padding-top: 10%;
	padding-bottom: 10%;
}

.img-2w2024{
height: auto;
width:90%;
margin-right: auto;
	margin-left: auto;
display: block;
	margin-bottom: 5%;
}

.p-2w2024{
	color: #333;
	font-size: 20px;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5%;
	margin-right: auto;
	width: 100%;
	margin-left: auto;
}
.p-2w2024 b{
	color: #333;
	line-height: 1.5em;
	font-size: 30px;
	font-weight: bold;
}

.div-gotoline24{
width: 95%;
position: fixed;
bottom: 65px;
left: 2.5%;
z-index: 200;
}
.div-2w2024 a{

	margin-bottom: 0;
}
.a-gotoline24{
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


.img-gotoline24{
	width: 100%;
}



.div-cd2024 {
	background-color: #e40210;
	width: 100%;
	margin: -4% auto 5%;
	padding-bottom: 5px;
}
.div-cd2024 img {
	width: 80%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}


.div-cd2024top {
	background-color: #fd0200;

	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
.div-cd2024top img {
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}