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

/**********************************************************************
*
*　　 ■ボディレイアウト
*
**********************************************************************/

body {
	position: relative;
	color: #000;
	background: #FFF;
	font-size: 75%;
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: left;
	line-height: 1.5;
	width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
html>/**/body {
	font-size: 12px; /* Except IE */
}

/**********************************************************************
*
*　　 ■default
*
**********************************************************************/

html {
	overflow-y: scroll;
	overflow-x: hidden;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
fieldset img {
border: 0;
}
img {
vertical-align: bottom;
}
ol, ul, li {
list-style: none;
}
li {
	list-style-type: none;
}

/**********************************************************************
*
*　　 ■reset
*
**********************************************************************/

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, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video , footer_top {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

table {
	word-break: break-all;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/**********************************************************************
*
*　　 ■parts
*
**********************************************************************/

.fl {
	float: left;
}
.fr {
	float: right;
}

.c_l {
	clear: left;
}

.c_b {
	clear: both;
}

.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.tc {
	text-align: center;
}

/* End hide from IE-mac */


.cb {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1%;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}


.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mtb10 {
	margin: 10px 0;
}

.mtb20 {
	margin: 20px 0;
}

.mtb30 {
	margin: 30px 0;
}

.pt30 {
	padding-top: 30px;
}

.pl20 {
	padding-left: 20px;
}

p.notes {
	line-height: 18px !important;
	color: #AAA !important;
	font-size: 12px !important;
}

p.notes span {
	color: #DD272D !important;
}

/**********************************************************************
*
*　　 ■リンク・透過変更
*
**********************************************************************/

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

a:link {
	color: #CC2728;
	text-decoration: none;
}

a:visited {
	color: #CC2728;
	text-decoration: none;
}

a:hover {
	 color: #CC2728;
	 text-decoration: none;
}

a img {
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	color: #ffffff;
	background: transparent;
		-webkit-transition: opacity 1.4s ease;
		-moz-transition: opacity 1.4s ease;
		transition: opacity 1.4s ease;
}

img {
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: none;
	background: transparent;
}

a:hover img,
a:active img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

header #head_tit #sm_btn a,
header #logo_areaul li a {
	filter:  alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-transition: opacity 1.4s ease;
	-moz-transition: opacity 1.4s ease;
	transition: opacity 1.4s ease;
	opacity: 1;
}

header #head_tit #sm_btn a:hover,
header #logo_areaul li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/**********************************************************************
*
*　　 ■外枠
*
**********************************************************************/

header,
header02,
footer {
	width: 100%;
	font-size: 14px;
}

header {
	height:50px;
	background: #FFF;
	z-index: 99999;
}

header02 {
	height:90px;
	background: #FFF;
	z-index: 99999;
}

footer {
	background: #FFF;
	clear: both;
}

article#top-p {
	background: #FFF;
	padding-top:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article {
	background: #FFF;
	padding-top:90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/**********************************************************************
*
*　　 ■ヘッダー
*
**********************************************************************/

#area-logo{
	margin: 18px 0 2px 20px;
	width: 200px;
	float: left;
}


#area-logo img{
	vertical-align: bottom;
	width:200px;
}

header h1{
	margin: 18px 0 17px 20px;
	width: 200px;
	float: left;
}

div.next_logo{
	width:60px;
	margin:2px 0 0 10px;
	float: left;
}

@media screen and (max-width: 320px){
div.next_logo{display: none;}
}

#top-p div img, header h1 img{
	vertical-align: bottom;
	width:100%;
}

header div.icon-animation {
	height: 30px;
	margin: 10px 15px 0 0;
	padding-left:30px;
	float: right;
	border-left: 1px solid #DDD;
	display: block;
	position: relative;
}
.icon-animation span {
    width: 20px;
    height: 2px;
    display: block;
    background: #E50000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
}

.type-3 span {
  -webkit-transition: all 0.3s;
          transition: all 0.3s; }

.type-3 .middle {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px); }

.type-3 .top {
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px); }

.type-3 .bottom {
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
          transform: translateY(8px); }

.type-3.is-open .middle {
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
  background: rgba(255, 255, 255, 0); }

.type-3.is-open .top {
  -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
          transform: rotate(-45deg) translateY(0px); }

.type-3.is-open .bottom {
  -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
          transform: rotate(45deg) translateY(0px); }

header div a {
	border: none;
	display: block;
	width: 20px;
	height:30px;
}

#top-nav {
	clear: both;
	background: #FFF;
}

#top-nav ul {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #FFF;
}

#top-nav ul li {
	float: left;
	width: 33%;
	height: 40px;
	border-left: 1px solid #FFF;
}

#top-nav ul li.tm01 {
	border: none !important;
}

#top-nav ul li.tm03 {
	width: 34% !important;
}


#top-nav ul li a {
	display: block;
	width: 90%;
	padding-left: 10%;
	height: 40px;
	line-height: 39px;
	color: #FFF;
	text-align: center;
}

#top-nav ul li.tm01 a {
	background: #FF7800 url(/sp/common/img/cnt01t_icon.png) no-repeat 8px center;
	background-size: 26px 17px;
}

#top-nav ul li.tm02 a {
	background: #9CCA1D url(/sp/common/img/cnt02t_icon.png) no-repeat 8px center;
	background-size: 26px 17px;
}

#top-nav ul li.tm03 a {
	background: #29C7F3 url(/sp/common/img/cnt03t_icon.png) no-repeat 8px center;
	background-size: 26px 17px;
}

/**********************************************************************
*
*　　 ■ナビゲーション
*
**********************************************************************/

#menu ul li a {
	color: #fff;
}

#menu ul li a.home,
#menu ul li a.about,
#menu ul li a.school,
#menu ul li a.guide,
#menu ul li a.service,
#menu ul li a.campaign,
#menu ul li a.contact,
#menu ul li a.phone,
#menu ul li a.etc {
	background: url(/sp/common/img/menu_arrow.png) no-repeat 20px center;
	padding-left:50px;
	background-size: 14px;
}
#menu ul li a.home:hover,
#menu ul li a.about:hover,
#menu ul li a.school:hover,
#menu ul li a.guide:hover,
#menu ul li a.service:hover,
#menu ul li a.campaign:hover,
#menu ul li a.contact:hover,
#menu ul li a.phone:hover,
#menu ul li a.etc:hover {
	background:rgba(0,0,0,0.2) url(/sp/common/img/menu_arrow.png) no-repeat 20px center;
	padding-left:50px;
	background-size: 14px;
}

#menu ul li a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

#mm-1 .mm-subtitle a,
#mm-2 .mm-subtitle a,
#mm-3 .mm-subtitle a,
#mm-4 .mm-subtitle a {
	padding-left: 30px;
	background: rgba(0, 0, 0, 0.1);
	background-position: 0 center;
}

#mm-1 li a,
#mm-2 li a,
#mm-3 li a,
#mm-4 li a {
	padding-left: 50px;
	background: url(/sp/common/img/menu_arrow.png) no-repeat 20px center;
	background-size: 14px;
}

#mm-1 .mm-subtitle a:hover,
#mm-2 .mm-subtitle a:hover,
#mm-3 .mm-subtitle a:hover,
#mm-4 .mm-subtitle a:hover {
	padding-left: 30px;
	background: rgba(0, 0, 0, 0.2) !important;
	background-position: 0 center;
}

#mm-1 li a:hover,
#mm-2 li a:hover,
#mm-3 li a:hover,
#mm-4 li a:hover {
	padding-left:50px;
	background: rgba(0,0,0,0.2) url(/sp/common/img/menu_arrow.png) no-repeat 20px center !important;
	background-size: 14px !important;
}

a.mm-next {
	padding-left: 0 !important;
	background: none !important;
}

a.mm-next:hover {
	background: rgba(0, 0, 0, 0.2) !important;
	background-image: none !important;
}

/**********************************************************************
*
*　　 ■トップナビゲーション
*
**********************************************************************/

#top_nav {
	width:100%;
	padding: 20px 0 ;
	background: #F2F2F2;
}

#top_nav ul {
	width:315px;
	margin: 0 auto;
}
#top_nav ul li {
	width: 89px;
	float: left;
	margin: 0 8px;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-top: 1px solid #EEE;
}

#top_nav ul li a {
	display: block;
	padding-top: 15px;
	width: 89px;
	height: 75px;
	text-align: center;
	font-weight: bold;
}

li.cnt07 a,
li.cnt08 a {
	padding-top: 8px !important;
	height: 82px !important;
}

.cnt01 a {
	border-bottom: 3px solid #FF7800;
	background: #FFF url(/sp/common/img/cnt01_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #FF7800;
}

.cnt01 a p {
	color: #FF7800 !important;
}

.cnt02 a {
	border-bottom: 3px solid #9CCA1D;
	background: #FFF url(/sp/common/img/cnt02_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #9CCA1D;
}

.cnt02 a p {
	color: #9CCA1D !important;
}

.cnt03 a {
	border-bottom: 3px solid #29C7F3;
	background: #FFF url(/sp/common/img/cnt03_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #29C7F3;
}

.cnt03 a p {
	color: #29C7F3 !important;
}

.cnt04 a {
	border-bottom: 3px solid #FF748F;
	background: #FFF url(/sp/common/img/cnt04_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #FF748F;
}

.cnt04 a p {
	color: #FF748F !important;
}

.cnt05 a {
	border-bottom: 3px solid #FFAD1E;
	background: #FFF url(/sp/common/img/cnt05_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #FFAD1E;
}

.cnt05 a p {
	color: #FFAD1E !important;
}

.cnt06 a {
	border-bottom: 3px solid #786CBB;
	background: #FFF url(/sp/common/img/cnt06_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #786CBB;
}

.cnt06 a p {
	color: #786CBB !important;
}

.cnt07 a {
	border-bottom: 3px solid #BC4792;
	background: #FFF url(/sp/common/img/cnt07_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #BC4792;
}

.cnt07 a p {
	color: #BC4792 !important;
}

.cnt08 a {
	border-bottom: 3px solid #229652;
	background: #FFF url(/sp/common/img/cnt08_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #229652;
}

.cnt08 a p {
	color: #229652 !important;
}

.cnt09 a {
	border-bottom: 3px solid #0083EA;
	background: #FFF url(/sp/common/img/cnt09_arrow.png) no-repeat right top;
	background-size: 14px 14px;
	color: #0083EA;
}

.cnt09 a p {
	color: #0083EA !important;
}

.cnt01 a img,
.cnt02 a img,
.cnt03 a img,
.cnt04 a img,
.cnt05 a img,
.cnt06 a img,
.cnt09 a img {
	width: 89px;
	margin: 8px auto 0;
}
.cnt07 a img,
.cnt08 a img {
	width: 89px;
}

/**********************************************************************
*
*　　 ■お問合せエリア
*
**********************************************************************/

.cnt_area {
	width: 100%;
	border-bottom:10px solid #E6E6E6;
	border-top:1px solid #CCC;
}

.cnt_area div {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #63D5DE;
	padding: 30px 0 35px;
	border-top:10px solid #E6E6E6;
	border-bottom:2px solid #32C8D3;
}

.cnt_area p {
	text-align: center;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 14px;
	width: 270px;
	margin: 0 auto 15px;
	padding-bottom: 4px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.cnt_area img {
	width: 100%;
}

.cnt_area ul {
	width: 320px;
	margin: 0 auto;
}

.cnt_area ul li {
	float: left;
	width:150px;
	height: 60px;
	margin: 0 5px;
}

.cnt_area ul li a {
	display: block;
	width:150px;
	height: 60px;
	background: #FFFF00;
	box-shadow: 0 5px 0 #FFAA00;
}

.cnt_area ul li:first-child a {
	background: #2EC66C !important;
	box-shadow: 0 5px 0 #006837;
}

/**********************************************************************
*
*　　 ■タイトルエリア
*
**********************************************************************/

#title_area {
	padding-bottom: 15px;
}

#title_area img {
	width: 100%;
	margin-bottom: 8px;
}

#title_area p img {
}

#title_area p {
	width: 92%;
	margin: 0 auto;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 16px;
}


/**********************************************************************
*
*　　 ■キャンペーントップ
*
**********************************************************************/

#camapign_top {
	width:100%;
	padding-bottom: 10px;
	background: #F2F2F2;
}

#camapign_top h3 {
	color: #FFF;
	text-align: center;
	background: #E50000;
	padding: 18px 0;
	line-height:20px;
	font-size: 16px !important;
	margin-bottom: 20px;
	border-bottom: 2px solid #BC1223;
}

#camapign_top h3 span {
	display: block;
	line-height: 16px;
	font-size: 8px !important;
	letter-spacing: 0.3em;
}

/**********************************************************************
*
*　　 ■おすすめコンテンツ
*
**********************************************************************/

#cnt_menu {
	width: 100%;
	padding-bottom: 10px;
	background: #F2F2F2;
}

#cnt_menu h3 {
	color: #FFF;
	text-align: center;
	background: #E50000;
	padding: 18px 0;
	line-height:20px;
	font-size: 16px !important;
	margin-bottom: 20px;
	border-bottom: 2px solid #BC1223;
}

#cnt_menu h3 span {
	display: block;
	line-height: 16px;
	font-size: 8px !important;
	letter-spacing: 0.3em;
}

#cnt_menu ul {
	width:315px;
	margin: 0 auto;
}

#cnt_menu ul li {
	width: 89px;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-top: 1px solid #EEE;
	float: left;
	margin: 8px;
}

#cnt_menu ul li a {
	display: block;
	padding-top: 15px;
	width: 89px;
	height: 75px;
	text-align: center;
	font-weight: bold;
}

#cnt_menu ul li p {
	text-align: center;
	color: #393938;
}

/**********************************************************************
*
*　　 ■ニュース・トピックス
*
**********************************************************************/

#news_topics {
	width: 100%;
	background: #F2F2F2;
	padding-bottom: 20px;
}

#news_topics h3 {
	color: #FFF;
	text-align: center;
	background: #E50000;
	padding: 18px 0;
	line-height: 20px;
	font-size: 16px !important;
	margin-bottom: 20px;
	border-bottom: 2px solid #BC1223;
}

#news_topics h3 span {
	display: block;
	line-height: 16px;
	font-size: 8px !important;
	letter-spacing: 0.3em;
}

#news_topics #news {
	width:300px;
	height:240px;
	overflow: auto;
	margin: 0 auto 10px;
	padding:10px;
	border: 4px solid #DDD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
}
#news_topics ul::-webkit-scrollbar {
	overflow: hidden;
	width: 10px;
	background: #AAA;
}
#news_topics ul::-webkit-scrollbar:horizontal {
	height: 10px;
}
#news_topics ul::-webkit-scrollbar-button {
	display: none;
}
#news_topics ul::-webkit-scrollbar-piece {
	background: #AAA;
}
#news_topics ul::-webkit-scrollbar-piece:start {
	background: #AAA;
}
#news_topics ul::-webkit-scrollbar-thumb {
	overflow: hidden;
	background: #444;
}
#news_topics ul::-webkit-scrollbar-corner {
	overflow: hidden;
	background: #444;
}

#news_topics #news li {
	border-bottom: 1px dotted #DDD;
	padding-bottom: 8px;
	margin-bottom: 8px; 
}

#news_topics #news li p {
	font-size: 14px;
	line-height:22px;
	color:#343231;
}

#news_topics #news li img {
	width: 80px;
	margin-right: 8px;
}

#teacher-nav {
	width:100%;
	background: #FFF;
	margin: 0 auto;
	border-bottom:10px solid #E6E6E6;
	border-top:1px solid #CCC;
}

#teacher-nav div {
	width: 100%;
	padding: 20px 0;
	border-top:10px solid #E6E6E6;
	border-bottom:1px solid #CCC;
}

#teacher-nav ul {
	width: 300px !important;
	margin: 0 auto;
}

#teacher-nav ul li {
	float: left;
}

#teacher-nav ul li:first-child {
	margin-bottom: 10px;
}

#teacher-nav ul li:last-child {
	margin-left: 10px;
}

#teacher-nav ul li img {
	display: block;
	width: 145px !important;
	margin: 0 auto;
}

#teacher-nav ul li:first-child img {
	display: block;
	width: 300px !important;
	margin: 0 auto;
}

/**********************************************************************
*
*　　 ■footer
*
**********************************************************************/

#footer_nav li {
	float: left;
	width: 25%;
	height: 90px;
	border-left: 1px solid #EEE;
}

#footer_nav li:first-child {
	border: none;
}

#footer_nav li a {
	display: block;
	width:100%;
	height: 100%;
	text-align: center;
	padding-top: 15px;
	height: 75px;
	font-weight: bold;
}


#page-top {
	width: 100%;
	height: 56px;
	background: #FFFFDD;
}

#page-top a {
	display:block;
	width: 100%;
	height: 56px;
	line-height: 76px;
	text-align: center;
	font-size:12px;
	color: #E8172B;
	background: url(/sp/common/img/back_arrow.png) no-repeat center 14px;
	background-size: 20px;
}

#b_nav ul {
	width:100%;
	margin: 0 auto;
}

#b_nav ul li {
	width:50%;
	height:50px;
	margin: 0;
	float: left;
}

#b_nav ul li:first-child {
	border-right: 1px solid #FFF;
}

#b_nav ul li a {
	display: block;
	width:100%;
	height:49px;
	background: #EEE;
	color: #777;
	line-height: 49px;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}

footer div {
	padding: 18px 0 12px;
}

footer div h5 {
	width: 300px;
	margin: 0 auto;
}

footer div h5 img {
	width: 100%;
}

#copyright {
	height: 20px;
	line-height:20px;
	font-size: 8px;
	color: #E8172B;
	text-align: center;
	font-weight: bold;
}

#copyright span {
	font-size: 12px !important;
}

#footer_top div h3 {
	width:100%;
	text-align: center;
	font-size: 14px;
	padding:20px 0 20px 0;
	font-weight:600;
	border-bottom: 1px solid #E7E1E1;
}


#footer_top li{
	display: table;
	width:100%;
	border-bottom: 1px solid #E7E1E1;
}


#footer_top a{
	display:block;
	vertical-align: middle;
	line-height:40px;
	background:url(../img/icon_free_arrow.png)no-repeat 5px;
	background-position : 98% 50%;
	outline: none;
	padding:7px 0;
}


#footer_top ul li a img{
	width:74px;
	float:left;
	padding:0 5px 0 3px;
}

#footer_top ul li a p{
	font-size:10px;
	color:hsla(0,0%,33%,1.00);
	line-height:40px;
	
}


/**********************************************************************
*
*　　 ■owl-carousel
*
**********************************************************************/

#owl-inner {
	background: none;
}

#owl-inner div a img {
	width: 100%;
}

/**********************************************************************
*
*　　 ■swiper
*
**********************************************************************/

 .swiper-container {
 	width: 100%;
	margin: 0 auto;
 }
 
 .swiper-slide {
	 text-align: center;
	 /* Center slide text vertically */
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 -webkit-justify-content: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center;
	 align-items: center;
}

/**********************************************************************
*
*　　 ■border-box
*
**********************************************************************/

.cnt_area ul li a {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

/**********************************************************************
*
*　　 ■border-box
*
**********************************************************************/

#top_nav ul li,
#b_nav ul li,
#cnt_menu ul li,
#footer_nav li,
#footer_top li,
#top-nav ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/**********************************************************************
*
*　　 ■cookie同意
*
**********************************************************************/

  .cookie-consent {
    display: flex;
   /* justify-content: space-between;*/
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 11px;
    color: #FFF;
    background: rgba(43,123,189,0.6);
    padding: 1.2em;
    box-sizing: border-box;
    visibility: hidden;
  }
  .cookie-consent.is-show {
    visibility: visible;
  }
  .cookie-consent a {
    color: #f2e268 !important;
  }
  .cookie-agree {
    color: #fff;
    background: #00CED1;
    padding: .5em 1.5em;
    border-radius:5px;
  }
  .cookie-agree:hover {
    cursor: pointer;
  }
  /* パッと消える */
  .cc-hide1 {
    display: none;
  }
  /* ゆっくり消える */
  .cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  /* メディアクエリ */
  @media screen and (max-width: 600px) {
    .cookie-consent {
      flex-direction: column;
      font-size: 0.8rem;
      padding: 0.5rem 0.8rem;

    }
    .cookie-text {
      margin-bottom: 0.2rem;
    }
    .cookie-agree {
    padding: 0.2rem 1rem;
    border-radius:5px;
  }

  }
/**********************************************************************
*
*　　 ■回り込み解除
*
**********************************************************************/
header:after,
#top_nav ul:after,
.cnt_area ul:after,
#cnt_menu ul:after,
#cnt_menu ul:after,
#footer_nav ul:after,
#top-nav ul:after,
#b_nav ul:after,
#teacher-nav ul:after,
#footer_top ul li a img:after{
	content: "";
	display: block;
	clear: both;
}