@charset "UTF-8";
/* body fadein */body{animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;}@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
/* a link flash */a:hover {opacity: 1;-webkit-animation: flash 1s;animation: flash 1s;}@-webkit-keyframes flash {0% {opacity: .7;}100% {opacity: 1;}}@keyframes flash {0% {opacity: .7;}100% {opacity: 1;}}

:focus {outline: 0;}  /* Safari focus Border None*/

@-moz-document url-prefix() {
	/* Firefoxだけに適用されるスタイル */
  .ff_none {display: none;}
}
@media all and (-ms-high-contrast: none) {
	/* IEだけに適用されるスタイル */
  .ie_none {display: none;}
}

em {font-style:normal;}

/* 2019-10-04 15:27:03 */
fieldset legend{display: none;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:0.96rem;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}

a {
    margin:0;
    padding:0;
    color: #089dd4;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a:hover {
    color:#5B6D44;
}
span a:hover {
		text-decoration:none;
}

img{
	border:0px;
	vertical-align:top;
}
ol, ul{
    list-style:none;
}
caption, th{
    text-align: left;
}
blockquote, q {
	quotes: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
    overflow-x: hidden;
}
html,
body {
  height: 100%;
}


/*smartphone*/
/*------------------------------------------------------------------------------*/

html { -webkit-text-size-adjust: none; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0.3);}


/*base*/
/*------------------------------------------------------------------------------*/
body{
	/*font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
	font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-style: normal;
	font-weight: 100;
	color:#333;
	font-weight:normal;
	/* font-size: 11pt; */
	font-size: 0.90rem;
	line-height:120%;
	word-break:break-all;
	width: 100%;
}

p { font-size: 100%; }

a{
	text-decoration: none;
	/* color: #000; */
	color: #0071ba;
	/* text-decoration:underline; */
}
a:hover { opacity: 1; text-decoration: underline; background-color: rgba(255, 255, 204, 0.2);color: #0071ba;}
a:hover img{
	opacity: 0.7;
}

.clear{clear:both;}
.clearfix {overflow: hidden;}
/* section:after  {overflow: hidden;} */

.FloatLeft { float: left; }
.FloatRight { float: right; }

/* 未来の教室　STYLE */
#wrapper { margin: 0; width: 100%; background: #ffffff; z-index: 9994; }
header { width: 100%; display: block; border-bottom: solid 8px #008ce6; height: 105px; z-index: 9998; position: relative; background: #ffffff; }
/* header:after { content: ""; display: block; clear: both; } */
header h1 { width: 260px; height: 157px; display: inline; float: left; position: absolute; background: url(../images/header_logo.svg) no-repeat; }
header h1 img {  }
.navivation { width: auto; float: right; padding: 10px; font-weight: 600; background: #ffffff; z-index: 9997; }
.nav_link01 { padding: 0 20px; border-left: solid 1px #000000; float: left; margin-top: 15px; height: 34px!important; display: table; text-align: left; vertical-align: middle; }
.nav_link01 a { color:#333333; }
.nav_link01_in { height: 34px!important; display: table-cell; text-align: left; vertical-align: middle; }
.text_size { display: block; padding: 0 20px; border-left: solid 1px #000000; float: left; margin-top: 15px; }
.text_size_text { display: inline; }
.nav_search { padding: 0 20px; border-left: solid 1px #000000; float: left; margin-top: 15px; z-index: 12; /*width: 100px;*/ /*width: 300px; height: auto; */ margin-right:180px;}
.meti_logo { padding: 0px 0 0 20px; float: right; width: 200px;position: absolute;top:20px;right:10px;}
.meti_logo img{position: relative; top:0;right:0; width: 200px;}
.gloval_btn { background: #f6f6f6; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); padding: 38px 0; }
.gloval_btn ul.contents{
	margin:0 auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	/* justify-content: space-between; */
	width:100%;
}
.gloval_btn ul.contents li {
		margin:0 18px 0 0;
		padding:0;
		list-style:none;
		width: 23.95%;
		border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); 
}
.gloval_btn ul.contents li:nth-of-type(4) {
		margin:0 0 0 0;
}
.gloval_btn ul.contents li a{
	display: inline-block;
	background-color: #fff;
	padding: 18px;
	margin: 4.6%;
	height: 90%;
	width: 91%;
	border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); 
}
@media only screen and (max-width:1340px) {
	.gloval_btn ul.contents li {width: 23.7%;}
	.gloval_btn ul.contents li a{height: 90%;}
}
@media only screen and (max-width:1050px) {
	.gloval_btn ul.contents li {width: 23.5%;}
	.gloval_btn ul.contents li a{height: 93%;}
}
@media only screen and (max-width:920px) {
	.gloval_btn ul.contents li {width: 23.0%;}
}
@media only screen and (max-width:690px) {
	.gloval_btn ul.contents li {margin:10px 5px 10px 5px ;width: 46.5%;height: 80%;}
	.gloval_btn ul.contents li:nth-of-type(4) {margin:10px 5px 10px 5px}
	.gloval_btn ul.contents li a{padding: 18px 5px;}
}
.contents { max-width: 1340px; width: 100%; margin: 0 auto; position: relative; }
.contents_slide { max-width: 1340px; width: 100%; margin: 0 auto; position: relative; }
.gloval_btn ul.contents li.top_Gnav01 {background-image: url(../images/gnavi_bg01.png);}
.gloval_btn ul.contents li.top_Gnav02 {background-image: url(../images/gnavi_bg02.png); }
.gloval_btn ul.contents li.top_Gnav03 {background-image: url(../images/gnavi_bg02.png); }
.gloval_btn ul.contents li.top_Gnav04 {background-image: url(../images/gnavi_bg03.png); }
.gloval_btn ul.contents li.top_Gnav01_white {background: #ffffff;padding: 10px 20px; border: 1px solid #000;}
.gloval_btn a:hover { text-decoration: none; }
.Gnav01_icon { width: 110px; height: 78px; margin: 0 auto 10px; }
.Gnav_text { text-align: center;}
.Gnav_text01 { color: #1059b6; font-weight: 600; }
.Gnav_text02 { color: #1059b6; font-size: 180%; font-weight: 600;  display: block; line-height: 180%; }
.Gnav_text01_2 { color: #008ce6; font-weight: 600; }
.Gnav_text02_2 { color: #008ce6; font-size: 180%; font-weight: 600;  display: block; line-height: 180%; }
.Gnav_text02_3 { color: #029cb4; font-size: 160%; font-weight: 600;  display: block; line-height: 130%; }
.Gnav_text03 { color: #333333; font-size: 90%; text-align: left; display: block; }
.news { padding: 0 0 40px 0;  min-height:564px;}
.news h2 { margin: 85px 0; padding: 130px 0 0 0; background: url(../images/gnavi_icon04.svg) center top no-repeat; background-size: 150px auto; text-align: center; font-size: 240%; font-weight: 600; color: #666666; }
.news_notice { width: 48%; float: left; }
.news_notice h3 { color: #029cb4; font-size: 180%; /*border-bottom: dashed 3px #029cb4;*/ background: url(../images/h3_line.png) bottom repeat-x; font-weight: 600; padding-bottom: 3px; margin-bottom: 10px; }
.news_btn { position: relative; margin-top: 45px;}
.news_btn a { font-size: 120%; display: block; width: 60%; text-align: center; border: solid 4px #029cb4; position: relative; margin: 0 auto; padding: 0.5em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/btn_arrow.svg) 94% no-repeat #ffffff; background-size: 25px auto; z-index: 2; }
.news_fb_btn { position: relative; margin-top: 45px;}
.news_fb_btn a { font-size: 120%; display: block; width: 60%; text-align: center; border: solid 4px #029cb4; position: relative; margin: 0 auto; padding: 0.5em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/facebook_icon.svg) 94% no-repeat #ffffff; background-size: 25px auto; z-index: 2; }
.news_content { background: url(../images/news_bg.png); position: relative; top: -24px; z-index: 1; padding: 62px 12px 6px; min-height:584px;}
.news_detail { width: 48%; float: left; margin-bottom: 15px; border: 1px solid rgba(4, 156, 180, 0.1);}
	/* 2019-07-11 02:13:07 */
	li.news_detail:nth-child(odd) {margin-right: 15px;}
.news_detail h4 { font-weight: 600; background: #029cb4; color: #ffffff; text-align: center; padding: 5px 0; }
.news_mainTxt { min-height: 205px; background: #ffffff; padding: 18px 12px; font-size: 100%; line-height: 160%;}
.news_detail_btn { margin-top: 30px; display: block; font-size: 80%; }
.news_detail_btn a { color: #ffffff; font-size: 120%;  background: url(../images/gnavi_bg03.png); display: block; position: relative; margin: 0 auto; padding: 0.5em 1em 0.5em 1.5em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}
.news_detail_btn img { width: 20px; display: inline-block; margin-left: 2.5em; margin-top: 4px; }
.news_facebook { width: 48%; float: right; }
.news_facebook h3 { color: #029cb4; font-size: 180%; background: url(../images/h3_line.png) bottom repeat-x; /*border-bottom: dashed 3px #029cb4;*/ font-weight: 600; padding-bottom: 3px; margin-bottom: 10px; }
.edtech_news h3 { color: #029cb4; font-size: 180%; background: url(../images/h3_line.png) bottom repeat-x; /*border-bottom: dashed 3px #029cb4;*/ font-weight: 600; padding-bottom: 3px; margin-bottom: 10px; }
.edtech_content { background: url(../images/news_bg.png); position: relative; top: 10px; z-index: 1; padding: 42px 12px; }
.edtecj_detail { width: 224px; float: left; }
.edtech_detailTxt { background: #ffffff; font-size: 100%; padding: 5px; font-weight: 100; }
.edtech_offer01 { background: url(../images/edtech_logo01.png) left 5px no-repeat; border-top: solid 1px #029cb4; font-size: 60%; display: block; margin-top: 10px;  font-weight: 100; padding: 10px 0 0 25px; }
.edtech_detail_btn { margin: 20px 0 10px; display: block; }
.edtech_detail_btn a { color: #ffffff; font-size: 90%;  background: url(../images/gnavi_bg03.png); display: block; position: relative; margin: 0 auto; padding: 0.5em 1em 0.5em 1.2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.edtech_detail_btn img { width: 20px; height: display: inline-block; margin-left: 1.5em; margin-top: 0px; }
.project { padding: 0 0 40px 0; text-align: center; }
.project h2 { margin: 45px 0; padding: 130px 0 0 0; background: url(../images/gnavi_icon01.svg) center top no-repeat; background-size: 150px auto; font-size: 240%; font-weight: 600; color: #666666; }
.project_area { background: #d3e1f8; padding: 120px 0 0; margin-top: -20px; }
.project_btn { position: relative; margin-top: 0; }
.project_btn a { font-size: 120%; display: block; width: 25%; text-align: center; position: relative; margin: 0 auto; padding: 1.0em 1em 0.5em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/gnavi_bg01.png); z-index: 2; color: #ffffff; text-decoration: none;}
.project_btn .more_search_arrow { width: 20px; height: display: inline-block; margin-left: 1em; margin-top: 3px; }
.project_btn .more_search_icon { width: 35px; height: display: inline-block; margin-right: 1em; margin-top: 0px; }
.project_content { background: url(../images/news_bg.png); position: relative; top: 10px; z-index: 1; padding: 42px 12px; }
.project_detail { width: 480px; min-height:500px; background-color: #fff; float: left; margin-bottom: 40px; }
	.project .project_detail {min-height:500px;background-color: #fff;}
	/* 2019-07-11 02:13:15 */
	li.project_detail:nth-child(odd) {margin-right: 20px;}
.project_detail h3 { background: #ffffff; font-size: 120%; font-weight: 600; padding: 15px 15px 5px 15px; }
.project_detail h4 { background: #ffffff; font-size: 120%; font-weight: 600; padding: 15px 15px; }
.project_detailTxt { background: #ffffff; font-size: 100%; padding: 5px 15px; font-weight: 100; }
.project_detail_btn { margin: 20px 0; display: block; position: relative; text-align: left; }
.project_detail_btn a { color: #ffffff; font-size: 100%; width: 50%; /*text-align: center;*/ background: url(../images/gnavi_bg01.png); display: block; position: relative; margin: 0 auto; padding: 0.5em 2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.project_detail_btn img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0; }
	/* 2019-07-12 18:07:23 */
	.search_detail_btn_c { margin: 20px 0; display: block; position: relative; text-align: left; }
	.search_detail_btn_c a { color: #ffffff; font-size: 100%; width: 50%; /*text-align: center;*/ background: url(../images/gnavi_bg02.png); display: block; position: relative; margin: 0 auto; padding: 0.5em 2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
	.search_detail_btn_c img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0; }
.service { padding: 0 0 40px 0; }
.service h2 { margin: 85px 0; padding: 130px 0 0 0; background: url(../images/gnavi_icon03.svg) center top no-repeat; background-size: 150px auto; text-align: center; font-size: 240%; font-weight: 600; color: #666666; }
.service h3 { color: #008ce6; font-size: 150%; background: url(../images/h3_line2.png) bottom repeat-x; /*border-bottom: dashed 3px #008ce6;*/ font-weight: 600; padding-bottom: 3px; margin-bottom: 10px; }
.service_btn { position: relative; margin-top: -60px; }
.service_btn a { font-size: 120%; display: block; width: 260px; text-align: center; position: absolute; right: 0px; padding: 0.7em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/gnavi_bg02.png); background-size: 25px auto; z-index: 2; color: #ffffff; text-decoration: none;}
.service_btn .more_search_arrow { width: 20px; height: display: inline-block; margin-left: 1em; margin-top: 3px; }
.service_btn .more_search_icon { width: 35px; height: display: inline-block; margin-right: 1em; margin-top: 0px; }
.service_btn img { width: 30px; height: auto; }
.service_area { background: url(../images/service_bg.png); padding: 40px 0 0; margin-top: 80px; }
.service_detail { width: 480px; min-height:450px; background-color: #fff; float: left; margin-bottom: 40px; }
.service .service_detail {min-height:540px;background-color: #fff;}
	/* 2019-07-11 02:13:15 */
	li.service_detail:nth-child(odd) {margin-right: 20px;}
.service_detail h4 { background: #ffffff; font-size: 120%; font-weight: 600; padding: 15px 15px 5px 15px; }
.service_detailTxt { background: #ffffff; font-size: 100%; padding: 5px 15px; font-weight: 100; }
.service_detail_btn { margin: 20px 0; display: block; position: relative; }
.service_detail_btn a { color: #ffffff; font-size: 100%; width: 50%;/* text-align: center;*/ background: url(../images/gnavi_bg02.png); display: block; position: relative; margin: 0 auto; padding: 0.5em 2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.service_detail_btn img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0px; }
.page_top { height: 100px; text-align: center; }
.page_top img { height: 100%; width: auto; }

footer { background: #008ce6; position: relative; padding: 24px 0; box-shadow: 0px -10px 11px -5px rgba(0,0,0,0.3); }
footer .container.clearfix {overflow:visible;}
.footer_logo { width: 200px; height: auto; position: absolute; top: -70px;}
.footer_sns { background: url(../images/footer_sns_bg.svg) no-repeat; width: 176px; height: auto; position: absolute; top: -43px; right: 0; padding: 27px 0px 27px 38px; }
.footer_sns img { width: 36px; height: auto; margin-right: 5px; }
.footer_menu { padding: 0 20px 0 297px; color: #ffffff; }
.footer_list { width: 33%; float: left; }
.footer_menu li { background: url(../images/footer_arrow.png); background-repeat: no-repeat; background-position: 214px 6px; background-size: 6px 10px; margin-bottom: 10px; }
.footer_menu li a { font-size:  90%; color: #ffffff; display: inline-block; width: 100%; padding:0.6rem 0;}
.footer_menu li a:hover{background: none;}
.footer_menu li img { width: 32px; height: auto; margin-right: 10px; }
.footer_list2 { width: 33%; float: left; list-style-type: disc; }
.footer_list2 li { background: none; background-size: auto 10px; margin-bottom: 10px; }
.footer_menu li a { font-size:  90%; color: #ffffff; display: inline-block; width: 100%; padding:0;}
.footer_list2 li a { font-size: 90%; color: #ffffff;  display: inline-block; width: 100%; padding:0;}
.footer_list2 li img { width: 32px; height: auto; margin-right: 10px; }
.footer_copyright { border-top: solid 1px #ffffff; text-align: center; color: #ffffff; margin-top: 80px; padding: 14px 0 20px 0; font-size: 80%; }
.footer_copyright a{color: #ffffff;}
.footer_copyright a:hover{background: none;}
@media only screen and (max-width:690px) {
	.footer_copyright {color: #333;padding: 6rem 0 0 0;}
	.footer_copyright a{color: #333;}
}



.pc_none { display: none; }
.sp_none { display: block; }
.sp_what_btn { display: none; }
.pc_none_block { display: none; }
.slide_sp_none { display: block; }
.slide_pc_none { display: none; }
.sp_footer_none { display: inline-block; }
.pc_footer_none { display: none; }

/* スライドエリア */
.slide_main { display: block; position: absolute; width: 700px; top: 0px; left: 0px; z-index: 9995;  }
.slide_logo { width: 380px; height: auto; float: left; padding: 76px 0 0 0; }
.slide_logo img {}
.slide_btn { width: 260px; float: right; position: relative; }
.slide_anime01 { width: 199px; height: auto; position: absolute; z-index: 3; top: 80px; }
.slide_anime02 { width: 199px; height: auto; position: absolute; z-index: 2; top: 80px; }
.slide_anime03 { width: 199px; height: auto; position: absolute; z-index: 1; top: 80px; }
.load {
width: 199px;
height: auto;
    -webkit-animation: spin 13.5s linear infinite;
    -moz-animation: spin 13.5s linear infinite;
    -ms-animation: spin 13.5s linear infinite;
    -o-animation: spin 13.5s linear infinite;
    animation: spin 13.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.load2 {
width: 199px;
height: auto;
    -webkit-animation: spin 33.5s linear infinite;
    -moz-animation: spin 33.5s linear infinite;
    -ms-animation: spin 33.5s linear infinite;
    -o-animation: spin 33.5s linear infinite;
    animation: spin 33.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.slide_text { width: 90%; float: left; margin-top: 40px; padding: 0 0 0 20px; }


.container { width: 986px; margin: 0 auto 20px; position: relative; }


/* フォントサイズ変更 */
div#changeArea { line-height: 1.5; }
div#changeArea ul#fontSize { *zoom: 1; /*forIE6,7*/ float: right; display: table-cell; }
/* div#changeArea ul#fontSize:after { content: ""; display: table; clear: both; } */
div#changeArea ul#fontSize li.changeBtn { width: 34px!important; height: 34px!important; display: table-cell; text-align: center; vertical-align: middle; background-color: #c0e6ff; padding: 1px 5px; margin-right: 15px; /*float: left;*/ cursor: pointer; }
.fontsize_text { width: auto!important; white-space: nowrap; float: left; height: 34px!important; display: table; text-align: left; vertical-align: middle; margin-right: 15px; }
.fontsize_text { background-color: #ffffff!important; cursor: auto!important; }
.fontsize_text_in { height: 34px!important; display: table-cell; text-align: left; vertical-align: middle; }
.fontsize_text a:hover { color: #333333; }
/* div#changeArea ul#fontSize li.fontsize_text:after { content: ""; display: block; clear: both; float: right; } */
div#changeArea ul#fontSize li.fontsize_text:hover { background-color: #00a83b; color: #333333; }
div#changeArea ul#fontSize li:hover { background-color: #00a83b; color: #ffffff; }
div#changeArea ul#fontSize li.active { background-color: #00a83b; color: #ffffff; }
div#changeArea ul#fontSize li.active:hover { background-color: #00a83b; color: #ffffff; }
.changeBtn { margin-right: 10px; }




/* ヘッダー検索窓 */
#ol-search{
  display:none;
}
.search-icon{
  cursor:pointer;
  background: url(../images/header_search.svg) no-repeat;
	 width: 70px;
	 height: 34px;
   display: block;
   color: #000;
	 text-indent: -99999px;
}
#ol-search:checked ~ .search-icon { background: url(../images/header_search_close.svg) no-repeat; }
.overlay, 
.ol-search-wrap{
  display:none;
  opacity:0;
  position:fixed;
  top:105px;
  left:0;
  width:100%;
  height:100%;
  animation:fade_overlay .3s;
}
.ol-search-wrap{
  z-index:-10;
}
.overlay{
  z-index:1;
  background:rgba(0,0,0,.4);
}
#ol-search:checked ~ .ol-search-wrap,
#ol-search:checked ~ .ol-search-wrap .overlay{
  display:block;
  opacity:1;
}
.ol-searchform .searchform{
  position:fixed;
  top: 125px;
  right: -0px;
  z-index:10;
  width: 380px;
  max-width: 380px;
  background: #ffffff;
  transform:translate(-50%,-50%);
  display:flex;
  padding: 20px 0 20px 20px;
}

.ol-searchform, .ol-searchform .search-submit{
  height: auto;
  padding:4px 12px;
  border:none;
  background:rgba(0,0,0,.0);
  color:#fff;
  transition:.3s;
  outline:none;
  font-size: 140%;
}
.ol-searchform {
  flex:1;
  border-radius: 0 0 0 0;
  font-size: 160%;
  height: 30px;
}
.ol-searchform .search-submit{
  cursor:pointer;
  border-radius: 0 0 0 0;
  background: url(../images/search_icon.svg) center no-repeat;
  width: 26px; height: auto;
}
.ol-searchform .search-field:focus,
.ol-searchform .search-field:focus/* + .search-submit*/{
  background:rgba(0,0,0,0);
}
.search-field { width: 80%; border: solid 1px #000; /*font-size: 100%;*/ padding: 10px; margin-right: 20px; }


.sp_menu { display: none; }

/* 固定スクロール */
.fix-header {
	background-color:#ffffff;
	/*line-height: 66px;*/
	top: -66px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #333333;
	/*padding-top:15px;*/
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 999;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
/*display: none;*/

	}

	.fix-header-contents{
		width: 100%;
		margin: 0 auto;
	}

.fix-header ul{
list-style-type: none;
}

.fix-header li{
	float:left;
	margin-right:32px;
}

.fix-header li a,.fix-header li a:visited{
	color: #fff;
	text-decoration: none;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
}

#fix-header-logo img{
width: 200px;
}

#fix-header-menus{
	float:right;
	text-align: right;
}
#scroll-fix-menu img{
padding-bottom: 5px;
   border-bottom:2px solid #fff;
}

#scroll-fix-menu .current-menu-item img{
   border-bottom:2px solid #0f142a;
}

#scroll-fix-menu a img:hover{
   border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}

/* micro clearfx 
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
*/
.cf { zoom:1 } /* For IE 6/7 */

	nav{
		width:100%;
		background-color: #ffffff;
	}
	.nav-container{
		width: 1340px;
		margin: 0 auto;
		background: #ffffff;
	}
	
	nav ul{
		padding:0;
		list-style: none;
	}
	
	nav ul li{
		float:left;
		margin:10px 30px 10px 0;
	}
	
	nav ul li a,nav ul li a:visited{
		color: #fff;
		text-decoration: none;
	}
	
	article{
		width:800px;
		margin: 0px auto ;
	}

/* 固定ヘッダー */
#second_nav_fix { background: #f6f6f6; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); padding: 10px 0; text-align: center; z-index: 100; position: relative; border-top: solid 4px #008ce6; }
.second_Gnav01 { display: inline-block; width: 190px; margin-right: 10px; background: url(../images/gnavi_bg01.png); padding: 5px; border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.second_Gnav01 a { color: #ffffff; }
.second_Gnav02 { display: inline-block; width: 190px; margin-right: 10px; background: url(../images/gnavi_bg02.png); padding: 5px; border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.second_Gnav02 a { color: #ffffff; }
.second_Gnav03 { display: inline-block; width: 190px; margin-right: 10px; background: url(../images/gnavi_bg03.png); padding: 5px; border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.second_Gnav031 a { color: #ffffff; }
.second_Gnav_text01 { color: #ffffff; font-weight: 600; }
.second_Gnav_text02 { color: #ffffff; font-size: 120%; font-weight: 600;  display: inline; line-height: 105%; }
.second_Gnav_icon { width: 44px; height: 100%; }
.second_Gnav_icon img { width: 44px; height: 33px; margin-top: 5px; }
.second_gnav_left { width: 40px; float: left; }
.second_gnav_right { min-width: 130px; float: right; letter-spacing: 0.1em;}

ul.bxslider {
  padding: 0;   /* または padding-left: 0; */
  margin: 0;
}


.fb-container { width: 100%; text-align: center; }











/* =================================
Extend 2019-07-11
================================= */

.line_limit{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
}
.line_limit.line1{-webkit-line-clamp: 1;line-clamp:1;}
.line_limit.line2{-webkit-line-clamp: 2;line-clamp:2;}
.line_limit.line3{-webkit-line-clamp: 3;line-clamp:3;}
.line_limit.line4{-webkit-line-clamp: 4;line-clamp:4;}

.thumb-480-210 {width:100%;padding-bottom:58%;background-color: #fff;background-size:cover;background-position:center top;background-repeat: no-repeat;border-bottom:1px solid #ebebeb;overflow: hidden;margin-bottom:0;background-image: url(/assets/images/noimage.png);}
.thumb-480-210:hover {opacity: 0.8;box-shadow: 0px 6px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.1);}
.thumb-360-360 {width:100%;padding-bottom:80%;background-color: #fff;background-size:cover;background-position:center center;background-repeat: no-repeat;border-bottom:1px solid #ebebeb;overflow: hidden;margin-bottom:0;background-image: url(/assets/images/noimage.png);}
.thumb-360-0 {width:100%;padding-bottom:56%;background-color: #fff;background-size:cover;background-position:center center;background-repeat: no-repeat;border-bottom:1px solid #ebebeb;overflow: hidden;margin-bottom:1rem;margin-bottom:0;background-image: url(/assets/images/noimage.png);}
.thumb-360-0:hover {opacity: 0.8;box-shadow: 0px 6px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.1);}

/* Boxの影 */
.sdw {
	box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);
}

/* 検索 */
button {cursor: pointer;}
button:hover {opacity:0.8;}
label.search_checkbox {cursor: pointer;margin-right:5px;}
label.search_checkbox:hover {
	background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8) 100%);
	border-radius: 0 5px 5px 0;
}

/* アンカー */
#main {
  margin-top: -20px; /* 固定ヘッダーの高さのマイナス値 */
  padding-top: 20px; /* ネガティブの値と同じ数値のプラス値で相殺 */
}
#list,#list-grid,#list-flat {
  margin-top: -40px; /* 固定ヘッダーの高さのマイナス値 */
  padding-top: 40px; /* ネガティブの値と同じ数値のプラス値で相殺 */
}
#news-1,#news-2,#news-3,#news-4 {
  margin-top: -80px; /* 固定ヘッダーの高さのマイナス値 */
  padding-top: 80px; /* ネガティブの値と同じ数値のプラス値で相殺 */
}
hr.gray {border: none; border-bottom: 1px solid #eee;margin-top:30px;}


table.detail_table{width: 100%;margin:40px auto 0 auto; border-collapse: collapse;border: 10px solid #f8f8f8;}
@media only screen and (max-width:690px) {
	table.detail_table{width: 96%;border: none;}
}
table.detail_table tr{border-bottom: solid 2px white;}
table.detail_table tr:last-child{border-bottom: none;}

table.detail_table th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #dfdfdf;
  /* color: white; */
  text-align: center;
  padding: 10px 0;
}
/*
table.detail_table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #dfdfdf;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
*/
table.detail_table td{
  text-align: left;
  width: 80%;
  background-color: #f8f8f8;
	padding: 15px 15px 15px 25px;
}
table.detail_table td li{
	float: left;
	/* padding-right:1rem; */
}
table.detail_table td li a{
	float: left;
	/* padding-right:1rem; */
	pointer-events: none;
	color:#333;
	text-decoration:none;
}




.detail_page_container table{
  border-collapse:separate;
  border-spacing: 5px;
  width: 100%;
}

.detail_page_container table th,table td{
  border-radius: 5px;
  padding: 10px 0;
}

.detail_page_container table th{
	background-color: #dfdfdf;
	padding: 0.6rem 1rem;
	width: 20%;
	text-align: right;
}

.detail_page_container table td{
	background-color: #f8f8f8;
	padding: 0.6rem 1rem;
	width: 80%;
}

.admin_edit {float:right;margin-top:1.6rem;color: #fff;padding:0 0.4rem;border-radius: 50px;max-width:980px;
	/* border:1px solid #e85298;background: #e85298; */
}
.admin_edit a {color: #fff;}

.news_list_detail p.txt{font-size: 110%;}
.oshirase {background-color: #ed6d33;border-radius: 4px; color:#fff; margin: 0 0 0.4rem 0; padding: 0 0.6rem; display:inline-block;font-size: 80%;}
.new {background-color: #e85298;border-radius: 4px; color:#fff; margin: 0 0.4rem 0 0; padding: 0 0.6rem; display:inline-block;font-size: 80%;}

.layout_a img,.layout_b img,.layout_c img,.layout_d img {max-height:640px;padding:5px;}

	/* show hidden */
	.sp_show {display:none;}
	.sp_hidden {display:inline-block;}
	@media only screen and (max-width: 690px) {
		.sp_show {display:block;}
		.sp_hidden {display:none;}
		 }
	/* show hidden */
	.slick-slide img.sp_show {display:none;}
	.slick-slide img.sp_hidden {display:inline-block;}
	@media only screen and (max-width: 690px) {
		.slick-slide img.sp_show {display:block;}
		.slick-slide img.sp_hidden {display:none;}
		 }
	/*BR*/
	.spbr {display:none;}
	.pcbr {display:block;}
		@media only screen and (max-width: 690px) {
			.spbr {display:block;}
			.pcbr {display:none;}
		}


		.mr10 { margin-right: 10px; }
		.mr15 { margin-right: 15px; }
		.mr20 { margin-right: 20px; }
		.mr80 { margin-right: 80px; }
		.mb60 { margin-bottom: 60px; }
		.mb40 { margin-bottom: 40px; }
		.br5 { border-right: solid 5px #ffffff; }
		.mt5 { margin-top: 5px; }
		.mt10 { margin-top: 10px; }
		.mt20 { margin-top: 20px; }
		.mt30 { margin-top: 30px; }
		.mt40 { margin-top: 40px; }
		.mt50 { margin-top: 50px; }
		.mt60 { margin-top: 60px; }
		.mt70 { margin-top: 70px; }
		.mt80 { margin-top: 80px; }
		.mb10 { margin-bottom: 10px; }
		.mb20 { margin-bottom: 20px; }
		.mb30 { margin-bottom: 30px; }
		.mb40 { margin-bottom: 40px; }
		.mb50 { margin-bottom: 50px; }
		.mb60 { margin-bottom: 60px; }
		.mb100 { margin-bottom: 100px; }
		.pb10 { padding-bottom: 10px; }
		.pb20 { padding-bottom: 20px; }
		.pb30 { padding-bottom: 30px;}
		.pb40 { padding-bottom: 40px; }
		.pb50 { padding-bottom: 50px; }
		.pb60 { padding-bottom: 60px; }
		.pb70 { padding-bottom: 70px; }
		.pb80 { padding-bottom: 80px; }
		.pb90 { padding-bottom: 90px; }
		.pb100 { padding-bottom: 100px; }
		.pr10 { padding-right: 10px; }
		.pr20 { padding-right: 20px; }
		.pt30 { padding-top: 30px; }


.movie { position:relative; height:0; margin-top:10px; padding-bottom:53.2%; padding-top:30px; overflow:hidden; }
.movie iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }


/* Embedly */
.edtech_news_c { position: relative; top: 10px; z-index: 1; padding: 42px 12px; }
						@media only screen and (max-width:690px) {
							.edtech_news_c {padding: 42px 0px; }
						}
.edtech_news_c h3 { color: #029cb4; font-size: 180%; background: url(../images/h3_line.png) bottom repeat-x; /*border-bottom: dashed 3px #029cb4;*/ font-weight: 600; padding-bottom: 3px; margin-bottom: 10px; }
.edtech_news_c ul{
	background: url(../images/news_bg.png);
	margin:20px 0 0 0;
	padding:10px 10px 0 10px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
}
.edtech_news_c ul li {
		margin:0 10px 10px 0;
		padding:10px;
		list-style:none;
		/* border: 1px solid #ebebeb; */
		border: 1px solid rgba(4, 156, 180, 0.3);
		width: 24.2%;
		background-color: #fff;
}
					@media only screen and (max-width:690px) {
						.edtech_news_c ul li {
							margin:0 0px 20px 0;
							width: 100%;
						}
					}
.edtech_news_c ul li:nth-of-type(4n) {margin:0 0px 10px 0;}
					@media only screen and (max-width:690px) {
						.edtech_news_c ul li:nth-of-type(3n) {display: none;}
						.edtech_news_c ul li:nth-of-type(4n) {display: none;}
					}
.edtech_news_c h5 { display: inline-block; background: #0097e0; color: #ffffff; padding: 5px 0; width: 124px; text-align: center; margin: 20px 0; }


/* 2019-07-29 15:56:10 */
.last-update {background-color:#dfdfdf;text-align:center;padding:0.8rem;border-radius:4px;margin:30px 0;}
.preview-page {background:#e85298;color:#fff;width:200%;margin: 50px -50% 0px -50%; padding:20px;text-align:center;font-weight:bold;font-size: 1.4rem;
display: none;}
.preview-page.btm {margin: 100px -50%;}

/* 2019-08-06 16:08:30 */
.attachment-full.size-full {width: 100%;height:auto;}



/* 2019-08-21 11:28:55 */
.c-db {color:#0097e0;}
.c-verify {color:#1059b6;}
.fwb { font-weight: bold;}