/*
Theme Name: basic_child
Template: basic
*/

/************************************************************************************
General
*************************************************************************************/
*{box-sizing:border-box;}
html{height:100%; font-size:62.5%;}
body{
	color:#222;
	font-size:16px; font-size:1.6rem;
	font-family:'Noto Sans JP','Hiragino Kaku Gothic Pro','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','繝｡繧､繝ｪ繧ｪ',Meiryo,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け',sans-serif;
	font-weight:400;
	line-height:1.7;
	letter-spacing:0.5px;
	-webkit-text-size-adjust: 100% !important;
}
h1, h2, h3, h4{margin:0; padding:0; color:#222;}
a{color:#222;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}

#pagewrap{
	border-bottom:35px solid #27499D;
}
#header #main-nav .sub-arrow.closed{display:none !important;}
#content{padding-top:0;}
#content .module_row{margin-bottom:80px;}
#content .module_row:last-child{margin-bottom:0;}
#content .module_row .row_inner{
	max-width:978px;
	margin:auto;
}
#content .module_row .module{margin-right:auto;margin-left:auto;}
#content .module_row .module h3.module-title{
	font-weight:700;
	font-size:23px;
}
#content .module_row .module-image .image-caption{
	line-height:2;
	text-align:justify;
}
.module-image.bordered .image-wrap img{
	border-color:#222;
	border-width:3px;
	padding:10px;
	border-radius:10px;
}
.grecaptcha-badge{
	visibility:hidden;
}

/************************************************************************************
Common
*************************************************************************************/
br.onlypc{display:block;}
br.onlysp{display:none;}
.ra10 img{border-radius:10px;}
.ra20 iframe{border-radius:20px;}
.bora20{border-radius:20px;}
.col-red p{color:#e5005a;}
.col-blu p{color:#27499d;}
.col-grn p{color:#8ec31f;}
.col-org p{color:#f5a100;}
.col-wht p{color:#fff;}
.bkg-red p{background:#e5005a; padding:10px; border-radius:10px;}
.brd-red p{color:#e5005a; padding:10px; border-radius:10px; border:2px dashed #e5005a;}
.ttl-center h3.module-title,
.txt-center{
	text-align:center;
}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.btn-detail a{
	text-indent:-2rem;
	position:relative;
	font-weight:bold;
	display:block;
	width:300px; height:50px; max-width:100%;
	line-height:45px;
	border:3px solid #222;
	border-radius:5px;
	text-align:center;
	margin:auto;
	background:#fff;
	box-shadow:3px 3px 0px #222;
	transition:all ease 0.5s
}
	.btn-detail a:after{
		font-family:FontAwesome;
		content:'\f04b';
		position:absolute;
		right:10px;
		transition:all ease 0.5s
	}
	.btn-detail a:hover{
		box-shadow:1px 1px 0px #222;
	}
	.btn-detail a:hover:after{
		right:5px;
	}
.mark{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.contact-btns{
  float:right;
}
.contact-btns a{
  height:40px; line-height:40px;
  display:inline-block;
  color:#fff;
  font-size:1.5rem; font-size:15px;
  font-weight:bold;
  margin:23px 0 0 20px;
  padding:0 20px 0 50px;
  border-radius:40px;
  position:relative;
  transition:ease 0.5s;
}
.contact-btns a:hover{
  opacity:0.5;
}
.contact-btns a:before{
  content:'';
  font-family:FontAwesome;
  text-align:center;
  line-height:36px;
  font-size:1.8rem; font-size:18px;
  position:absolute;
  left:0;
  width:36px;height:36px;
  border:2px solid black;
  border-radius:40px;
  background:#fff;
}
.contact-btns a.trial{
  background:#7fae1b;
}
.contact-btns a.contact{
  background:#e5005a;
  height:auto;
}
.contact-btns a.trial:before{
  content:'\f073';
  border-color:#7fae1b;
  color:#7fae1b;
}
.contact-btns a.contact:before{
  content:'\f003';
  border-color:#e5005a;
  color:#e5005a;
}
#content .module_row .module.ttl00 h3.module-title,
#content .module_row .module.ttl01 h3.module-title,
#content .page-title{
	text-align:center;
	font-family:'Lilita One', sans-serif;
	font-size:50px;
	position:relative;
	margin-bottom:10px;
	padding:40px 0;
}
#content .module_row .module.ttl01 h3.module-title:before,
#content .module_row .module.ttl01 h3.module-title:after,
#content .page-title:before,
#content .page-title:after{
	display:inline-block;
	content:'';
	width:23px; height:48px;
}
#content .module_row .module.ttl01 h3.module-title:before,
#content .page-title:before{
	background:url('../../../wp-content/uploads/root/module-title-bg01.gif') no-repeat;
	margin-right:30px;
}
#content .module_row .module.ttl01 h3.module-title:after,
#content .page-title:after{
	background:url('../../../wp-content/uploads/root/module-title-bg02.gif') no-repeat;
	margin-left:30px;
}
#content .module_row .module.ttl00 h3.module-title span,
#content .module_row .module.ttl01 h3.module-title span{
	display:block; 
	position:absolute;
	font-size:1.5rem; font-size:15px;
	left:0; top:-10px;
	text-align:center;
	width:100%;
}
#content .module_row .module.ttl01 h3.module-title span{
	font-size:2rem; font-size:20px;
	letter-spacing:5px;
}
#content .module_row.ttl-mb20,
#content .module_row.ttl-mb20 .module h3.module-title{
	margin-bottom:10px;
}
#content .module_row .module.ttl02 h3.module-title{
	border-bottom:3px solid #222;
	padding-bottom:10px;
}

#content .module_row .module.dl-table01 dl{
	display:flex;
	width:80%;
	margin:0 auto 10px;
	padding:10px 0;
	border-bottom:1px dashed #222;
	font-size:18px;
}
#content .module_row .module.dl-table01 dl dt{
	width:35%;
	font-weight:bold;
}
#content .module_row .module.dl-table01 dl dt:before{
	content:'\f013';
	font-family:FontAwesome;
	padding-right:10px;
}
#content .module_row .module.dl-table02 dl{
	overflow:hidden;
	width:80%;
	margin:0 auto 10px;
	padding:10px;
	border-bottom:1px dashed #222;
}
#content .module_row .module.dl-table02 dl dt{
	float:left;
	width:80%;
}
#content .module_row .module.dl-table02 dl:first-child{
	font-weight:bold;
	background:#f7f7f7;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav{
	padding-left:0;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav li{
	width:30%;
	border-radius:10px 10px 0 0;
	border:2px solid #222;
	border-bottom:2px dashed #222;
	padding-bottom:0;
	background:#222;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav li a{
	padding:20px 30px;
	font-weight:bold;
	color:#fff;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav li:hover{
	opacity:0.7;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav li.current:hover{
	opacity:1;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav li.current{
	background:#fff;
	border-bottom:0;
	padding-bottom:1px;
	z-index:999;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav li.current a{
	color:#222;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav li.current a:before{
	content:'\f00c';
	font-family:'FontAwesome';
}
#content .module_row.tab01 .ui.module-tab .tab-content{
	padding:50px 100px;
	border-radius:0 10px 10px 10px ;
	border:2px solid #222;
	background:#fff;
	top:-4px;
	position:relative;
}

/************************************************************************************
header
*************************************************************************************/
#headerwrap{
	padding: 20px 0; background:#fff;width:100%; z-index:9999;
	border-top:35px solid #27499D;
}
#headerwrap.header-clone{
	position:fixed;
	top:0; left:0;
	z-index:9999;
	width:100%;
	transition:.3s;
	transform:translateY(-100%);
	opacity:0.9;
}
#headerwrap.header-clone:hover{
	opacity:1;
}
#headerwrap.header-clone.header-clone-show{
	transform:translateY(0);
}
#headerwrap.header-clone.header-clone-show #header hgroup{
	display:none;
}
#headerwrap #header{border-bottom:0; height:auto;}
#header hgroup{
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
}
#header hgroup #header-logo{
  width:221px;
  height:66px;
  margin-right:30px;
  float:left;
}
#header hgroup #header-logo h1 a{
  display:block;
  background:url('../../../wp-content/uploads/header-logo.png') no-repeat;
  background-size:221px 66px;
  font-size:0px;
  width:100%; height:66px;
}
#header hgroup #header-info{
  width:270px; height:auto;
  margin-top:23px;
  float:left;
}

/************************************************************************************
nav
*************************************************************************************/
#header nav #main-nav{
	position:relative;
	bottom:0;
}
#header nav #main-nav li{
	/* width:16.6%; */ width: 19.9%;
}
#header nav #main-nav li a{
	background:#fff;
	color:#222;
	border-left:1px dashed #555;
	border-radius:0;
	font-weight:bold;
	text-align:center;
	font-size:1.3rem; font-size:13px;
	margin-right:0;
	transition:all ease 0.5s;
}
#header nav #main-nav li a:hover{
	color:#fff;
	background:#27499D;
}
#header nav #main-nav li:nth-child(7) a{
	border-right:1px dashed #555;
}
#header nav #main-nav li a.has-sub:after{
	content:'\f0d7';
	font-family:'FontAwesome';
	padding-left:5px;
}
#header nav #main-nav ul.sub-menu,
#header nav #main-nav ul.sub-menu li,
#header nav #main-nav ul.sub-menu li a{
	width:100%;
}
#header nav #main-nav ul.sub-menu{
	border-radius:0;
	border:none;
	box-shadow:1px 1px 1px #eee;
}
#header nav #main-nav ul.sub-menu li a{
	border:none;
	padding:15px 0;
}
#header nav #main-nav .nav-mobile{
	display:none;
}

/************************************************************************************
footer
*************************************************************************************/
#footer {
	border:none;
	padding-top:50px;
}
#footer .back-top {
	float:none;
	margin:0;
}
#footer .back-top a{
	margin:0;
	position:fixed;
	right:50px; bottom:20px;
	background:rgba(255,255,255,0.6) url('../../../wp-content/uploads/root/totop.png') no-repeat center center;
	background-size:25px;
	width:70px; height:70px;
	border-radius:50%;
	box-shadow:2px 2px 2px #ccc;
	transition:all ease 0.2s;
}
#footer .back-top a:hover{
	background-position:center top 5px;
	background-color:rgba(255,255,255,1.0);
}
#footer .copy{
	text-align:center;
}
#footer .menu li{
	border:none;
	padding:3px 0;
}
#footer .footer-widgets .contact-btns{
	float:none;
}
#footer .footer-widgets .contact-btns a{
	margin:0;
	width:100%;
	text-align:center;
}
#footer .contact-btns.footer-fixed{
	display:none;
}
/************************************************************************************
page
*************************************************************************************/
#body .post-image{
	position:relative;
}
#body .post-image img.wp-post-image{
	width:100%;
}
#body .module_row.breadcrumbs{
	margin:0;
	padding:0;
}
#body .module_row.breadcrumbs .module{
	text-align:center;
}
#body .module_row.breadcrumbs .module a{
	display:inline-block;
	padding:10px;
	transition:all ease 0.5s;
	font-weight:bold;
	margin:0 10px;
}
#body .module_row.breadcrumbs .module a:hover{
	color:#e5005a;
	font-size:110%;
}
#body .module_row.breadcrumbs .module a:before{
	content:'\f0d7';
	font-family:'FontAwesome';
	padding-right:5px;
}
/***** top page *****/
.home #content .module_row .top-main{border-radius:20px;}
.home #content .module_row .top-main h3.module-title{
	font-family:'Lilita One', sans-serif;
	font-size:50px;
	text-align:center;
	margin:30px auto;
	color:#222;
}
.home #content .module_row .top-main h3.module-title span{
	font-family:'Noto Sans JP','Hiragino Kaku Gothic Pro','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','繝｡繧､繝ｪ繧ｪ',Meiryo,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け',sans-serif;
	font-size:22px; line-height:22px; letter-spacing:3px;
	display:block;
}
.home #content .module_row .top-main .image-wrap{
	height:509px;
}
.home #content .module_row .top-main img{
	transition:all ease 1s;
	opacity:0;
}
.home #content .module_row .top-main.top-main-play img{
	opacity:1;
}
/*
.module_row.top-news:before,
.module_row.top-curriculum:before{
	content:'';
	font-family:'Lilita One', sans-serif;
	font-size:90px;
	color:#f7f7f7;
	top:-30px;
	position:absolute;
}
.module_row.top-news:before{
	content:'NEWS & TOPICS';
}
*/
.module_row.top-about{
	background:url('../../../wp-content/uploads/top/top-bg-about02.png') no-repeat center left, url('../../../wp-content/uploads/top/top-bg-about02.png') no-repeat center right, url('../../../wp-content/uploads/top/top-bg-about01.gif') !important;
}
.module_row.inner-white>div.row_inner{
	border-radius:20px;
	padding:50px;
	background:#fff;
	width:90%;
	max-width:900px;
}
.module_row.bg-curriculum{
	background:url('../../../wp-content/uploads/top/top-bg-curriculum.png') no-repeat right -50px bottom !important;
}
@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
.module_row.top-price{
	background:url('../../../wp-content/uploads/top/top-bg-gry.gif') !important;
}
/* top-news */
.pagenav{
	text-align:center;
	margin-top:50px;
}
.pagenav a, .pagenav span{
	border:2px solid #222;
	border-radius:5px;
	padding:20px;
}
.pagenav a{background:#222; transition:all 1s ease;}
.pagenav a:hover{background:white; color:#222;}
.pagenav span{background:white;color:#222;}

/* about-miraiku */
#body .module_row .module_column.bg-schoollist{
	background:url('../../uploads/pages/image-about04.gif') no-repeat right 30px bottom 35px;
	background-size:225px;
}
.module_row .module.slider-about{
	padding-top:10px;

}
#body .module_row#faq{
	background:url('../../uploads/pages/bg-faq.gif') no-repeat center top;
	background-size:450px;
}
#body .module_row .module.faq li{
	margin-bottom:20px;
	border:none;
}
.module_row .module.faq .accordion-title{
	padding:15px 0;
}
.module_row .module.faq .accordion-title:before,
.module_row .module.faq .accordion-content:before{
	content:'';
	width:40px; height:40px;
	position:absolute;
	text-align:center;
	top:50%; left:10px;
	border-radius:50%;
	line-height:40px;
	background:#fff;
	transform: translate(0, -50%);
	box-shadow:1px 1px #ccc;
}
.module_row .module.faq .accordion-title:before{
	content:'Q';
	color:#27499d;
}
.module_row .module.faq .accordion-content{position:relative;padding-left:60px;}
.module_row .module.faq .accordion-content p:last-child{margin-bottom:0;}
.module_row .module.faq .accordion-content:before{
	content:'A';
	color:#e5005a;
	font-weight:bold;
}
.module_row .module.faq .accordion-title i{
	display:inline-block;
	position:absolute;
	right:15px;
	top:50%;
	transform: translate(0, -50%);
}
.module_row .module.faq .accordion-title a{
	padding:0 40px 0 60px;
}
.module_row .module.faq ul.ui{
	width:80%;
	margin:auto;
}
/***** school guide *****/
#content .module_row#time{
	background:url('../../uploads/pages/bg-schoolguide2.gif') no-repeat right 100px bottom 30px;
	background-size:350px;
}
#content .module_row.flow .module_column .module.flow-detail{
	border:2px solid #222;
	padding:20px;
	border-radius:20px;
	width:80%;
}
#content .module_row.flow .module_column .module.flow-detail h3.module-title{
	font-size:23px;
	border-bottom:2px dotted #222;
	padding-bottom:10px;
}
#content .module_row.flow .module_column .module.flow-detail h3.module-title span{
	color:#e5005a;
	padding-right:20px;
}
#content .module_row.flow .module_column .module.flow-detail h3.module-title span:before{
	content:'STEP.';
	font-size:18px;
	color:#27499d;
}
/***** curriculum *****/
body.curriculum #body{
	background:url('../../uploads/top/top-bg-curriculum.png') no-repeat right top;
}
#content .module_row.tab01 .ui.module-tab.tab-flow .tab-content dl{
	overflow:hidden;
}
#content .module_row.tab01 .ui.module-tab.tab-flow .tab-content dl:after{
	content:'\f13a';
	font-family:FontAwesome;
	clear:both;
	display:block;
	color:#f5a100;
	padding:10px 0 10px 40px;
	font-size:25px;
}
#content .module_row.tab01 .ui.module-tab.tab-flow .tab-content dl:last-child:after{
	display:none;
}
#content .module_row.tab01 .ui.module-tab.tab-flow .tab-content dl dt{
	width:100px; height:100px;
	text-align:center;
	float:left;
	background:#27499d;
	border-radius:10px;
	line-height:100px;
	font-weight:bold;
	color:#fff;
	margin-right:20px;
}
#content .module_row.tab01 .ui.module-tab.tab-flow .tab-content dl dd span:first-child{
	font-weight:bold;
	display:block;
	font-size:18px;
	padding:10px 0;	
	margin:0 20px 0px 120px;
}
/***** info *****/
.info-slider .carousel-wrap .caroufredsel_wrapper{
	background:url('../../../wp-content/uploads/pages/info-slider-bg.png') no-repeat center center;
}
/***** contact ******/
.cf-att{
	font-weight:bold;
	font-size:120%;
	margin-bottom:0;
}
.cf-tel{
	margin-bottom:30px;
}
.cf-tel a{
	display:inline-block;
	color:#27499D;
	font-weight:bold;
	font-size:28px; font-size:2.8rem;
	letter-spacing:2px;
	margin-bottom:5px;
}
#content .module_row.tab01.tab-contact{
	padding:0 70px;
}
form{
	width:700px;
	margin:auto;
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel], input[type=date], select{
	background:#fff;
	border-radius:5px;
	border:1px solid #ccc;
	padding:6px 10px;
	max-width:initial;
	width:100%;
}
form dl{
	overflow:hidden;
	margin-bottom:20px;
}
form span.req{
	display:inline-block;
	background:#e5005a;
	color:#fff;
	padding:0 5px;
	border-radius:5px;
	font-size:12px;
	margin-left:10px;
	position:relative;
	bottom:3px;
}
form dl dt{
	float:left;
	width:300px;
	font-weight:bold;
}
form dl dd{
	float:right;
	width:400px;
}
form dl dd label{
	width:100%;
	margin-bottom:15px;
	display:inline-block;
}
form .acceptance-487{
	display:inline-block;
	margin-bottom:20px;
}
form .acceptance-487 .wpcf7-list-item{
	margin-left:0;
}
div.privacy{
	height:300px;
	overflow-y:scroll;
	font-size:14px;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:50px;
}
div.privacy h2{
	font-size:16px;
	text-align:center;
}
div.privacy h3{
	font-size:16px;
}
div.privacy ol > li > ol{
	list-style-type:decimal-leading-zero;
}
/* evaluation */
a.eva{
	display:inline-block;padding:2px 8px 3px 5px;border-radius:3px;color:#fff;font-size:14px; font-size:1.4rem;
	transition:all ease 1s;
	background:#7fae1b;
	border:1px solid #7fae1b;
	position:relative;
	top:-3px;
}
a.eva:hover{color:#7fae1b;	background:#fff;}
a.eva::before{content:'\f0da';font-family:FontAwesome;position:relative;padding:0 5px 0;}
body.evaluation #content .page-title{
	display:none;
}
body.evaluation #content .module_row .module h3.module-title{
	font-size:32px; font-size:3.2rem;
	padding-top:30px;
}
body.evaluation #content .breadcrumbs{padding-top:50px;}
body.evaluation .evaluation-year{
	font-weight:bold;
	text-align:center;
	color:#e5005a;
}
body.evaluation #content table{
	font-size:15px; font-size:1.5rem;
	border-collapse: collapse;
	border-spacing: 0px;
	display:inline-table;
}
body.evaluation #content table th{white-space:nowrap; text-align:center; background:#27499d;color:#fff;}
body.evaluation #content .hogosya table th{background:#F5A100;}
body.evaluation #content table th.column-5,
body.evaluation #content .hogosya table th.column-7{font-size:12px; font-size:1.2rem;}
body.evaluation #content .hogosya table th.column-3{width:280px;}
body.evaluation #content .hogosya table th.column-8{width:225px;}
body.evaluation #content .hogosya table th.column-9{width:168px;}
body.evaluation #content table th,
body.evaluation #content table td{border:1px solid #3e3a39;}
body.evaluation #content table td{vertical-align:middle; text-align:justify;}
body.evaluation #content table td.column-1,
body.evaluation #content table td.column-2,
body.evaluation #content table td.column-4,
body.evaluation #content table td.column-5,
body.evaluation #content table td.column-6{text-align:center;}
body.evaluation #content .tablepress .row-hover tr:hover td{background:#fdfd7a;}

body.evaluation #content .jigyosha table td.column-3{width:300px;}
/************************************************************************************
post
*************************************************************************************/
.post .post-content{
	margin-top:20px;
}
.post .post-content .post-date{
	margin:0;
}
.single .post a{
	color:#27499d;
	border-bottom:1px dotted #27499d;
}
/* category */
.module .loops-wrapper .post{
	padding:10px;
	transition:all ease 0.5s;
}
.module .loops-wrapper .post:hover{
	box-shadow:2px 2px 8px #ccc;
}
.post .post-category ul{
	list-style:none;
	margin:0;
}
.post .post-category ul li a{
	display:block;
	border:2px solid;
	padding:10px 0;
	margin-bottom:20px;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	line-height:1;
}
.post.category-topics .post-category ul li a{
	color:#E5005A;
	border-color:#E5005A;
}
.post.category-news .post-category ul li a{
	color:#27499D;
	border-color:#27499D;
}
.post.category-event .post-category ul li a{
	color:#F5A100;
	border-color:#F5A100;
}

/* post-image */
.post .post-image img,
.post .gallery img{
	border-radius:5px;
}
.post .gallery{
	margin:50px 0;
}

/* post-title */
.post .post-title a{
	font-size:1.8rem; font-size:18px;
}

/************************************************************************************
single
*************************************************************************************/
.single .post{
	padding-top:30px;
}
.single .post .post-categories{
	margin-bottom:30px;
}
.single .post .post-date{
	margin-bottom:10px;
}
.single .post .post-title{
	border-bottom:3px solid #222;
	padding-bottom:10px; margin-bottom:30px;
}
.single .post img{
	border-radius:5px;
	margin-top: 30px;
}
.single .post-nav a{
	border-bottom:1px dashed #222;
	display:inline;
	padding-bottom:2px;
}
.single .post-nav .arrow{
	font-family:'Noto Sans JP','Hiragino Kaku Gothic Pro','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','繝｡繧､繝ｪ繧ｪ',Meiryo,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け',sans-serif;
	margin-top:0; margin-bottom:0;padding:0;
	height:30px; line-height:25px;
	border-radius:3px;
}
.single #sidebar{
	padding-top:30px;
}

/************************************************************************************
archive
*************************************************************************************/
.archive #loops-wrapper{
	display:flex;
	flex-wrap:wrap;
}
.archive #loops-wrapper .post{
	width:45%;
	margin-right:3%;
	padding:10px;
	transition:all ease 0.5s;
}
.archive #loops-wrapper .post:hover{
	box-shadow:2px 2px 8px #ccc;
}
/************************************************************************************
for tablet
*************************************************************************************/

@media screen and (max-width: 770px) {
/* general */
body #body{
	margin-top:100px;
}
body #content{
	padding-bottom:10%;
}
/* common */
#content .module_row .module.dl-table01 dl{width:90%;}
#content .module_row .module.dl-table02 dl{
	width:100%;
}
#content .module_row .module.dl-table02 dl dt{
	width:70%;
	padding-right:20px;
}
#content .module_row .module.dl-table100 dl dt{
	float:none;
	width:100%;
}
/* header */
#headerwrap{
	position:fixed;
	padding:0;
	top:0;
	z-index:9999;
	max-width:100%;
}
#headerwrap #header{padding-top:10px;}
#header hgroup{margin-bottom:10px;width:150px;z-index:9999;}
#header hgroup #header-logo,
#header hgroup #header-logo h1 a{
	width:150px; height:45px;
}
#header hgroup #header-logo h1 a{background-size:150px 45px;margin-right:0;}
#headerwrap #header nav{
	position:absolute;
	right:0; top:10px;
	width:100%;
	z-index:999;
}
#header nav #main-nav li a:hover{
	color:inherit;
	background:inherit;
}
#header nav #main-nav ul.sub-menu{
	display:none;
	background:#f7f7f7;
}
#header nav #main-nav ul.sub-menu li a{
	background:transparent;
}
#headerwrap #header nav #main-nav{
	position:fixed;
	top:100px;
	bottom:0; left:0; right:0;
	overflow-y:visible; overflow-x:hidden;
	border-radius:0; border:none;
	width:100%;
}
#headerwrap #header nav #main-nav li{
	width:100%;
	margin:0;
}
#headerwrap #header nav #main-nav li a{
	display:block;
	border:none; border-bottom:1px solid #eee;
	padding:15px;
}
#headerwrap #header nav #main-nav li:last-child a{
	border:none;
}
.mobile_menu_active #headerwrap #header nav .mobile-button{
	width:auto; height:40px;
	background-color:#27499D;
	margin:0;
	padding:0 40px 0 10px;
	line-height:40px;
	font-size:14px;
}
.mobile_menu_active #headerwrap #header nav .mobile-button:before,
.mobile_menu_active #headerwrap #header nav .mobile-button.active:before{
	color:#fff;
	right:10px;
	left:auto;
}
.mobile_menu_active #headerwrap #header nav .mobile-button.active:before{
	content:'\f00d';
}
.mobile_menu_active #headerwrap #header nav .mobile-button:after{
	content:'MENU';
	color:#fff;
}
#header nav #main-nav .nav-mobile{
	display:block;
}
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-trial,
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-contact{
	clear:none;
	float:left;
	width:50%;
}
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-trial a,
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-contact a{
	color:#fff;
	height:50px; line-height:50px;
	padding:0; margin:10px 0;
	border:none;
}
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-trial a{
	background:#7fae1b;
	border:none;
	border-radius:5px 0 0 5px;
}
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-contact a{
	background:#e5005a;
	border-radius:0 5px 5px 0;
}
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-trial a:before,
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-contact a:before{
	content:'';
	font-family:'FontAwesome';
	padding-right:5px;
}
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-trial a:before{
	content:'\f073';
}
#headerwrap #header nav #main-nav .nav-mobile.nav-mobile-contact a:before{
	content:'\f003';
}
#header nav #main-nav .nav-mobile.nav-mobile-tel a{
	background:url('../../../wp-content/uploads/header-info-1.png') no-repeat center center;
	text-indent:-9999px;
	background-size:300px;
	height:100px;
}
.nav-mobile-contact a{
	background:#e5005a;
}
/* page-home */
#content .module_row.tab01.tab-contact{
	padding:0;
}
/* page-info */
.info-slider .carousel-wrap .caroufredsel_wrapper{
	background:none;
}

}

/************************************************************************************
for smartphone
*************************************************************************************/

@media screen and (max-width: 680px) {
/* general */
.module-image.image-right .image-wrap{margin:0 0 1em;}

/* common */
br.onlypc{display:none;}
br.onlysp{display:block;}
.scroll-y p::before{
	content:'\f0da';
	font-family:FontAwesome;
	position:relative;
	padding:0 10px 0;
}
.btn-detail a{
	font-size:1.3rem; font-size:13px;
}
#content .module_row .module.dl-table01 dl{
	display:block;
}
#content .module_row .module.dl-table01 dl dt{
	width:100%;
}
#content .module_row .module.dl-table02 dl dt{
	width:55%;
	padding-right:0;
}
#content .module_row .module.dl-table02 dl dd{
	float:right;
}
#content .module_row.tab01 .ui.module-tab ul.tab-nav li{
	width:auto;
}
#content .module_row.tab01 .ui.module-tab .tab-content{
	padding:20px;
}
#content .module_row.tab01 .ui.module-tab.tab-flow .tab-content dl:after{
	padding:10px;
	text-align:center;
}
#content .module_row.tab01 .ui.module-tab.tab-flow .tab-content dl dt{
	float:none;
	width:100%; height:auto;
	line-height:1;
	padding:10px 0;
}
#content .module_row.tab01 .ui.module-tab.tab-flow .tab-content dl dd span:first-child{
	margin:0;
}
/* footer */
#footer .back-top a{
	bottom:25px; right:25px;
}
#footer .module_row.footer-info{
	width:90%;
	margin:auto;
}
#footer .module.module-image{
	text-align:center;
}
#footer .module.module-image img{
	width:100%;
	max-width:300px;
}
/* page */
#content .module_row{
	margin-bottom:40px;
}
#content .module_row .module.ttl00 h3.module-title,
#content .module_row .module.ttl01 h3.module-title,
#content .page-title{
	font-size:27px;
	padding:15px 0 0; margin-bottom:30px;
	letter-spacing:-0.5;
}
#content .module_row .module.ttl01 h3.module-title:before,
#content .module_row .module.ttl01 h3.module-title:after,
#content .page-title:before,
#content .page-title:after{
	background-size:15px;
	width:15px; height:31px;
	position:relative;
	top:7px;
}
#content .module_row .module.ttl01 h3.module-title:before,
#content .page-title:before{
	margin-right:10px;
}
#content .module_row .module.ttl01 h3.module-title:after,
#content .page-title:after{
	margin-left:10px;
}
#content .module_row .module.ttl00 h3.module-title span,
#content .module_row .module.ttl01 h3.module-title span{
	font-size:1.3rem; font-size:13px;
}
#content .module_row.inner-white{
	padding-top:30px; padding-bottom:30px;
}
.module_row.inner-white>div.row_inner{
	padding:20px;
}
.module_row.top-news{
	background:none;
}
.module_row.top-news:before,
.module_row.top-curriculum:before{
	content:'';
}
#content .module_row.tab01.tab-contact .ui.module-tab ul.tab-nav li a{
	padding:20px 10px;
	font-size:13px;
}
.module_row .module.faq ul.ui{
	width:100%;
}
#body .module_row .module_column.bg-schoollist{
	background:none;
}
#body .module_row#faq{
	background-size:200px;
}
#content .module_row.flow .module_column .module.flow-detail{
	width:90%;
}
.cf-tel a{
	background:#7fae1b;
	color:#fff;
	font-size:25px; font-size:2.5rem;
	letter-spacing:1px;
	padding: 7px 20px;
	border-radius:10px;
}
form{
	width:100%;
}
form dl{
	margin-bottom:0;
}
form dl dt,
form dl dd{
	float:none;
	width:100%;
}
body.evaluation #content .module_row .module h3.module-title{
	font-size:25px; font-size:2.5rem;
}
body.evaluation #content .evaluation-table{overflow-y:scroll;}
body.evaluation #content .evaluation-table table{width:1000px;}
body.evaluation #content .evaluation-table table th.column-3{width:250px !important;}
/* post */
.page #body .module-post .post{
	margin-bottom:15px;
}
/* archive */
.archive #loops-wrapper{display:block;}
.archive #loops-wrapper .post{margin-right:0;}
.archive #loops-wrapper .post img{width:100%;}

}



.post-image {display: none;}
.home .page-title {display: none;}



/** スライダー **/
.slider_out2 {
background: url(http://www.it-miraiku.com/otsu-karasaki/wp-content/uploads/pages/info-slider-bg.png) no-repeat top center;
}
.slider_out {
margin: 30px auto 0;
max-width: 978px;
width: 100%;
}
.slider_out button {display: none !important;}
.slider_out .slider2 {
	width: 600px;
	margin: 0 auto 10px auto;
}
.slider_out img {
  height: auto;
  width: 100%;
}


.top-main {opacity: 1 !important;}

.footer-text.tf_clearfix {display: none;}

.back-top svg {display: none;}



@media screen and (max-width: 770px) {
#header-info, .contact-btns {display: none;} 
}

.tb_yizw933 {
    display: none;
}
#body .module_row.breadcrumbs .module a {
    background: #7fae1bff;
    border-radius: 8px;
    padding: 10px 28px !important;
    margin: 10px !important;
    color: #FFFFFF !important;
    width: calc(33.33% - 20px);
    display: inline-block;
    text-align: center;
}

/* タブレット */
@media (max-width: 1024px) {
#body .module_row.breadcrumbs .module a {
    width: calc(50% - 20px);
}
}

@media (max-width: 768px) {
#body .module_row.breadcrumbs .module a {
    width: 90%;
    margin: 10px auto !important;
    display: block;
    text-align: center;
}
}


.tb_zw5u544 {
    width: 100%;
}