@charset "utf-8";
/* CSS Document */
/*
Theme Name: kec
Theme URI: http://corp.aiosl.jp
Description: kec
Version: 1.0
Author: AIOSL
Author URI: http://corp.aiosl.jp
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: collapse!important;border-spacing: 0!important;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
/*font:14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
color:#333333;
font-family:Hiragino Kaku Gothic Pro, Meiryo, Osaka, MS PGothic, sans-serif;
font-feature-settings : "palt"!important;-webkit-font-feature-settings: "palt";
}


/* リンク設定
------------------------------------------------------------*/


/*br/SpPcで改行位置変更 */
/*------PC用　768px以上----------*/
@media (min-width:768px) {
 .br-pc{ display: block;}
 .br-sp{ display: none;}
}
/*------SP用　767px以下----------*/
@media (max-width:767px) {
 .br-pc{ display: none;}
 .br-sp{ display: block;}
}

.clear-both{clear: both!important;}

.fontsize-min80{font-size: 80%;}
.fontsize-min70{font-size: 70%;}

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#000000;
}
/****
a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
opacity: .7;
}****/
/****
a:visited{
	color:#83c7e6;
}****/


/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
letter-spacing:0.1em;
padding:10px 20px;
margin:0 15px;
background: #999999;
background: -moz-linear-gradient(top, #999999 0%, #666666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4d4d), color-stop(100%,#2e2c2c));
background: -webkit-linear-gradient(top, #999999 0%,#666666 100%);
background: -o-linear-gradient(top, #999999 0%,#666666 100%);
background: -ms-linear-gradient(top, #999999 0%,#666666 100%);
background: linear-gradient(to bottom, #999999 0%,#666666 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 );*/
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:130%;
color:#fff;
    cursor: pointer;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #4f4d4d;
background: -moz-linear-gradient(top, #cccccc 0%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2c2c), color-stop(100%,#4f4d4d));
background: -webkit-linear-gradient(top, #cccccc 0%,#999999 100%);
background: -o-linear-gradient(top, #cccccc 0%,#999999 100%);
background: -ms-linear-gradient(top, #cccccc 0%,#999999 100%);
background: linear-gradient(to bottom, #cccccc 0%,#999999 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 );*/
}

*:first-child+html input[type="submit"]{padding:3px;}

.submit-button{
	margin:15px auto;
	text-align:center;
}
.txt_mini{
	font-size:85%;
}
.txt_big{
	font-size:150%;
}
/* レイアウト
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
width:950px;
*zoom:1;
overflow: hidden;
}

.inner{
margin:0 auto;
width:950px;
*zoom:1;
}

#header{overflow:hidden;}

#content {
	float: right;
	width: 696px;
	padding: 15px 0 20px;
}

#sidebar{
float:left;
width:225px;
padding:15px 0 20px;
}

#one-content{
/*float:right;*/
width:950px;
padding:15px 0 20px;
}

.block_box{
	display: block;
	clear: both;
	padding: 10px;
	margin: 0 0 20px 0;
	border: dotted 2px #cccccc;
	overflow: hidden;
}

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

/* サイト説明文
----------------------------------*/


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding-top:10px;
color: #3c2f13;
font-size:160%;
font-weight:bold;
}
/*#header h2 a{
	font-size: 1.85em;
	color: #8ebf13;
	letter-spacing: -1px;
	position: relative;
	top: -2px;
}
#header h2 a span:first-child{
	font-size: 1.15em;
	letter-spacing: 2px;
	position: relative;
	top: 2px;
}
#header h2 a span:last-child{
	letter-spacing: -3px;
	font-size: 0.95em;
	position: relative;
	top: -2px;
	margin-left: 1.5px;
}*/
/* コンタクトインフォメーション
----------------------------------*/
#headerInfo{
float:right;
text-align:left;
}

#headerInfo UL{
	margin:0;
	padding:0;
	overflow:hidden;
	*zoom:1;
}
#headerInfo LI{
	display:inline-block;
	padding-left:10px;
}



/* メインメニュー
*****************************************************/
nav#mainNav{
clear:both;
padding:0;
position:relative;
z-index:200;
}

nav#mainNav ul{
width:100%;
*zoom:1;
display: flex;
justify-content: space-between;
}

nav#mainNav ul li{
flex:1;
position: relative;
padding:0;
height:30px;
line-height:30px;
padding: 30px 0;
}

nav#mainNav ul li a{
display: block;
text-align: center;
color:#333333;
font-size:115%;
font-weight:bold;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
color:#8EBF00;
}
/* nav#mainNav a:visited{
	color:#83c7e6;
}*/

/* トップページ　メイン画像
----------------------------------*/

.main_bn{
	width:950px;
	margin:15px auto 0;
	text-align:center;
	overflow:hidden;
	*zoom:1;
}
.main_bn UL,.main_bn LI{
	margin:0;
	padding:0;
}
.main_bn LI{
	padding:0 15px 0 0;
	float:left;
	width:226px;
}
.main_bn LI.last{
	padding-right:0;
}

/* タイポグラフィ
*****************************************************/
h1.title{
clear:both;
margin:30px 0 20px;
padding:5px 0;
font-size:110%;
color: #252525;
border-bottom:1px solid #3c2f13;
}

h1.first{margin-top:0 !important;}

h2.title{
clear:both;
margin:30px 0 20px;
padding:5px 0;
font-size:110%;
color: #252525;
border-bottom:1px solid #3c2f13;
}

h2.first{margin-top:0 !important;}

.dateLabel{
margin:10px 0;
text-align:right;
font-size:90%;
}

.post p{padding-bottom:30px;font-size:110%;}

.post p a:link    { text-decoration: underline; color:#0c72ed;}
.post p a:visited { text-decoration: underline; color:#0c72ed;}
.post p a:active  { text-decoration: underline; color:#0c72ed;}
.post p a:hover   { text-decoration: underline; color:#c30d23;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1,#content H1,#one-content H1{
margin:10px 0;
padding:20px 10px 20px 10px;
font-size:140%;
line-height:130%;
font-weight:bold;
color:#FFFFFF;
border:4px double #FFFFFF;
background:#8EBF00;
letter-spacing: 0.05em;
clear: both;
}

.post h2,#content H2,#one-content H2{
margin:10px 0;
padding:20px 10px 20px 10px;
font-size:140%;
line-height:130%;
font-weight:bold;
color:#FFFFFF;
border:4px double #FFFFFF;
background:#8EBF00;
letter-spacing: 0.05em;
clear: both;
}

.post h3{
	margin:10px 0;
	padding:20px 10px 20px 10px;
	font-size:120%;
	font-weight:bold;
	color:#23942C;
	background:#FFFFFF;
	border:2px solid #23942C;
	letter-spacing: 0.05em;
	clear: both;
}
.post h4{
	margin:20px 0 10px 0;
	font-size:120%;
	font-weight:bold;
	color:#333333;
	border-width:2px 2px 2px 2px ;
	border-color:#333333;
	border-style:solid;
	padding: 20px 10px;
	clear: both;
}

.post h5{
	margin:0 0 5px 0;
	font-size:120%;
	font-weight:bold;
	color:#333333;
	border-width:0px 0px 2px 0px ;
	border-color:#8fc31f;
	border-style:solid;
	padding: 5px 0px;
}

.post .read{
	margin:0 0 5px 0;
	padding:10px;
    font-size:110%;
	background:#f6ffdc;
	color:#000000;
	line-height:140%;
	font-weight:bold;
	clear: both;
}
/*
.post h3 SPAN{
	font-size:80%;
	font-weight:normal;
	display:block;
}
*/
.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}

.post blockquote p{padding:5px 0;}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #CCCCCC;
    font-size: 100%;
    line-height: 141.7%;
    margin: 10px -1px 24px 0;
    width: 100%;
    text-align:left;
}
table th {
    box-shadow: 1px 1px 0 #FFFFFF inset;
    border: 1px solid #CCCCCC;
    vertical-align: top;
    font-weight: bold;
    background-color: #F0F0F0;
    padding: 10px;
    /*white-space: nowrap;*/
    text-align:left;
}
table td {
    border: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align: middle;
    text-align:left;
}
table SPAN{
	font-weight:normal;
}
.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
clear: both;
}

img.alignright{
padding:0;
margin:0 0 8px 8px;
display:inline;
}

img.alignleft{
padding:0;
margin: 0 8px 8px 0;
display:inline;
}

.alignright{float:right;}
.alignleft{float: left;}



/* サイドバー　ウィジェット
*****************************************************/
section.widget{
margin-bottom:15px;
}
section.page{
margin-bottom:10px;
}
@media (min-width: 767px) {
section.page .sidebanner{
max-width: 225px;
}}
@media (max-width: 767px) {
section.page .sidebanner{
width: 100%;
padding-bottom:10px;
}}
section.widget h3{
clear:both;
margin:0;
padding:5px 0;
font-size:100%;
font-weight:normal;
color: #252525;
}

section.widget li{
margin: 0;
padding:5px 0 5px 20px;
border-bottom: 1px dashed #B4B4B4;
/*font-size:110%;*/
}
section.widget li A{
	color:#000000;
}
section.widget li A:HOVER{
	color:#666666;
}
/*section.widget li A:visited{
	color:#83c7e6;;
}*/
#searchform input[type="text"]{
line-height:1.7;
height:24px;
vertical-align:bottom;
}

/*サイド*/
#nav_menu-2,#nav_menu-3,#nav_menu-4,#nav_menu-school{
	background:#F3F3F3;
	padding:0 8px 8px;
	margin-bottom:15px;
}
#nav_menu-2 UL,#nav_menu-3 UL,#nav_menu-4 UL,#nav_menu-school UL{
	background:#FFFFFF;
	padding:8px;
}

#sidebar section H3 {
	font-size:120%;
	font-weight:bold;
	padding:5px 5px 5px 30px;
}
#nav_menu-2 H3{
	color:#8EBF00;
	background:url(images/p_course.png) no-repeat 0 50%;
}
#nav_menu-3 H3{
	color:#83C7E6;
	background:url(images/p_contents.png) no-repeat 0 50%;
}

#nav_menu-4 H3{
	color:#83C7E6;
	background:url(images/p_contents.png) no-repeat 0 50%;
}
#nav_menu-school H3{
	color:#D16D3B;
	background:url(images/p_school.png) no-repeat 0 50%;
}
#nav_menu-2 LI{
	background:url(images/p_01.png) no-repeat 0 50%;
}
#nav_menu-3 LI{
	background:url(images/p_02.png) no-repeat 0 50%;
}
#nav_menu-4 LI{
	background:url(images/p_02.png) no-repeat 0 50%;
}
#nav_menu-school LI{
	padding:5px 0 10px;
	margin-bottom:5px;
	border-bottom: 1px dashed #B4B4B4;
}
#nav_menu-school LI A:hover{
	text-decoration:underline;;
}
section.page LI{
	padding-bottom:5px;
}
#sidebar STRONG{
	font-weight:bold;
	font-size:110%;
	overflow:hidden;
	*zoom:1;
}
#sidebar STRONG IMG{
	float:right;
}
/* フッター
*****************************************************/
#footer{
	background:#8EBF00;
	color:#FFFFFF;
	overflow:hidden;
	margin-bottom: 100px;
}
#footer .f_menu{
	width:1100px;
	margin:80px auto;
	overflow:hidden;
	*zoom:1;
}
#footer ul{
	float:left;
	width:19.5%;
	font-size:85%;
	padding:15px;
	height:130px;
}
#footer ul.wide{
	border-left:none;
	/*border-right:1px dotted #FFF;*/
	padding-left:0;
	width:30%;
}
#footer ul.last{
	border-right:1px dotted #FFF;
}
#footer ul ul{padding-bottom:0;width:auto;}

#footer ul li{
	vertical-align:text-top;
	text-align:left;
	padding:0 0 5px 0;
	margin-left:15px;
	list-style:disc;
}

#footer ul li a{
	/*display:block;*/
	padding:0;
	overflow:hidden;
	color:#FFFFFF;
}

#footer ul li	a:hover{text-decoration:underline;}

#footer ul li li{
display:block;
padding:0;
margin-left:5px;
background:url(images/arrow2.png) no-repeat 0 6px;
}

#footer ul li	li a{padding:0 0 0 8px;}

*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{
	width: 1100px;
	margin: 0 auto;
padding:0 0 30px;
font-style:normal;
font-size:12%;
zoom:1;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}




/*AIOSL*/

/*Layout*/
.wrap {
    clear: both;
    overflow: hidden;
	*zoom:1;
    padding-bottom: 10px;
}
table {
    font-size: inherit;
}
.txt10 {
    font-size: 77%;
}
.txt11 {
    font-size: 85%;
}
.txt12 {
    font-size: 93%;
}
.txt13 {
    font-size: 100%;
}
.txt14 {
    font-size: 108%;
}
.txt15 {
    font-size: 116%;
}
.txt16 {
    font-size: 123.1%;
}
.txt17 {
    font-size: 131%;
}
.txt18 {
    font-size: 138.5%;
}
.txt19 {
    font-size: 146.5%;
}
.txt20 {
    font-size: 153.9%;
}
.txt21 {
    font-size: 161.6%;
}
.txt22 {
    font-size: 167%;
}
.txt23 {
    font-size: 174%;
}
.txt24 {
    font-size: 182%;
}
.txt25 {
    font-size: 189%;
}
.txt26 {
    font-size: 197%;
}
.m_t5 {
    margin-top: 5px;
}
.m_t10 {
    margin-top: 10px;
}
.m_t15 {
    margin-top: 15px;
}
.m_t20 {
    margin-top: 20px;
}
.m_t25 {
    margin-top: 25px;
}
.m_t30 {
    margin-top: 30px;
}
.m_t35 {
    margin-top: 35px;
}
.m_t40 {
    margin-top: 40px;
}
.m_t45 {
    margin-top: 45px;
}
.m_t50 {
    margin-top: 50px;
}
.m_b5 {
    margin-bottom: 5px;
}
.m_b10 {
    margin-bottom: 10px;
}
.m_b15 {
    margin-bottom: 15px;
}
.m_b20 {
    margin-bottom: 20px;
}
.m_b25 {
    margin-bottom: 25px;
}
.m_b30 {
    margin-bottom: 30px;
}
.m_b35 {
    margin-bottom: 35px;
}
.m_b40 {
    margin-bottom: 40px;
}
.m_b45 {
    margin-bottom: 45px;
}
.m_b50 {
    margin-bottom: 50px;
}
.m_l5 {
    margin-left: 5px;
}
.m_l10 {
    margin-left: 10px;
}
.m_l15 {
    margin-left: 15px;
}
.m_l20 {
    margin-left: 20px;
}
.m_l25 {
    margin-left: 25px;
}
.m_l30 {
    margin-left: 30px;
}
.m_l35 {
    margin-left: 35px;
}
.m_l40 {
    margin-left: 40px;
}
.m_l45 {
    margin-left: 45px;
}
.m_l50 {
    margin-left: 50px;
}
.m_r5 {
    margin-right: 5px;
}
.m_r10 {
    margin-right: 10px;
}
.m_r15 {
    margin-right: 15px;
}
.m_r20 {
    margin-right: 20px;
}
.m_r25 {
    margin-right: 25px;
}
.m_r30 {
    margin-right: 30px;
}
.m_r35 {
    margin-right: 35px;
}
.m_r40 {
    margin-right: 40px;
}
.m_r45 {
    margin-right: 45px;
}
.m_r50 {
    margin-right: 50px;
}
.p_t5 {
    padding-top: 5px;
}
.p_t10 {
    padding-top: 10px;
}
.p_t15 {
    padding-top: 15px;
}
.p_t20 {
    padding-top: 20px;
}
.p_t25 {
    padding-top: 25px;
}
.p_t30 {
    padding-top: 30px;
}
.p_t35 {
    padding-top: 35px;
}
.p_t40 {
    padding-top: 40px;
}
.p_t45 {
    padding-top: 45px;
}
.p_t50 {
    padding-top: 50px;
}
.p_b5 {
    padding-bottom: 5px;
}
.p_b10 {
    padding-bottom: 10px;
}
.p_b15 {
    padding-bottom: 15px;
}
.p_b20 {
    padding-bottom: 20px;
}
.p_b25 {
    padding-bottom: 25px;
}
.p_b30 {
    padding-bottom: 30px;
}
.p_b35 {
    padding-bottom: 35px;
}
.p_b40 {
    padding-bottom: 40px;
}
.p_b45 {
    padding-bottom: 45px;
}
.p_b50 {
    padding-bottom: 50px;
}
.p_l5 {
    padding-left: 5px;
}
.p_l10 {
    padding-left: 10px;
}
.p_l15 {
    padding-left: 15px;
}
.p_l20 {
    padding-left: 20px;
}
.p_l25 {
    padding-left: 25px;
}
.p_l30 {
    padding-left: 30px;
}
.p_l35 {
    padding-left: 35px;
}
.p_l40 {
    padding-left: 40px;
}
.p_l45 {
    padding-left: 45px;
}
.p_l50 {
    padding-left: 50px;
}
.p_r5 {
    padding-right: 5px;
}
.p_r10 {
    padding-right: 10px;
}
.p_r15 {
    padding-right: 15px;
}
.p_r20 {
    padding-right: 20px;
}
.p_r25 {
    padding-right: 25px;
}
.p_r30 {
    padding-right: 30px;
}
.p_r35 {
    padding-right: 35px;
}
.p_r40 {
    padding-right: 40px;
}
.p_r45 {
    padding-right: 45px;
}
.p_r50 {
    padding-right: 50px;
}
.w50 {
    width: 50px;
}
.w60 {
    width: 60px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w105 {
    width: 105px;
}
.w110 {
    width: 110px;
}
.w115 {
    width: 115px;
}
.w120 {
    width: 120px;
}
.w125 {
    width: 125px;
}
.w130 {
    width: 130px;
}
.w135 {
    width: 135px;
}
.w140 {
    width: 140px;
}
.w145 {
    width: 145px;
}
.w150 {
    width: 150px;
}
.w155 {
    width: 155px;
}
.w160 {
    width: 160px;
}
.w165 {
    width: 165px;
}
.w170 {
    width: 170px;
}
.w175 {
    width: 175px;
}
.w180 {
    width: 180px;
}
.w185 {
    width: 185px;
}
.w190 {
    width: 190px;
}
.w195 {
    width: 195px;
}
.w200 {
    width: 200px;
}
.w205 {
    width: 205px;
}
.w210 {
    width: 210px;
}
.w215 {
    width: 215px;
}
.w220 {
    width: 220px;
}
.w225 {
    width: 225px;
}
.w230 {
    width: 230px;
}
.w235 {
    width: 235px;
}
.w240 {
    width: 240px;
}
.w245 {
    width: 245px;
}
.w250 {
    width: 250px;
}
.w255 {
    width: 255px;
}
.w260 {
    width: 260px;
}
.w265 {
    width: 265px;
}
.w270 {
    width: 270px;
}
.w275 {
    width: 275px;
}
.w280 {
    width: 280px;
}
.w285 {
    width: 285px;
}
.w290 {
    width: 290px;
}
.w295 {
    width: 295px;
}
.w300 {
    width: 300px;
}
.w305 {
    width: 305px;
}
.w310 {
    width: 310px;
}
.w315 {
    width: 315px;
}
.w320 {
    width: 320px;
}
.w325 {
    width: 325px;
}
.w330 {
    width: 330px;
}
.w335 {
    width: 335px;
}
.w340 {
    width: 340px;
}
.w345 {
    width: 345px;
}
.w350 {
    width: 350px;
}
.w355 {
    width: 355px;
}
.w360 {
    width: 360px;
}
.w365 {
    width: 365px;
}
.w370 {
    width: 370px;
}
.w375 {
    width: 375px;
}
.w380 {
    width: 380px;
}
.w385 {
    width: 385px;
}
.w390 {
    width: 390px;
}
.w395 {
    width: 395px;
}
.w400 {
    width: 400px;
}
.w405 {
    width: 405px;
}
.w410 {
    width: 410px;
}
.w415 {
    width: 415px;
}
.w420 {
    width: 420px;
}
.w425 {
    width: 425px;
}
.w430 {
    width: 430px;
}
.w435 {
    width: 435px;
}
.w440 {
    width: 440px;
}
.w445 {
    width: 445px;
}
.w450 {
    width: 450px;
}
.w455 {
    width: 455px;
}
.w460 {
    width: 460px;
}
.w465 {
    width: 465px;
}
.w470 {
    width: 470px;
}
.w475 {
    width: 475px;
}
.w480 {
    width: 480px;
}
.w485 {
    width: 485px;
}
.w490 {
    width: 490px;
}
.w495 {
    width: 495px;
}
.w500 {
    width: 500px;
}
.w505 {
    width: 505px;
}
.w510 {
    width: 510px;
}
.w515 {
    width: 515px;
}
.w520 {
    width: 520px;
}
.w525 {
    width: 525px;
}
.w530 {
    width: 530px;
}
.w535 {
    width: 535px;
}
.w540 {
    width: 540px;
}
.w545 {
    width: 545px;
}
.w550 {
    width: 550px;
}
.w555 {
    width: 555px;
}
.w560 {
    width: 560px;
}
.w565 {
    width: 565px;
}
.w570 {
    width: 570px;
}
.w575 {
    width: 575px;
}
.w580 {
    width: 580px;
}
.w585 {
    width: 585px;
}
.w590 {
    width: 590px;
}
.w595 {
    width: 595px;
}
.w600 {
    width: 600px;
}
.w605 {
    width: 605px;
}
.w610 {
    width: 610px;
}
.w615 {
    width: 615px;
}
.w620 {
    width: 620px;
}
.w625 {
    width: 625px;
}
.w630 {
    width: 630px;
}
.w635 {
    width: 635px;
}
.w640 {
    width: 640px;
}
.w645 {
    width: 645px;
}
.w650 {
    width: 650px;
}
.w655 {
    width: 655px;
}
.w660 {
    width: 660px;
}
.w665 {
    width: 665px;
}
.w670 {
    width: 670px;
}
.w675 {
    width: 675px;
}
.w680 {
    width: 680px;
}
.w685 {
    width: 685px;
}
.w690 {
    width: 690px;
}
.w695 {
    width: 695px;
}
.w700 {
    width: 700px;
}
.w705 {
    width: 705px;
}
.w710 {
    width: 710px;
}
.w715 {
    width: 715px;
}
.w720 {
    width: 720px;
}
.w725 {
    width: 725px;
}
.w730 {
    width: 730px;
}
.w735 {
    width: 735px;
}
.w740 {
    width: 740px;
}
.w745 {
    width: 745px;
}
.w750 {
    width: 750px;
}
.w755 {
    width: 755px;
}
.w760 {
    width: 760px;
}
.w765 {
    width: 765px;
}
.w770 {
    width: 770px;
}
.w775 {
    width: 775px;
}
.w780 {
    width: 780px;
}
.w785 {
    width: 785px;
}
.w790 {
    width: 790px;
}
.w795 {
    width: 795px;
}
.w800 {
    width: 800px;
}
.w805 {
    width: 805px;
}
.w810 {
    width: 810px;
}
.w815 {
    width: 815px;
}
.w820 {
    width: 820px;
}
.w825 {
    width: 825px;
}
.w830 {
    width: 830px;
}
.w835 {
    width: 835px;
}
.w840 {
    width: 840px;
}
.w845 {
    width: 845px;
}
.w850 {
    width: 850px;
}
.w855 {
    width: 855px;
}
.w860 {
    width: 860px;
}
.w865 {
    width: 865px;
}
.w870 {
    width: 870px;
}
.w875 {
    width: 875px;
}
.w880 {
    width: 880px;
}
.w885 {
    width: 885px;
}
.w890 {
    width: 890px;
}
.w895 {
    width: 895px;
}
.w900 {
    width: 900px;
}
.f_l {
    float: left;
}
.f_r {
    float: right;
}
.txt_c {
    text-align: center;
}
.txt_l {
    text-align: left;
}
.txt_r {
    text-align: right;
}
img {
    border: medium none;
}
.bold {
    font-weight: bold;
}
.last {
    margin-right: 0;
}

/*LIST*/
.list01{
	padding:0 0 5px;
	overflow:hidden;
	*zoom:1;
}
.list01 LI{
	padding:0;
	text-align:left;
	margin-left:20px;
	list-style:disc;
}
.post .list02{
	margin:0;
	padding:0;
	overflow:hidden;
	*zoom:1;
	list-style:none;
	text-align:center;
}
.post .list02 LI{
	color: #fff;
	background: none repeat scroll 0 0 #23942c;
	display: inline-block;
	width:30%;
	font-size: 120%;
	font-weight: bold;
	text-align:center;
	letter-spacing:0.05em;
	list-style: none outside none;
	padding: 8px;
	margin:0 1px;
	border-radius: 5px;        /* CSS3 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
}
.post .list03{

}
.post .list03 LI{
	margin:0 0 10px 0;
	background:none;
	border-bottom:1px dashed #CCC;
	font-weight:bold;
}
.post .list03 LI > SPAN{
	font-size:130%;
	line-height:120%;
	display:inline-block;
	vertical-align: middle;
	width:32%;
}
.post .list03 LI EM{
	font-size:330%;
	color:#cc0000;
	display:inline-block;
	vertical-align: middle;
	width:35%;
	text-align:center;
	padding-right:10px;
}


/*STRONG*/
.post p.pop01{
	color:#8ebf00;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	padding:5px;
	margin-bottom:10px;
}
.post p.pop02{
	color:#FFF;
	background:#23942c;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	padding:5px;
	margin-bottom:10px;
}
.post p.pop03{
	color:#FFF;
	background:#83c7e6;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	padding:5px;
	margin-bottom:10px;
}
.post p.pop04{
	color:#ff9900;
	text-align:center;
	font-size: 140%;
    	font-weight: bold;
	display:block;
	border-bottom:5px double #FF9900;
	width:55%;
	padding:10px 0 0;
}
/*ページナビ*/
#content .wp-pagenavi{
float:right !important;
margin:20px 0 !important;
padding:20px 0 !important;
}
.listbox{
	border-top:3px solid #eeeeee;
	*zoom: 1;
	padding: 15px 0;
	overflow:hidden;
	text-align:right;
}
.listbox A{
    background: url("images/arrow.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    float: right;
    padding-left: 15px;
}
h2.pagetitle,h2.cattitle{
	/*border:1px solid #cccccc;*/
	border-radius: 5px;        /* CSS3 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	background-color: #eeeeee;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eeeeee');
	*zoom: 1;
	padding: 20px;
	overflow:hidden;
}

/*装飾*/
.bold01{
color:#CE120A;
font-weight:bold;
font-size:115%;
}
.bold02{
color:#226A86;
font-weight:bold;
font-size:115%;
}
.small{
font-size:95%;
color:#888888;
}
.spec {
    color: #FF8040;
    font-size: 10px;
}
.txt_glay{
color:#666666;
}
.txt_red,.red{
color:#CC0000;
}
.txt_blu{
color:#003366;
}
.txt_b{
font-size:115%;
font-weight:bold;
}
a img:hover {
    opacity: 0.8;
}
/*table*/
.post table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #CCCCCC;
    font-size: 100%;
    line-height: 141.7%;
    margin: 10px -1px 24px 0;
    width: 100%;
    /* text-align:left;*/
}
.post table th {
    box-shadow: 1px 1px 0 #FFFFFF inset;
    border: 1px solid #CCCCCC;
    vertical-align: top;
    font-weight: bold;
    background-color: #F0F0F0;
    padding: 10px;
    /*white-space: nowrap;*/
    /* text-align:left;*/
	min-width:32%;
}
.post table td {
    border: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align: middle;
    /* text-align:left;*/
}
.post table th.txt_c{
    text-align:center;
}
.post table.tbl02 {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #CCCCCC;
    font-size: 85%;
    line-height: 100%;
    margin: 10px 0;
    width: 100%;
}
.post .tbl02 th {
    box-shadow: 1px 1px 0 #FFFFFF inset;
    border: 1px solid #CCCCCC;
    vertical-align: top;
    font-weight: bold;
    padding: 8px 3px;
    white-space: nowrap;
    text-align:center;
    vertical-align: top;
}
.post .tbl02 td {
    border: 1px solid #CCCCCC;
    padding: 8px 5px;
    vertical-align: middle;
    text-align:left;
    vertical-align: top;
}
.post .tbl02 td.nr{
white-space:nowrap;
}
.tbl_box{
width:480px;
margin:auto;
text-align:center;
padding-bottom:20px;
}
.post table.tbl_map{
}
.post table.tbl_map,.post table.tbl_map TR,.post table.tbl_map TD{
border:0 !important;
padding:0 !important;
margin:0 !important;
padding-bottom:0 !important;
}
.post table.tbl_map IMG{
vertical-align:top;
}
table.tbl03 {
    border-collapse: collapse;
    border-spacing: 0;
    /*border-top: 1px solid #CCCCCC;*/
    font-size: 100%;
    /*line-height: 125%;*/
    margin: 10px -1px 10px 0;
    text-align: left;
}
.tbl03 th {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 0 #FFFFFF inset;
    font-weight: bold;
    padding: 6px 12px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}
.tbl03 td {
    border: 1px solid #CCCCCC;
    padding: 6px 12px;
    text-align: left;
    vertical-align: top;
}

/*下層メインタイトルバナー*/

.box01{
	background-color:#FFF;
	padding:15px;
	border:1px dashed #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 3px rgba(58, 58, 58, 0.1);
	-moz-box-shadow:    0px 3px 3px rgba(58, 58, 58, 0.1);
	box-shadow:         0px 3px 3px rgba(58, 58, 58, 0.1);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	overflow:hidden;
	text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
}

.box01 P,.box02 P,.box03 P{
padding-bottom:5px;
}
P.under_l{
	border-bottom: 1px dashed #ccc;
	display: inline;
	line-height: 260%;
	font-weight:bold;
	font-size:110%;
}
.box01 H3,.box01 H4,.box02 H3,.box02 H4,.box03 H4,.box04 H4{
margin-top:0;
}
.box02{
border:3px solid #EEE;
padding: 15px;
overflow:hidden;
*zoom:1;
margin:0 0 20px 0;
}
.box03{
border:2px dashed #ffcc00;
background:#FFFBBF;
padding: 15px;
overflow:hidden;
*zoom:1;
margin:0 0 20px 0;
}
.box04{
	border:2px solid #FF9900;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 8px;
	margin:5px 0 5px 5px;
	overflow:hidden;
	*zoom:1;
	float:left;
	width:46%;
}
.box04 > SPAN{
	background:#FF9900;
	color:#FFF;
	text-align:center;
	font-size: 115%;
    	font-weight: bold;
	display:block;
	float:left;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	width:75px;
	height:60px;
	padding-top:15px;
}
.box04 > UL{
	float:right;
	width:75%;
	margin-left:0;
	margin-bottom:0;
}
.post .box04 UL LI{
	background:none;
	padding-left:0;
	font-weight:bold;
}
.box04 LI SPAN{
	font-size:160%;
	background:none;
	color:red;
}
.box05{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#F7F0D7;
	padding: 10px;
	margin:5px 0 15px 5px;
	overflow:hidden;
	*zoom:1;
	float:left;
	width:46%;
    	font-weight: bold;
	font-size:110%;
}
.box05 > SPAN{
	background:#23942c;
	color:#FFF;
	text-align:center;
	font-size: 110%;
    	font-weight: bold;
	display:block;
	float:left;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	width:100px;
	height:85px;
	padding-top:15px;
	margin-right:10px;
}
.box05 > P{
	float:right;
	width:62%;
	margin-left:0;
	padding-top:20px;
	padding-bottom:0;
}
/*DLスタイル*/
.post .dl01{
overflow:hidden;
*zoom:1;
}
.post .dl01 DT{
float:left;
width:22%;
padding:5px;
padding-left:10px;
border-left:5px solid #CCC;
}
.post .dl01 DD{
float:left;
width:72%;
border-bottom:1px dotted #CCC;
padding:5px;
margin-left:5px;
margin-bottom:5px;
}
.dl02{
overflow:hidden;
*zoom:1;
margin:10px 0 20px;
}
.dl02 DT,.dl02 DD{
padding:5px;
text-align:left;
margin:0;

}
.dl02 DT{
border-left:3px solid #CCC;
float:left;
width:120px;
font-weight:bold;
padding-left:10px;
}
.dl02 DD{
float:left;
width:550px;
clear:right;
border-bottom:1px dotted #CCC;
}
.dl03{
overflow:hidden;
*zoom:1;
margin:10px 0 20px;
}
.dl03 DT,.dl03 DD{
padding:5px;
text-align:left;
margin:0;
}
.dl03 DT{
	display:inline-block;
	line-height: 100%;
    	margin: 3px 0;
    	padding: 5px 10px;
    	text-align: center;
	color:#FFFFFF;
	font-size:90%;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.dl03 DD{
	display:inline-block;
	margin-right:10px;
}
.post .dl03 DT.color01{
	background:#8ebf00;
}
.post .dl03 DT.color02{
	background:#F98B06;
}
.post .dl03 DT.color03{
	background:#6666ff;
}
/*PDFリンク表示*/
/*
Pa[href $='.pdf'] {
    background:url(./img/pdficon_large.png) no-repeat;
    margin: 0 0 0 0;
    padding: 5px 0px 5px 42px;
    display:block;
}
*/

/*お知らせ*/
UL.info_news {
	margin-left: 0;
	margin-top:0;
	overflow: hidden;
	*zoom:1;
	padding-bottom: 5px;
	/*height:100px;*/
}
#content .info_news LI {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 5px;
}
.info_news LI A {
    display: block;
    float: left;
    width: 82%;
    /*text-decoration: underline;*/
}
.info_news LI A:HOVER {
    text-decoration: underline;
}
.info_news LI time {
    display: block;
    float: left;
    font-weight: bold;
    padding:0;
    width: 10%;
    font-size: 80%;
    margin: 0 6% 0 0;
}

/*TOPお知らせ*/
UL.top_news {
	margin-left: 0;
	margin-top:0;
	overflow: auto;
	padding-bottom: 5px;
	height:100px;
}
#content .top_news LI {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 5px;
}
.top_news LI A {
    display: block;
    float: left;
    width: 82%;
    /*text-decoration: underline;*/
}
.top_news LI A:HOVER {
    text-decoration: underline;
}
.top_news LI time {
    display: block;
    float: left;
    font-weight: bold;
    padding:0 10px 0 0;
    width: 13%;
}
/*MAPリンク*/
.p_map{
padding-left:10px;
background:url(images/arrow.png) no-repeat 0 6px;
margin-left:10px;
}
/*パンくず*/
.breadcrumb{
font-size:80%;
text-align:right;
padding:0;
    margin: 0 auto;
    width: 950px;
}
.screen-reader-text{
display:none;
}

#content article{
padding-bottom:25px;
}
#content .news article a{
background: url("images/arrow.png") no-repeat scroll 0 12px transparent;
display: block;
border-bottom:1px solid #DDDDDD;
padding:8px 5px 5px 15px;
}
#content .news article{
padding:0;
}

/*スライダー*/
.flexslider{
margin:0 !important;
}
/*メールボタン*/
.form_box{
    color: #FFFFFF;
    display: block;
    cursor:pointer;
    font-size: 140%;
    text-align: left;
    text-shadow: 1px 1px 0 #B01F24;
    padding:10px;
    margin:20px auto;
    text-align:left;
    border-radius: 4px;
    border:1px solid #B01F24;
    overflow:hidden;
    width:40%;
    line-height:51px;
background: rgb(224,16,32); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(224,16,32,1) 0%, rgba(176,31,36,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,16,32,1)), color-stop(100%,rgba(176,31,36,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(224,16,32,1) 0%,rgba(176,31,36,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(224,16,32,1) 0%,rgba(176,31,36,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(224,16,32,1) 0%,rgba(176,31,36,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(224,16,32,1) 0%,rgba(176,31,36,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e01020', endColorstr='#b01f24',GradientType=0 ); /* IE6-8 */
}
.form_box A{
    background:url(images/mail.png) 0 no-repeat;
    padding-left:75px;
    height:50px;
    display:block;
    color: #FFFFFF;
}
.form_box:hover{
background: rgb(226,65,40); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,65,40,1) 0%, rgba(224,16,32,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,65,40,1)), color-stop(99%,rgba(224,16,32,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,65,40,1) 0%,rgba(224,16,32,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,65,40,1) 0%,rgba(224,16,32,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,65,40,1) 0%,rgba(224,16,32,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,65,40,1) 0%,rgba(224,16,32,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24128', endColorstr='#e01020',GradientType=0 ); /* IE6-8 */
}

/*FB box*/
.fb_box{
	padding:20px 0;
}

/*トップページコンテンツ*/
#content article.t_content{
	padding-bottom:0;
}
.t_content IMG{
	padding-bottom:15px;
}
.t_content .box5 IMG{
	padding-bottom:0;
	position: absolute;
	bottom: 0;
}
.box5{
	overflow:hidden;
	*zoom:1;
	background:#F7F0D7;
	padding:10px;
	margin-bottom:15px;
	text-align:center;
}
.box5 UL,.box5 LI{
	padding:0;
	margin:0;
	text-align:left;
}
.box5 LI{
	float:left;
	width:44%;
	padding:10px;
	margin:10px;
	background:#FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.box5 LI.last{
	background:none;
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
}
.p_box5{
	overflow:hidden;
	*zoom:1;
	/*background:#F7F0D7;*/
	padding:10px;
	margin-bottom:15px;
	text-align:center;
}
.p_box5 UL,.p_box5 LI{
	padding:0;
	margin:0;
	text-align:left;
}
.post .p_box5 LI{
	padding:10px;
	margin:10px;
	background:none;
	border:5px solid #F7F0D7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow:hidden;
	*zoom:1;
}
.p_box5 LI.last{
	background:none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.post .p_box5 H4{
	color:#8ebf00;
	font-weight:bold;
	font-size:130%;
    display: inline-block;
	vertical-align:top;
	border: 0;
	margin: 0;
	padding: 0;
}
.post .p_box5 SPAN{
	background: url("../../uploads/p_step.png") no-repeat scroll left 0;
    	color: #ffffff;
    	display: inline-block;
    	font-size: 110%;
	font-weight:bold;
    	line-height: 150%;
   	margin: 3px 5px 3px 0;
    	padding: 35px 10px 0;
    	text-align: center;
	min-height:60px;
	min-width:79px;
}
.post .p_box5 SPAN EM{
	font-size:190%;
	font-weight:bold;
	display:block;
}
.kodawari DIV.kodawari_r{
	float:right;
	width:80%;
}
.post .kodawari LI P.comment_txt{
	padding:10px;
	/*
	background: url("../../uploads/p_smile.png") no-repeat scroll 5px 5px;
	padding-left:45px;
	min-height:35px;
	*/
}
.post .p_box5 LI H4{
	padding-top:10px;
	margin-bottom:0;
}
.post .p_box5 P{
	padding-bottom:0;
}
.more{
	text-align:center;
	margin-bottom:15px;
}
.more IMG{
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:auto;
	margin:auto 0;
}
#toppage #content .osusume{
	background: #8ebf13;
    padding: 15px 15px 15px 25px;
    position: relative;
}
#toppage #content .osusume:hover{
	opacity: 0.8;
}
#toppage #content .osusume .heading-p{
    background: none;
    border: none;
    font-size: 1.6em;
    text-align: left;
    width: 21%;
    padding: 0px;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    word-break: keep-all;
}
#toppage #content .osusume .checklist{
    color: #FFF;
    font-size: 1.15em;
    font-weight: bold;
    width: 60%;
    display: inline-block;
    padding-left: 115px;
    position: relative;
}
#toppage #content .osusume .checklist:before{
	content: "";
	display: inline-block;
	background-image:url(../../uploads/img_top_check.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 116px;
    height: 102px;
    position: absolute;
    left: 0;

}
#toppage #content .osusume .checklist li{
	list-style-image: url(../../uploads/img_top_check_list.png);
	/*list-style: square;*/
	list-style-position: inside;
}
#toppage #content .osusume span.here {
	position: absolute;
	right: 15px;
    bottom: 15px;
    font-size: 0.8em;
    background: #FFF;
    padding: 2px 8px;
    border-radius: 15px;
    color: #d16d3b;
    font-weight: bold;
}
#toppage #content .kdwr{}
#toppage #content .kdwr .heading-p{
	background: none;
	border: none;
	color: #8ebf13;
	font-size: 2.3em;
    letter-spacing: -0.01em;
    padding: 0 0 0 1em;
    font-weight: bold;
}
#toppage #content .kdwr .heading-p > span{
	color: #d16d3b;
    font-size: 1.3em;
    letter-spacing: 0.2em;
}
#toppage #content .kdwr .heading-p > span > span{
    font-size: 0.75em;
}
#toppage #content .kdwrlist{}
#toppage #content .kdwrlist li{
}
#toppage #content .kdwrlist li h3{
	margin-bottom: 10px;
}
#toppage #content .kdwrlist li:first-child h3{
	background: url(../../uploads/img_pop_5_01.png) no-repeat right center;
}
#toppage #content .kdwrlist li:nth-child(2) h3{
	background: url(../../uploads/img_pop_5_02.png) no-repeat right center;
}
#toppage #content .kdwrlist li:nth-child(3) h3{
	background: url(../../uploads/img_pop_5_03.png) no-repeat right center;
}
#toppage #content .kdwrlist li:nth-child(4) h3{
	background: url(../../uploads/img_pop_5_04.png) no-repeat right center;
}
#toppage #content .kdwrlist li:nth-child(5) h3{
	background: url(../../uploads/img_pop_5_05.png) no-repeat right center;
}
#toppage #content .kdwrlist li h3 > span{
	display: block;
	color: #8ebf13;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.3em;
}
#toppage #content .kdwrlist p.comment_txt {
    background: url(https://www.mebius-kobetsu.jp/wp-content/uploads/p_smile.png) no-repeat scroll 5px 5px;
    padding: 8px 4px;
    padding-left: 55px;
    margin-top: 15px;
    min-height: 35px;
    text-align: left;
    border: 1px dashed #CCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 95%;
    font-weight: bold;
}

/*体験申し込みフォーム*/
TABLE.tb_taiken{
	border:0;
}
TABLE.tb_taiken TH,TABLE.tb_taiken TD{
	border:0;
	box-shadow:0;
	background:none;
}
TABLE.tb_taiken TH{
	padding-left:50px;
	vertical-align:middle;
}
#mw_wp_form_mw-wp-form-83{
	border:3px solid #DDD;
	padding:10px;
}
/*MW WP FORM*/
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input{
background:url(images/bt_moushikomi.png) no-repeat;
width:275px;
height:60px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
filter: none;
}
.mw_wp_form_confirm .btn input{
/*送信ボタン用*/
background:url(images/bt_moushikomi.png) no-repeat;
width:275px;
height:60px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}
#submitback input{
/*戻るボタン用*/
background:url(images/form_back_btn.png) no-repeat;
width:275px;
height:60px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}
.submit-button UL{
	display:inline-block;
}
.btn SPAN{
	padding:0 5px 0;
}
/*教室案内*/
.school_box{
	overflow:hidden;
	*zoom:1;
	background-color:#F3F3F3;
	padding:10px;
	border:1px dashed #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 3px rgba(58, 58, 58, 0.1);
	-moz-box-shadow:    0px 3px 3px rgba(58, 58, 58, 0.1);
	box-shadow:         0px 3px 3px rgba(58, 58, 58, 0.1);
	margin-bottom: 25px;
}

.school_box IMG{
	width:380px;
	height:auto;
}

.school_txt{
	float:right;
	width:280px;
}
.post .school_txt LI{
	background:none;
	list-style: disc outside none;
	margin-left: 15px;
	padding: 0 0 5px;
	text-align: left;
	vertical-align: text-top;
	font-size:115%;
	font-weight:bold;
}
.post .school_txt LI A:hover{
	text-decoration:underline;
}

#pass-record{}
#teacher-introduction{}
#teacher-introduction + .box01 img{
	width: 300px;
	height: 225px;
}
#up-case{}
.box05.up-case p.pop02, .box05.up-case p.pop03{
	float: none;
	width :auto;
}
.box05.up-case{
	margin: 5px 0 5px 5px;
}
.box05.up-case.last{
	margin-bottom: 20px;
}
.box05.up-case dl{
	padding: 0 15px;
}
.box05.up-case dl dt, .box05.up-case dl dd {
	display: inline-block;
	width: 49%;
}
#greeting{}
#greeting + div.box01 img{
	width: 300px;
	height: 300px;
}
#infection-countermeasures{}

/*各校ギャラリーカルーセル*/
.bx-wrapper .bx-viewport{
	width:96% !important;
	margin:auto !important;
}
.bx-caption{
	position:static !important;
	background:none!important;
	text-align:center;
}
.bx-wrapper .bx-caption span{
	color:#333 !important;
	font-size:100% !important;
	font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}
.bx-wrapper img{
	width:100%;
	margin:auto;
}
.bxslider-gallery{
	margin-bottom:25px;
}
/*教室*/
.school_l{
	float:left;
	width:51%;
}
.school_l iframe{
	margin-bottom:10px;
}
.school_r{
	float:right;
	width:45%;
}
.school_r DL{
	padding:15px;
	background:#f3f3f3;
}
.school_r DL DT{
	border-bottom:1px solid #FFF;
	padding-bottom:3px;
	margin-bottom:8px;
}
.school_r DL DD{
	margin-bottom:3px;
}
/*校舎ブログ*/
.blog_l{
	float:left;
	width:30%;
}
.blog_r{
	float:right;
	width:65%;
}
.post ul.blog{
	margin-left:0;
}
.post ul.blog li{
	background:none;
	border:2px solid #f3f3f3;
	padding:10px 15px;
	margin-bottom:10px;
}
.post ul.blog li H4{
	margin-bottom:0;
	padding:4px 0;
}
.post ul.blog li SPAN{
	font-size:90%;
	padding-bottom:15px;
	display:block;
	color:#83c7e6;
}
.blog a{
	color:#d16d3b;
}
UL.info_blog {
	margin-left: 0;
	margin-top:0;
	padding-bottom: 5px;
}
#content .info_blog LI {
	background: url("images/arrow.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
    /*background: none repeat scroll 0 0 transparent;*/
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 5px 5px 5px 15px;
}
.info_blog LI A {
    display: block;

}
.info_blog LI A:HOVER {
    text-decoration: underline;
}
.info_blog LI time {
    	display: block;
    	/*float: left;
    	width: 12%;*/
	font-size:90%;
    	padding:0 10px 0 0;
}
.list{
	overflow:auto;
	min-height:200px;

}
/*講習会*/
.post UL.pop_li{
	overflow: hidden;
	*zoom:1;
	margin-left:0;
	margin-bottom:0;
}
.post .pop_li LI{
	display:inline-block;
	line-height: 100%;
    	margin: 3px 5px 3px 0;
    	padding: 5px 10px;
    	text-align: center;
	background:#8EBF00;
	color:#FFFFFF;
	font-size:90%;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.post .pop_li LI.color01{
	background:#F98B06;
}
.post .pop_li LI.color02{
	background:#6666FF;
}
.post .pop_li LI.color03{
	background:#FE8781;
}
TABLE.training TH{
	min-width:15%;
}
TABLE.training TH{
	text-align:center;
}
TTABLE.training TD{
	text-align:left;
}
TABLE.left TH{
	min-width:15%;
}
TABLE.left TH{
	text-align:center;
}
TABLE.left TD{
	text-align:left;
}
/*リンクバナーBOX*/
.link_bt A {
background: #83c7e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #83c7e6 0%, #5cb4de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83c7e6), color-stop(100%,#5cb4de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #83c7e6 0%,#5cb4de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #83c7e6 0%,#5cb4de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #83c7e6 0%,#5cb4de 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #83c7e6 0%,#5cb4de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c7e6', endColorstr='#5cb4de',GradientType=0 ); /* IE6-9 */
    	margin: 15px auto;
    	overflow: hidden;
	border: 3px solid #C0E2F2;
	border-radius: 40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	color: #ffffff;
	display: block;
	font-size: 160%;
	font-weight: bold;
	padding: 10px 15px;
	text-align: center;
	text-shadow: 1px 1px 0 #5CB4DE;
	width: 50%;
	letter-spacing:0.05em;
}
.link_bt A:hover{
	background: #b0ddf2; /* Old browsers */
	background: -moz-linear-gradient(top,  #b0ddf2 0%, #83c7e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0ddf2), color-stop(100%,#83c7e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b0ddf2 0%,#83c7e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b0ddf2 0%,#83c7e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b0ddf2 0%,#83c7e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b0ddf2 0%,#83c7e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0ddf2', endColorstr='#83c7e6',GradientType=0 ); /* IE6-9 */
}
.link_bt02 A {
background: #a5cc33; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cc33 0%, #8ebf00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cc33), color-	stop(100%,#8ebf00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cc33 0%,#8ebf00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cc33 0%,#8ebf00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cc33 0%,#8ebf00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a5cc33 0%,#8ebf00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5cc33', endColorstr='#8ebf00',GradientType=0 ); /* IE6-9 */
    	margin: 15px auto;
    	overflow: hidden;
	border: 3px solid #EDFECF;
	border-radius: 40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	color: #ffffff;
	display: block;
	font-size: 160%;
	font-weight: bold;
	padding: 10px 15px;
	text-align: center;
	text-shadow: 1px 1px 0 #8ebf00;
	width: 50%;
	letter-spacing:0.05em;
}
.link_bt02 A:hover{
	background: #d0e868; /* Old browsers */
	background: -moz-linear-gradient(top,  #d0e868 0%, #a5cc33 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e868), color-	stop(100%,#a5cc33)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d0e868 0%,#a5cc33 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d0e868 0%,#a5cc33 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d0e868 0%,#a5cc33 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d0e868 0%,#a5cc33 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e868', endColorstr='#a5cc33',GradientType=0 ); /* IE6-9 */
}
.arrow_r{
	background: url("../../uploads/p_03.png") no-repeat scroll right 15px transparent;
	text-align:right;
	padding:13px 20px 5px 0;
}
.post .arrow_l{
	background: url("../../uploads/p_03.png") no-repeat scroll left 15px transparent;
	text-align:left;
	padding:13px 0 5px 20px;
}
/*スペシャルHタグ*/
H3.special{
	border:0;
	color:#000000;
	font-size:200%;
	background:#f3f3f3;
	text-shadow: 1px 1px 0 #FFFFFF;
	padding:8px 12px;
	line-height:110%;
}
H3.special SPAN{
	font-size:60%;
	display:block;
}
H3.special EM{
	color:#23942C;
}
H3.special EM.primary{
	color:#8ebf00;
}
H3.special EM.middle{
	color:#f98b06;
}
H3.special EM.high{
	color:#6666ff;
}
H3.special02{
	border:0;
	color:#000000;
	font-size:180%;
	background:#FFF;
	text-shadow: 1px 1px 0 #FFFFFF;
	background:#f7f0d7;
	padding:8px 12px;
	line-height:110%;
}
H3.special02 SPAN{
	font-size:60%;
	display:block;
}
H3.special02 EM{
	color:#ff9900;
}
/*コース紹介*/
#curriculum{}

#point{}

#flow{}

/*よくある質問*/
.post UL.faq{
	overflow: hidden;
	*zoom:1;
	margin:0 0 15px 0;
}
.post .faq LI{
	display:inline-block;
	width:45%;
	background:none;
	background:#F5FFD7;
	padding:10px;
	margin:0 5px 15px 5px;
	vertical-align:top;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.post .faq LI.t_img{
	text-align:center;
	background:#23942C;
}
.post .faq h3,.post .faq P{
	padding:10px 10px 10px 55px;
	margin:0;
}
.post .faq h3{
	background: url("../../uploads/q.png") no-repeat scroll 0 0 transparent;
	min-height:40px;
	border:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-bottom:2px dashed #23942c;
	color:#23942c;
	font-size:120%;
	padding-top:15px;
}
.post .faq P{
	background: url("../../uploads/a.png") no-repeat scroll 10px 12px transparent;
	min-height:35px;
	color:#333;
}
/*受講生の声*/
.post UL.voice {
	margin-left:0;
}
.post .voice LI{
	background:none;
	padding-left:0;
}
.post .voice LI H3{
	margin-top:0;
	padding-left:90px;
	color:#83c7e6;
	border-color:#83c7e6;
	background:#FFFFFF;
	line-height:140%;
	min-height:40px;
	background: url("../../uploads/h3_voice.png") no-repeat scroll left top transparent;
}
/*プライバシーポリシー*/
.privacy{
}
.privacy DT{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:2px solid #f3f3f3;
}
.privacy DD{
	padding-bottom:20px;
}
/*サイトマップ*/
.post .sitemap{
	overflow:hidden;
	*zoom:1;
	margin:0 5px 5px 5px;
	padding:10px;
	display:inline-block;
	width:45%;
	vertical-align:top;
	background:#f3f3f3;
}
.post .sitemap UL{
	margin-left:0;
	padding-left:5px;
}
.post .sitemap UL LI{
	background:url("images/arrow.png") no-repeat scroll 8px 12px #f3f3f3;
	border-bottom:1px dashed #CCC;
	padding:8px 8px 8px 24px;
	margin-bottom:0;
}
.post .sitemap UL LI.last{
	border-bottom:none;
	padding-bottom:0;
}
/*資料請求*/
.post UL.step{
	overflow:hidden;
	*zoom:1;
	text-align:center;
	background:#f3f3f3;
	padding:5px;
	margin:5px 0;
}
.post .step LI{
	display:inline-block;
	width:30%;
	background:#FFF;
	/*border:1px solid #FFF;*/
	padding:3px;
	margin:0 5px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
}
.post .step LI SPAN{
	display:inline-block;
	background:#83c7e6;
	color:#FFF;
	padding:0 3px;
	margin-right:15px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.post .step LI SPAN.step1{

}
/*5つのこだわり*/
.post P.comment_txt{
	padding:8px 4px;
	border:1px dashed #CCC;
	text-align:center;
	margin-top:15px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:95%;
	font-weight:bold;
	clear: both;
	text-align: left;
}
/*メビウスコラム用*/
article.mebius_column h1 {
  padding: 25px 5px;
  font-size: 150%;
  margin: 0 0 20px;
}
#content article.mebius_column h2 {
  padding: 8px 8px 6px;
  font-size: 130%;
  font-weight: normal;
  color: #ffffff;
  margin: 15px 0;
}
article.mebius_column h3 {
  padding: 0 0 15px 0;
  font-size: 120%;
  font-weight: bold;
  margin: 10px 0;
}
/*赤*/
article.mebius_column h1.h1_st01 {
  border-top: 4px solid #d16d3b;
  border-bottom: 2px solid #d16d3b;
  color:#d16d3b;
}
#content article.mebius_column h2.h2_st01 {
  background: #d16d3b;
  border: 2px solid #E2A385;
}
article.mebius_column h3.h3_st01 {
  color:#d16d3b;
}
/*青*/
article.mebius_column h1.h1_st02 {
  border-top: 4px solid #83C7E6;
  border-bottom: 2px solid #83C7E6;
  color:#83C7E6;
}
#content article.mebius_column h2.h2_st02 {
  background: #83C7E6;
  border: 2px solid #CDE8F5;
}
article.mebius_column h3.h3_st02 {
  color: #83C7E6;
　border: 2px;
　margin: 0px;
 padding: 0px;
}
/*緑*/
article.mebius_column h1.h1_st03 {
  border-top: 4px solid #8EBF00;
  border-bottom: 2px solid #8EBF00;
  color: #8EBF00;
}
#content article.mebius_column h2.h2_st03 {
  background: #8EBF00;
  border: 2px solid #D1E599;
}
article.mebius_column h3.h3_st03 {
  color: #8EBF00;
}
article.mebius_column p {
  padding-bottom: 30px;
}

/* ------------------------------------------------------------
診断ジェネレーター作成プラグイン用style
------------------------------------------------------------*/
.diagnosis-wrap .question{
	margin-bottom:1.5em;
}
.diagnosis-wrap .question .qcontents{
margin-top:2%;
	font-weight:bold;
}
.diagnosis-wrap .question .qselect span{
	display:block;
}
.diagnosis-wrap .question .qselect span input{
	margin:0.5em;
}
.diagnosis-wrap .submit input{
	padding:1em;
	width:300px;
	max-width:80%;
	margin-bottom:1em;
}
/* ------------------------------------------------------------
20170515 ADD
------------------------------------------------------------*/
#content.single_con {
  width: 100%;
}
#education #content {
float: left;
}
#education #sidebar {
float: right;
}
#wpp-2 {
    background: #f3f3f3 none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 0 8px 8px;
}
#wpp-2 ul {
    background: #ffffff none repeat scroll 0 0;
    padding: 8px;
}
section#wpp-2.widget ul li {
  padding-left: 0;
  text-align: left;
}
.wpp-post-title {
  font-size: 0.7rem;
  text-decoration: none;
}

/*メビコラのカテゴリー*/
#education .info_news li img {
  padding-right: 20px;
}
#education .info_news li img,
#education .info_news li.thumb_l p,
#education .info_news li.thumb_m p {
  display: inline-block;
  vertical-align: top;
}
#education .info_news li.thumb_l p {
  width: 60%;
}
#education .info_news li.thumb_m p {
  width: 78.8%;
}
#education .info_news li.thumb_l span,
#education .info_news li.thumb_m span {
  display: inline-block;
}
#education .info_news li.thumb_l time,
#education .info_news li.thumb_m time {
  display: block;
  font-weight: normal;
  font-size: 90%;
  padding: 5px 0 0;
}
#education .info_news li.thumb_l a,
#education .info_news li.thumb_m a {
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 1.0rem;
}

#education .info_news li span a {
  display: inline-block;
  padding: 2px 4px;
  text-align: center;
  color: #fff;
  background-color:orange;
}
.post h3.related_post_title {
  margin: 10px 0 !important;
  padding: 8px !important;
}
ul.sub_menu {
  display: table;
  margin: 0 0 20px 0;
}
ul.sub_menu li {
  display: table-cell;
  background: orange;
  border: 5px solid #fff;
  border-radius: 10px;
  letter-spacing: normal;
  box-sizing: border-box;
  vertical-align: middle;
  list-style: none;
  padding: 6px 3px;
  margin: 0;
  width: 15%;
}
ul.sub_menu li a {
  padding: 0;
  margin: 0;
  display: block;
  color: #000000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 0.9rem;
}
ul.sub_menu li:hover {
  opacity: 0.6;
}
ul.sub_menu li:last-child a {
  margin-right: 0;
}
/*検索フォーム*/
#searchform {
  position: relative;
  margin: 2px 0 25px;
}
#searchform label{ display: none;}
#searchform input[type="text"]{
  width: 100%;
  max-width: 100%;
  height: 40px;
  padding: 0 40px 0 10px;
  background: #fff;
  border-radius: 100px;
  box-sizing: border-box;
	}
#searchform input[type="submit"]{
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: url(../../uploads/search.png) no-repeat center center;
  border: none; /* デフォルトCSSリセット */
  box-shadow: none; /* デフォルトCSSリセット */
}
#Bgmebiusagi{
  background-image: url("../../uploads/Bgmebiusagi.jpg") ;
  background-repeat: y-repeat;
}


/* -------------------------------------------------------------------------- */
/*スマートフォン　バナー　2018.07.04*/
/* -------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
.contentsBanner_pc{ margin: 10px 0; padding: 0;}
.contentsBanner_pc img{ width: 100%;}
.contentsBanner_sp{  display: none;}
}

@media only screen and (max-width: 767px) {
.contentsBanner_sp{ margin: 10px auto; padding-top: 10px; text-align: center;}
.contentsBanner_sp img{ width: 95%;}
.contentsBanner_pc{  display: none;}
}

.clear{clear: both;}


/* -------------------------------------------------------------------------- */
/*各校お問合せダイヤルボタン　フッター部分に表示*/
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {#ctaButton { display:block; z-index:1030; width:100%; height:100px; position:fixed; bottom:0;vertical-align: middle;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #e1e1e1;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:50px; margin:10px; }

	#ctaButton .blueButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .redButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .greenButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .orangeButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .purpleButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}

	#ctaButton .blueButton .txt{font-size:16px;line-height: 50px;}
	#ctaButton .redButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .greenButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .orangeButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .purpleButton .txt{font-size:16px; line-height: 50px;}
	}


@media (min-width: 992px) and (max-width: 1199px){#ctaButton { display:block; z-index:1030; width:100%; height:100px; position:fixed; bottom:0;vertical-align: middle;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #e1e1e1;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:50px; margin:10px; }

	#ctaButton .blueButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .redButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .greenButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .orangeButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .purpleButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}

	#ctaButton .blueButton .txt{font-size:16px;line-height: 50px;}
	#ctaButton .redButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .greenButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .orangeButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .purpleButton .txt{font-size:16px; line-height: 50px;}
	}


@media (min-width: 768px) and (max-width: 991px) {#ctaButton { display:block; z-index:1030; width:100%; height:100px; position:fixed; bottom:0;vertical-align: middle;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #e1e1e1;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:50px; margin:10px; }

	#ctaButton .blueButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .redButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .greenButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .orangeButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}
	#ctaButton .purpleButton .webfontIcon { font-size:20px; font-weight:normal;margin-right: 5px;line-height: 50px;}

	#ctaButton .blueButton .txt{font-size:16px;line-height: 50px;}
	#ctaButton .redButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .greenButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .orangeButton .txt{font-size:16px; line-height: 50px;}
	#ctaButton .purpleButton .txt{font-size:16px; line-height: 50px;}
	}


@media only screen and (max-width: 767px) {
	#ctaButton { display:block; z-index:1030; width:100%; height:60px; position:fixed; bottom:0; }
	#ctaButton { background:rgba(255,255,255,0.7); border-top:1px solid #e1e1e1;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:46px; margin:7px 1%; }
	#wrap_all { padding-bottom:60px; }  /* 60px上げる */

	#ctaButton .blueButton .webfontIcon { font-size:18px; font-weight:normal;line-height: 20px;display: block;}
	#ctaButton .redButton .webfontIcon { font-size:18px; font-weight:normal;line-height: 20px;display: block;}
	#ctaButton .greenButton .webfontIcon { font-size:18px; font-weight:normal;line-height: 20px;display: block;}
	#ctaButton .orangeButton .webfontIcon{ font-size:18px; font-weight:normal;line-height: 20px;display: block;}
	#ctaButton .purpleButton .webfontIcon{ font-size:18px; font-weight:normal;line-height: 20px;display: block;}

	#ctaButton .blueButton .txt{font-size:12px;line-height: 14px;display: block;}
	#ctaButton .redButton .txt{font-size:12px;line-height: 14px;display: block;}
	#ctaButton .greenButton .txt{font-size:12px;line-height: 14px;display: block;}
	#ctaButton .orangeButton .txt{font-size:12px;line-height: 14px;display: block;}
	#ctaButton .purpleButton .txt{font-size:12px;line-height: 14px;display: block;}
}

/* ブルーボタンデザイン */
#ctaButton .blueButton {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .blueButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:hover   { text-decoration: none; color:#ffffff !important;}

#ctaButton .blueButton:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
	text-decoration:none;
	}
#ctaButton .blueButton:active { position:relative; top:1px; }

/* レッドボタンデザイン */
#ctaButton .redButton {
	box-shadow:inset 0px 1px 0px 0px #ff7676;
	background:linear-gradient(to bottom, #ed1c24 5%, #bc1931 100%);
	background-color:#bc1931;
	border-radius:3px;
	border:1px solid #ad0e29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #c1272d;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .redButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:hover   { text-decoration: none; color:#ffffff !important;}

#ctaButton .redButton:hover {
	background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);
	background-color:#bc1931;
	text-decoration:none;
	}
#ctaButton .redButton:active { position:relative; top:1px; }

/* グリーンボタンデザイン */
#ctaButton .greenButton {
	box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
	border-radius:3px;
	border:1px solid #006837;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #2d7a54;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .greenButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:hover   { text-decoration: none; color:#ffffff !important;}

#ctaButton .greenButton:hover {
	background:linear-gradient(to bottom, #00602b 5%, #23a35d 100%);
	background-color:#00602b;
	text-decoration:none;
	}
#ctaButton .greenButton:active { position:relative; top:1px; }

/* オレンジボタンデザイン */
#ctaButton .orangeButton {
	box-shadow:inset 0px 1px 0px 0px #f2a620;
	background:linear-gradient(to bottom, #f4901e 5%, #f23f20 100%);
	background-color:#f23f20;
	border-radius:3px;
	border:1px solid #f25220;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #f23420;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .orangeButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:hover   { text-decoration: none; color:#ffffff !important;}

#ctaButton .orangeButton:hover {
	background:linear-gradient(to bottom, #f46f1e 5%, #f4901e 100%);
	background-color:#f46f1e;
	text-decoration:none;
	}
#ctaButton .orangeButton:active { position:relative; top:1px; }

/* パープルボタンデザイン */
#ctaButton .purpleButton {
	box-shadow:inset 0px 1px 0px 0px #b72ab7;
	background:linear-gradient(to bottom, #8b24ba 5%, #62006d 100%);
	background-color:#62006d;
	border-radius:3px;
	border:1px solid #9327a3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #5409c1;
	font-weight:bold;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	}
#ctaButton .purpleButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:hover   { text-decoration: none; color:#ffffff !important;}

#ctaButton .purpleButton:hover {
	background:linear-gradient(to bottom, #450156 5%, #700abf 100%);
	background-color:#520066;
	text-decoration:none;
	}
#ctaButton .purpleButton:active { position:relative; top:1px; }





/* -------------------------------------------------------------------------- */
/*PHP blog*/
/* -------------------------------------------------------------------------- */

/*ボックス親*/
section #blog_layoutbox{
	margin:0 0 0 0;
	padding:0 0 0 0;
	}



@media (min-width: 1200px) {
/*ボックス子*/
	section #blog_layoutbox .box{
		width: 100% ;
		margin:0 0 10px 0;
		padding:10px 10px 0 10px;
		box-sizing: border-box;
		background-color:#ffffff;
		border: 1px solid #cccccc;
		}

/*ボックス左*/
	section #blog_layoutbox .left-box{
		width: 30%;
		height: 120px;
		float: left;
		padding: 0px 5px 5px 5px;
		margin: 0 0 15px 0;
		box-sizing: border-box;
		}

/*ボックス右*/
	section #blog_layoutbox .right-box{
		width: 70%;
		height: 120px;
		border: 1px dotted #cccccc;
		float: left;
		padding: 10px;
		margin: 0 0 15px 0;
		box-sizing: border-box;
		}
}

@media (min-width: 992px) and (max-width: 1199px){
/*ボックス子*/
	section #blog_layoutbox .box{
		width: 100% ;
		margin:0 0 10px 0;
		padding:10px 10px 0 10px;
		box-sizing: border-box;
		background-color:#ffffff;
		border: 1px solid #cccccc;
		}

/*ボックス左*/
	section #blog_layoutbox .left-box{
		width: 30%;
		height: 120px;
		float: left;
		padding: 0px 5px 5px 5px;
		margin: 0 0 15px 0;
		box-sizing: border-box;
		}

/*ボックス右*/
	section #blog_layoutbox .right-box{
		width: 70%;
		height: 120px;
		border: 1px dotted #cccccc;
		float: left;
		padding: 10px;
		margin: 0 0 15px 0;
		box-sizing: border-box;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
/*ボックス子*/
	section #blog_layoutbox .box{
		width: 100% ;
		margin:0 0 10px 0;
		padding:10px 10px 0 10px;
		box-sizing: border-box;
		background-color:#ffffff;
		border: 1px solid #cccccc;
		}

/*ボックス左*/
	section #blog_layoutbox .left-box{
		width: 30%;
		height: 120px;
		float: left;
		padding: 0px 5px 5px 5px;
		margin: 0 0 15px 0;
		box-sizing: border-box;
		}

/*ボックス右*/
	section #blog_layoutbox .right-box{
		width: 70%;
		height: 120px;
		border: 1px dotted #cccccc;
		float: left;
		padding: 10px;
		margin: 0 0 15px 0;
		box-sizing: border-box;
		}
}




/*ブログタイトル01*/
section #blog_layoutbox .box .blogTitletab{
	display:block;
	width:100%;
	padding:3px 3px;
	margin:0 0 10px 0;
	box-sizing: border-box;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	}

@media (min-width: 1200px) {section #blog_layoutbox .box .blogTitletab{font-size:120%; line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){section #blog_layoutbox .box .blogTitletab{font-size:120%;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {section #blog_layoutbox .box .blogTitletab{font-size:120%;line-height: 1.2;}}


section #blog_layoutbox .box .blogTitletab a:link    { text-decoration: none;}
section #blog_layoutbox .box .blogTitletab a:visited { text-decoration: none;}
section #blog_layoutbox .box .blogTitletab a:active  { text-decoration: none;}
section #blog_layoutbox .box .blogTitletab a:hover   { text-decoration: none;}


/*ブログタイトル02*/
section #blog_layoutbox .blogTitletab02{
	display:block;
	width:100%;
	padding:7px;
	margin:0 0 10px 0;
	box-sizing: border-box;
	text-align: left;
	border: 2px solid #23942c;
	border-radius: 5px;
	color: #23942c;
	font-weight: bold;
	}

@media (min-width: 1200px) {section #blog_layoutbox .blogTitletab02{font-size:120%; line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){section #blog_layoutbox .blogTitletab02{font-size:120%;line-height: 1;}}
@media (min-width: 768px) and (max-width: 991px) {section #blog_layoutbox .blogTitletab02{font-size:120%;line-height: 1;}}


section #blog_layoutbox .blogTitletab02 a:link    { text-decoration: none;}
section #blog_layoutbox .blogTitletab02 a:visited { text-decoration: none;}
section #blog_layoutbox .blogTitletab02 a:active  { text-decoration: none;}
section #blog_layoutbox .blogTitletab02 a:hover   { text-decoration: none;}

/*ブログ画像*/
section #blog_layoutbox .box .blogImage{margin: 0 0 10px 0;}

@media (min-width: 1200px) {section #blog_layoutbox .box .blogImage img{ width: 100%; max-height: 120px;}	}
@media (min-width: 992px) and (max-width: 1199px){section #blog_layoutbox .box .blogImage img{width: 100%; max-height: 120px; }section #blog_layoutbox .box .blogImage{height: 120px;}	}
@media (min-width: 768px) and (max-width: 991px) {section #blog_layoutbox .box .blogImage img{width: 100%; max-height: 120px; }section #blog_layoutbox .box .blogImage{height: 120px;}	}



/*ブログ日付*/
section #blog_layoutbox .box .blogDate{
	padding:0 0 0 0;
	margin:0 0 5px 0;
	color: #333;
	border-bottom: 1px dotted #333333;
	box-sizing: border-box;
	text-align: left;
	clear: both;
	}

@media (min-width: 1200px) {section #blog_layoutbox .box .blogDate{font-size:0.9em;}}
@media (min-width: 992px) and (max-width: 1199px){section #blog_layoutbox .box .blogDate{font-size:0.9em;}}
@media (min-width: 768px) and (max-width: 991px) {section #blog_layoutbox .box .blogDate{font-size:0.9em;}}



/*ブログ本文*/
section #blog_layoutbox .box .blogTxt{
	margin:0;
	padding:0;
	box-sizing: border-box;
	text-align:left;
	text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
	}

@media (min-width: 1200px) {section #blog_layoutbox .box .blogTxt{font-size:105%;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){section #blog_layoutbox .box .blogTxt{font-size:100%;line-height:1.0;}}
@media (min-width: 768px) and (max-width: 991px) {section #blog_layoutbox .box .blogTxt{font-size:100%;line-height:1.0;}}



/*ブログボタン*/
section #blog_layoutbox .box .blogButton{
	clear: both;
	margin:0 auto 5px auto;
	text-align: center;
	width: 40%;
	}
section #blog_layoutbox .box .blogButton a:link    { border: 1px solid #cccccc; text-decoration: none; background: #eeeeee;display: block;padding: 5px 0; color: #000000;}
section #blog_layoutbox .box .blogButton a:visited { border: 1px solid #cccccc; text-decoration: none; background: #eeeeee;display: block;padding: 5px 0; color: #000000;}
section #blog_layoutbox .box .blogButton a:active  { border: 1px solid #cccccc; text-decoration: none; background: #eeeeee;display: block;padding: 5px 0; color: #000000;}
section #blog_layoutbox .box .blogButton a:hover   { border: 1px solid #cccccc; text-decoration: none; background: #cccccc;display: block;padding: 5px 0; color: #000000;}

@media (min-width: 1200px) {section #blog_layoutbox .box .blogButton{font-size:1.0em;}}
@media (min-width: 992px) and (max-width: 1199px){section #blog_layoutbox .box .blogButton{font-size:1.0em;}}
@media (min-width: 768px) and (max-width: 991px) {section #blog_layoutbox .box .blogButton{font-size:1.2em;}}



/* ------------------------------------------------------------------------------*/
/* 校舎情報ナビゲーション「3」*/
/* ------------------------------------------------------------------------------*/
section .school_navi3{
	margin: 10px auto;
	padding:0 0 0px 0;
	overflow: hidden;
	}

section .school_navi3 ul{
	width:100%;
	margin:0 auto 0 auto;
	padding:0;
	list-style: none;
	}

section .school_navi3 li{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	}

section .school_navi3 li:first-child{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	}

section .school_navi3 li:last-child{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	}

section .school_navi3 a{
	text-align:center;
	display:block;
	text-decoration:none;
	margin:0;
	background-color:#73b52d;
	color:#ffffff;
	padding:0 0 0 0;list-style: none;
	}

section .school_navi3 ul li a:focus,
section .school_navi3 ul li a:hover{
		background-color:#9bc174; text-decoration:none;
		}


@media (min-width: 1200px) {
section .school_navi3 li{width:33.33333333333%;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 li:first-child{width:33.33333333333%;border-left: 0px;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 li:last-child{width:33.33333333333%;border-right: 0px;border-left: 0px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 a{font-size:1.1em;line-height: 36px;height:36px;}
}/*1200以上---------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {
section .school_navi3 li{width:33.33333333333%;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 li:first-child{width:33.33333333333%;border-left: 0px;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 li:last-child{width:33.33333333333%;border-right: 0px;border-left: 0px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 a{font-size:1.1em;line-height: 36px;height:36px;}
}/*992-1199---------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px)  {
section .school_navi3 li{width:33.33333333333%;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 li:first-child{width:33.33333333333%;border-left: 0px;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 li:last-child{width:33.33333333333%;border-right: 0px;border-left: 0px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi3 a{font-size:1.1em;line-height: 36px;height:36px;}
}/*768-991---------------------------------------------------------- */


/* ------------------------------------------------------------------------------*/
/* 校舎情報ナビゲーション「2」*/
/* ------------------------------------------------------------------------------*/
section .school_navi2{
	margin: 10px auto;
	padding:0 0 0px 0;
	overflow: hidden;
	}

section .school_navi2 ul{
	width:100%;
	margin:0 auto 0 auto;
	padding:0;
	list-style: none;
	}

section .school_navi2 li{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	}

section .school_navi2 li:first-child{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	}

section .school_navi2 li:last-child{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	}

section .school_navi2 a{
	text-align:center;
	display:block;
	text-decoration:none;
	margin:0;
	background-color:#73b52d;
	color:#ffffff;
	padding:0 0 0 0;list-style: none;
	}

section .school_navi2 ul li a:focus,
section .school_navi2 ul li a:hover{
		background-color:#9bc174; text-decoration:none;
		}


@media (min-width: 1200px) {
section .school_navi2 li{width:calc(100% / 3);border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 li:first-child{width:calc(100% / 3);border-left: 0px;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 li:last-child{width:calc(100% / 3);border-right: 0px;border-left: 0px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 a{font-size:1.1em;line-height: 36px;height:36px;}
}/*1200以上---------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {
section .school_navi2 li{width:calc(100% / 3);border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 li:first-child{width:calc(100% / 3);border-left: 0px;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 li:last-child{width:calc(100% / 3);border-right: 0px;border-left: 0px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 a{font-size:1.1em;line-height: 36px;height:36px;}
}/*992-1199---------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px)  {
section .school_navi2 li{width:calc(100% / 3);border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 li:first-child{width:calc(100% / 3);border-left: 0px;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 li:last-child{width:calc(100% / 3);border-right: 0px;border-left: 0px solid #ffffff;border-bottom: 1px solid #ffffff;box-sizing:border-box; /* CSS3, IE8~, Opera8~ */-moz-box-sizing: border-box; /* Mozilla系 */-webkit-box-sizing: border-box; /* Safari, Chrome系 */}
section .school_navi2 a{font-size:1.1em;line-height: 36px;height:36px;}
}/*768-991---------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*校舎写真　PC3段　SP2段組*/
/* -------------------------------------------------------------------------- */
#school_photos{
	margin:0px;
	padding:0;
	}

#school_photos img{ width: 100%; max-width: 450px; margin: 0; padding: 0;}
#school_photos figure{ width: 100%; margin: 0; padding: 0;}

/*ボックス親*/
#school_photos {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

	-webkit-justify-content: flex-start;
	-moz-justify-content : flex-start;
	-ms-justify-content : flex-start;
	-o-justify-content : flex-start;
	justify-content : flex-start;

	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}

/*ボックス子*/
@media (min-width: 1200px) {
	#school_photos .arch_box{
		width: calc(50% - 10px) ;
		margin:0px;
		padding: 5px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	#school_photos .arch_box{
		width: calc(50% - 10px) ;
		margin:0px;
		padding: 5px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#school_photos .arch_box{
		width: calc(50% - 10px) ;
		margin:0px;
		padding: 5px;
	}
}

#school_photos .arch_box .comment_txt{
	padding:0;
	margin:0;
	color: #333;
	border: 0;
	}

@media (min-width: 1200px) {#school_photos .arch_box .comment_txt{font-size:1em;line-height:1.2;letter-spacing: -1px;font-weight: normal;}}
@media (min-width: 992px) and (max-width: 1199px){#school_photos .arch_box .comment_txt{font-size:1em;line-height:1.2;letter-spacing: -1px;font-weight: normal;}}
@media (min-width: 768px) and (max-width: 991px) {#school_photos .arch_box .comment_txt{font-size:1em;line-height:1.2;letter-spacing: -1px;font-weight: normal;}}


.school_txtbox{
	margin: 0 0 20px 0;
	border: 1px solid #cccccc;
	padding: 15px;
	box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
    -moz-box-sizing: border-box; /* Mozilla系 */
    -webkit-box-sizing: border-box; /* Safari, Chrome系 */
	text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
	font-size: 105%;
	}

.school_txtbox h4{text-decoration: underline;}

.readmore{
    position: relative;
    box-sizing: border-box;
    /*以下お好み*/
    /* ボーダーを付ける場合 */
    padding: 10px;
    border: 1px solid #CCC;
	margin-bottom: 40px;

}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 200px;
}

.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 10px 10px;
    background-color: #333333;
    color: #FFF;
}
.readmore-label:before{
    content: '続きを読む';
}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    /* position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    display: none;
}
.readmore-check:checked ~ .readmore-label:before{
    content: '閉じる';
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}
.readmore h4{text-decoration: underline;}






/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*テーブル01*/
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#content .post table.table_Contents01 {
    border-collapse: collapse;
    width: 90%;
    margin: 10px auto 20px auto ;
    }

#content .post table.table_Contents01 tr {
    border-collapse:collapse;
    border-spacing:0px;
    }

#content .post table.table_Contents01 th {
    font-weight: normal;
    text-align: center;
    }

#content .post table.table_Contents01 .heading {
    font-weight: bold;
    }

#content .post table.table_Contents01 td {
    text-align: center;
    padding: 10px;
    }

#content .post table.table_Contents01 .nameTag {
    background: #ffffff;
    text-align: center;
    padding: 10px;
    }


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*テーブル02*/
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#content .post table.table_Contents02 {
    border-collapse: collapse;
    width: 90%;
    margin: 10px auto 20px auto ;
    }

#content .post table.table_Contents02 td:first-child {
    background: #fff;
    }

#content .post table.table_Contents02 th {
    text-align: center;
    font-weight: bold;
    }

#content .post table.table_Contents02 .thead {
    text-align: center;
    font-weight: bold;
    }

#content .post table.table_Contents02 td {
    text-align: center;
    padding: 7px 0;
    }

#content .post table.table_Contents02 td:first-child {
    text-align: center;
    }

#content .post table.table_Contents02 td:before {
    content: attr(data-label);
    display: none;
    }


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*テーブル03*/
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#content .post table.table_Contents03 {
    border-collapse: collapse;
    width: 90%;
    margin: 10px auto 20px auto ;
    }

#content .post table.table_Contents03 td:first-child {
    background: #fff;
    }

#content .post table.table_Contents03 th {
    text-align: center;
    font-weight: bold;
    }

#content .post table.table_Contents03 .thead {
    text-align: center;
    font-weight: bold;
    }

#content .post table.table_Contents03 td {
    text-align: lef;
    padding: 7px;
    width: 40%;
    }

#content .post table.table_Contents03 td:first-child {
    text-align: center;
    width: 20%;
    }

#content .post table.table_Contents03 td:before {
    content: attr(data-label);
    display: none;
    }



/* fix */

#header .inner {
	width: 1100px;
}

#mainNav .inner {
	width: 1100px;
}

.header-logo {
	width: 319px;
	height: auto;
}

.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
}

.header-banner {
	display: flex;
}

.header-tel img {
	width: auto;
	height: 43px;
}

.header-tel p {
	font-size: 13px;
	color: #333333;
	line-height: 1;
	text-align: right;
}

.header-trial {
	width: 188px;
	line-height: 62px;
	text-align: center;
	background-color: #8ebf00;
	color: #ffffff;
	font-size: 16px;
	margin-left: 20px;
	font-weight: bold;
}

.header-contact {
	width: 188px;
	line-height: 62px;
	text-align: center;
	background-color: #f88600;
	color: #ffffff;
	font-size: 16px;
	margin-left: 20px;
	font-weight: bold;
}

nav#mainNav .sub-menu {
	display: none;
	z-index: 100;
	background-color: #ffffff;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 180px;
	border-top: 3px solid #8EBF00;
}

nav#mainNav .sub-menu li {
	padding: 10px 0;
	border-bottom: 1px solid #E4E4E4;
}

nav#mainNav .sub-menu li a {
	font-size: 15px;
	padding-left: 30px;
	position: relative;
}

nav#mainNav .sub-menu li a::after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	background-image: url('./images/add/arrow-right.png');
	background-size: cover;
}

.menu-item-47 > a {
	position: relative;
}

.menu-item-47 > a::after {
	content: '';
	position: absolute;
	top: 25%;
	right: 20px;
	width: 7px;
	height: 7px;
	border-right: 3px solid #8EBF00;
	border-bottom: 3px solid #8EBF00;
	transform: rotate(45deg);
}

.menu-item-48 > a {
	position: relative;
}

.menu-item-48 > a::after {
	content: '';
	position: absolute;
	top: 25%;
	right: 20px;
	width: 7px;
	height: 7px;
	border-right: 3px solid #8EBF00;
	border-bottom: 3px solid #8EBF00;
	transform: rotate(45deg);
}


#footer .f_menu {
	display: flex;
}

.footer-links {
	display: flex;
}

.footer-links-column {
	margin-right: 40px;
}

.footer-link {
	display: block;
	font-size: 14px;
  font-weight: bold;
  color: #ffffff;
	line-height: 1;
}

.footer-link:nth-child(n+2) {
	margin-top: 16px;
}

.footer-link-childs {
	margin-top: 15px;
	border-left: 1px solid #ffffff;
	padding-left: 13.5px;
}

.footer-link-childs a {
	display: block;
	font-size: 13px;
  font-weight: 500;
  color: #ffffff;
	line-height: 1;
}

.footer-link-childs a:nth-child(n+2) {
	margin-top: 12px;
}

.footer-contact a {
	display: block;
  width: 163px;
	line-height: 45px;
	padding: 0 14px;
	box-sizing: border-box;
	background-color: #ffffff;
	position: relative;
}

.footer-contact a::after {
	content: '';
	width: 6px;
	height: 6px;
	border-top: 2px solid;
	border-right: 2px solid;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%)rotate(45deg);
}

.footer-contact-document {
	color: #8ebf00;
}

.footer-contact-document::after {
	border-color: #8ebf00;
}

.footer-contact-trial {
	margin-top: 15px;
  color: #f88600;
}

.footer-contact-trial::after {
	border-color: #f88600;
}

.footer-meta {
	margin-left: auto;
}

.footer-meta img {
	width: 237px;
	height: auto;
}

.footer-meta-links {
	margin-top: 50px;
}

.cta {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
	display: flex;
	vertical-align: bottom;
}

.cta-content {
	width: 180px;
}

.cta-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.cta a {
	display: block;
}

.cta > a {
	width: 180px;
	margin-left: 5px;
}

.cta img {
	width: 100%;
	padding: 0;
	vertical-align: bottom; 
}

.cta-content > img {
	display: block;
	width: 118px;
	margin: 0 auto;
}

.cta a img {
	margin-top: 5px;
	width: 100%;
}

a#scroll-to-top {
	right: 400px!important;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*テキスト装飾*/
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.t-red{color: #C62626;}
.t-blue{color:#0248AD;}
.t-green{color:#108431;}
.t-orange{color:#D67E27;}


/*背景カラー*/
.bg-gray{background-color:#cccccc!important;}
.bg-blue{background-color:#d2f1fc!important;}
.bg-green{background-color:#d1ffe4!important;}
.bg-pink{background-color:#ffd7e4!important;}
.bg-orange{background-color:#FFDEAE!important;}
.bg-brown{background-color:#B9A387!important;}
.bg-white{background-color:#ffffff!important;}

/*フォントスタイル*/
.t-left{text-align:left!important;}
.t-right{text-align:right!important;}
.t-center{text-align:center!important;}



.t-bold{font-weight:bold!important;}
.txtUnderline{ text-decoration: underline!important;}
.txtborder{border: 1px solid!important;}


/*パンくず*/
.breadcrumbs{
    text-align: right;
    width:930px;
    margin: 0 auto;
    background: #eeeeee;
    padding: 10px;
    }

.breadcrumbs a:link   {color:#333333;text-decoration: none;}
.breadcrumbs a:visited{color:#333333;text-decoration: none;}
.breadcrumbs a:active {color:#333333;text-decoration: none;}
.breadcrumbs a:hover  {color:#0B9C05;text-decoration: underline;}


/*br/SpPcで改行位置変更 */
/*------PC用　768px以上----------*/
@media (min-width:768px) {
 .br-pc{ display: block;}
 .br-sp{ display: none;}
}
/*------SP用　767px以下----------*/
@media (max-width:767px) {
 .br-pc{ display: none;}
 .br-sp{ display: block;}
}






/* -------------------------------------------------------------------------- */
/*テキスト本文*/
/* -------------------------------------------------------------------------- */
/*テキストスタイル　ミディウム(基本)*/
@media (min-width: 1200px) {.p-mid{margin: 0 0 10px 0;font-size: 0.95rem!important;line-height: 1.4; text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}}
@media (min-width: 992px) and (max-width: 1199px){.p-mid{margin: 0 0 10px 0;font-size: 0.95rem!important;line-height: 1.4; text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}}
@media (min-width: 768px) and (max-width: 991px) {.p-mid{margin: 0 0 15px 0;font-size: 1.8rem!important;line-height: 1.4; text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}}
@media (max-width: 767px) {.p-mid{margin: 0 0 15px 0;font-size: 1.8rem!important;line-height: 1.4; text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}}
.p-mid:last-child{margin: 0 0 0px 0;}


/*テキストスタイル　ミディウム(基本-右揃え)*/
@media (min-width: 1200px) {.p-mid-right{margin: 0 0 10px 0;font-size: 0.95rem!important;line-height: 1.4; text-align:right;}}
@media (min-width: 992px) and (max-width: 1199px){.p-mid-right{margin: 0 0 10px 0;font-size: 0.95rem!important;line-height: 1.4; text-align:right;}}
@media (min-width: 768px) and (max-width: 991px) {.p-mid-right{margin: 0 0 15px 0;font-size: 1.8rem!important;line-height: 1.4; text-align:right;}}
@media (max-width: 767px) {.p-mid-right{margin: 0 0 15px 0;font-size: 1.8rem!important;line-height: 1.4; text-align:left;}}


/*テキストスタイル　ミディウム(基本-中央)*/
@media (min-width: 1200px) {.p-mid-center{margin: 0 0 10px 0;font-size: 0.95rem!important;line-height: 1.4; text-align:center;}}
@media (min-width: 992px) and (max-width: 1199px){.p-mid-center{margin: 0 0 10px 0;font-size: 0.95rem!important;line-height: 1.4; text-align:center;}}
@media (min-width: 768px) and (max-width: 991px) {.p-mid-center{margin: 0 0 15px 0;font-size: 1.8rem!important;line-height: 1.4; text-align:center;}}
@media (max-width: 767px) {.p-mid-center{margin: 0 0 15px 0;font-size: 1.8rem!important;line-height: 1.4; text-align:left;text-align:center;}}



/* -------------------------------------------------------------------------- */
/*リスト型リンクボタン*/
/* -------------------------------------------------------------------------- */
/*リスト型リンクボタン　MAXーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;

	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

.listLinkBtnArea-max li{
    list-style-type:none;
	text-align: center;
    border-radius:3px;
    position: relative;
    }

@media (min-width: 992px){
.listLinkBtnArea-max{margin:0 0 40px 0;padding:20px 0 0 0;background: #eeeeee;}
.listLinkBtnArea-max ul{margin: 0 auto;padding: 0;}
.listLinkBtnArea-max li{width: calc(90% - 0px);margin:0 auto 20px auto!important;font-size: 1.0em;}
.listLinkBtnArea-max li a,.listLinkBtnArea-min li a{line-height:1.2;padding:20px 0;}
.listLinkBtnArea-max li span{font-size: 0.8em;}
}


/*リスト型リンクボタン　MINーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-min ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	-o-justify-content:center;
	justify-content:center;

	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

.listLinkBtnArea-min li{
    list-style-type:none;
    text-align: center;
    border-radius:3px;
    position: relative;
    }

 @media (min-width: 992px){
.listLinkBtnArea-min{margin:0 0 40px 0;padding:30px 0 20px 0;background: #eeeeee;}
.listLinkBtnArea-min ul{margin: 0 auto;padding:0;}
.listLinkBtnArea-min li{width: calc(48% - 10px);margin:0 5px 10px 5px!important;font-size: 1.0em;}
.listLinkBtnArea-min li a,.listLinkBtnArea-min li a{line-height:1.2;padding:15px 0;}
.listLinkBtnArea-min li span{font-size: 0.8em;}
}



/*リスト型リンクボタン共通　リンク右アイコンーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max li:after,.listLinkBtnArea-min li:after{
    content: "\f054";
    font-family: "fontawesome";
    font-size: 100%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color:#ffffff;
    text-shadow: 0.5px 0.5px 1px #333333;
    }

/*リスト型リンクボタン　カラー：イエローーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .yellowButton,.listLinkBtnArea-min .yellowButton{
    border:1px solid #d3d30f;
    text-shadow:0px 1px 0px #fffdd4;
    box-shadow:inset 0px 1px 0px 0px #fffc8d;
	background:linear-gradient(to bottom, #ffff00 5%, #ffdb27 100%);
	background-color:#ffff00;
    }

.listLinkBtnArea-max .yellowButton a:link   {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .yellowButton a:visited{color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .yellowButton a:active {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .yellowButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #ffdb27 5%, #ffff00 100%);background-color:#ffdb27; display:block;}

.listLinkBtnArea-min .yellowButton a:link   {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .yellowButton a:visited{color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .yellowButton a:active {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .yellowButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #ffdb27 5%, #ffff00 100%);background-color:#ffdb27; display:block;}


/*リスト型リンクボタン　カラー：ブルーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .blueButton,.listLinkBtnArea-min .blueButton{
    border:1px solid #124d77;
    text-shadow:0px 1px 0px #154682;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
    }

.listLinkBtnArea-max .blueButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .blueButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .blueButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .blueButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);background-color:#0061a7; display:block;margin-left: -15px;}

.listLinkBtnArea-min .blueButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .blueButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .blueButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .blueButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);background-color:#0061a7; display:block;}


/*リスト型リンクボタン　カラー：レッドーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .redButton,.listLinkBtnArea-min .redButton{
    border:1px solid #ad0e29;
    text-shadow:0px 1px 0px #c1272d;
    box-shadow:inset 0px 1px 0px 0px #ff7676;
	background:linear-gradient(to bottom, #ed1c24 5%, #bc1931 100%);
	background-color:#bc1931;
    }

.listLinkBtnArea-max .redButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .redButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .redButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .redButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);background-color:#bc1931; display:block;}

.listLinkBtnArea-min .redButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .redButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .redButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .redButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);background-color:#bc1931; display:block;}



/*リスト型リンクボタン　カラー：グリーンーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .greenButton,.listLinkBtnArea-min .greenButton{
    border:1px solid #006837;
    text-shadow:0px 1px 0px #2d7a54;
    box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
    }

.listLinkBtnArea-max .greenButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .greenButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .greenButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .greenButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #00602b 5%,  100%);background-color:#00602b; display:block;}

.listLinkBtnArea-min .greenButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .greenButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .greenButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .greenButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #00602b 5%,  100%);background-color:#00602b; display:block;}


/*リスト型リンクボタン　カラー：オレンジーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .orangeButton,.listLinkBtnArea-min .orangeButton{
    border:1px solid #f25220;
    text-shadow:0px 1px 0px #f23420;
    box-shadow:inset 0px 1px 0px 0px #f2a620;
	background:linear-gradient(to bottom, #f4901e 5%, #f23f20 100%);
	background-color:#f23f20;
    }

.listLinkBtnArea-max .orangeButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .orangeButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .orangeButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .orangeButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #f23f20 5%, #f4901e 100%);background-color:#f23f20; display:block;}

.listLinkBtnArea-min .orangeButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .orangeButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .orangeButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .orangeButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #f23f20 5%, #f4901e 100%);background-color:#f23f20; display:block;}


/*リスト型リンクボタン　カラー：グレーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .grayButton,.listLinkBtnArea-min .grayButton{
    border:1px solid #808080;
    text-shadow:0px 1px 0px #f2f2f2;
    box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	background:linear-gradient(to bottom, #cccccc 5%, #b3b3b3 100%);
	background-color:#cccccc;
    }

.listLinkBtnArea-max .grayButton a:link   {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .grayButton a:visited{color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .grayButton a:active {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-max .grayButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #b3b3b3 5%, #cccccc 100%);background-color:#b3b3b3; display:block;}

.listLinkBtnArea-min .grayButton a:link   {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .grayButton a:visited{color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .grayButton a:active {color:#000000;text-decoration: none;display: block;}
.listLinkBtnArea-min .grayButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #b3b3b3 5%, #cccccc 100%);background-color:#b3b3b3; display:block;}


/*リスト型リンクボタン　カラー：パープルーーーーーーーーーーーーーーーーーーーーーーーー*/
.listLinkBtnArea-max .purpleButton,.listLinkBtnArea-min .purpleButton{
    border:1px solid #9327a3;
    text-shadow:0px 1px 0px #5409c1;
    box-shadow:inset 0px 1px 0px 0px #b72ab7;
	background:linear-gradient(to bottom, #8b24ba 5%, #62006d 100%);
	background-color:#62006d;
    }

.listLinkBtnArea-max .purpleButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .purpleButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .purpleButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-max .purpleButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #62006d 5%, #8b24ba 100%);background-color:#62006d; display:block;}

.listLinkBtnArea-min .purpleButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .purpleButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .purpleButton a:active {color:#ffffff;text-decoration: none;display: block;}
.listLinkBtnArea-min .purpleButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #62006d 5%, #8b24ba 100%);background-color:#62006d; display:block;}




/*ボタンアニメーション*/
.reflection {
  position: relative;
  overflow: hidden;
}
.reflection::before {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 3s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 3s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}



/*非表示設定*/
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}



/* -------------------------------------------------------------------------- */
/*アコーディオン　Q&A*/
/* -------------------------------------------------------------------------- */
/*質問テキスト*/
.qAndaArea h4{
    width: 100%;
    height: 60px!important;
    margin:0 0 10px 0!important;
    padding:10px 30px 10px 50px!important;
    border:1px solid #808080!important;
    background-color:#fffde1!important;
    border-radius:3px!important;
    position: relative;
    pointer-events: all!important;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
    justify-content: left;
    cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
.qAndaArea h4:after {
    content:"\f078";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.2s;
    }
.qAndaArea h4.selected:after {
    transform: translateY(-50%) rotate(180deg);
    transition: 0.2s;
    }
    
.qAndaArea h4:before {
    content:"Q";
    background: #333333;
    color: #ffff;
    padding: 2px 7px 2px 5px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    }
    
.qAndaArea h4:last-child{margin:0;}

@media (min-width: 1200px) {.qAndaArea h4{font-size: 1.2em!important;line-height: 1.0!important;}}
@media (min-width: 992px) and (max-width: 1199px){.qAndaArea h4{font-size: 1.2em!important;line-height: 1.0!important;}}
@media (min-width: 768px) and (max-width: 991px) {.qAndaArea h4{font-size: 1.8em!important;line-height: 1.0!important;}}
@media (max-width: 767px) {.qAndaArea h4{font-size: 1.8em!important;line-height: 1.0!important;}}


/*回答テキスト*/
.qAndaArea div.qAndaBox{
    margin: -10px 0 10px 0;
    padding:10px 30px 0px 50px;
    background: #ffffff;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-radius: 0 0 3px 3px;
    display: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
.qAndaArea div.qAndaBox:before {
    content:"A";
    background: #333333;
    color: #ffff;
    padding: 2px 7px 2px 5px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    }
    
.qAndaArea div.qAndaBox p{
    margin: 0 0 10px 0!important;
    padding:0!important;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
    }
    
.qAndaArea div.qAndaBox p:last-child{
    margin: 0!important;
    padding:0!important;
    }
    
@media (min-width: 1200px) {.qAndaArea div.qAndaBox p{font-size: 1.2em!important;line-height: 1.2!important;}}
@media (min-width: 992px) and (max-width: 1199px){.qAndaArea div.qAndaBox p{font-size: 1.2em!important;line-height: 1.2!important;}}
@media (min-width: 768px) and (max-width: 991px) {.qAndaArea div.qAndaBox p{font-size: 1.2em!important;line-height: 1.0!important;}}
@media (max-width: 767px) {.qAndaArea div.qAndaBox p{font-size: 1.8em!important;line-height: 1.0!important;}}
    
@media (min-width: 1200px) {.qAndaArea div.qAndaBox:before{font-size: 1.2em;line-height: 1.0;}}
@media (min-width: 992px) and (max-width: 1199px){.qAndaArea div.qAndaBox:before{font-size: 1.2em!important;line-height: 1.0!important;}}
@media (min-width: 768px) and (max-width: 991px) {.qAndaArea div.qAndaBox:before{font-size: 1.2em!important;line-height: 1.0!important;}}
@media (max-width: 767px) {.qAndaArea div.qAndaBox:before{font-size: 1.8em!important;line-height: 1.0!important;}}
    
.qAndaArea  div.qAndaBox:last-child{margin: -10px 0 0 0;}



/* -------------------------------------------------------------------------- */
/*合格体験談アコーディオン　Q&A*/
/* -------------------------------------------------------------------------- */
/*校舎ページなどの外枠*/
.voiceContents_Wrap{
    padding: 50px 0;
    width: 100vw;
    margin-left: calc((-100vw + 1100px) / 2);
    background-color: #f8fcec;
    }
    
/*校舎ページなどの内枠*/
.voiceContents_innerWrap{
    width: 55%;
    margin: 20px auto 0 auto;
    padding: 30px 60px;
    border: 2px solid #f88600;
    background: #ffffff;
    }
    
/*学校名・キャッチテキスト*/
.voiceArea h4{
    width: 100%!important;
    height: 70px!important;
    margin:0 0 10px 0!important;
    border:1px solid #808080!important;
    background-color:#fffde1!important;
    border-radius:3px!important;
    position: relative!important;
    pointer-events: all!important;
    letter-spacing: -1px!important;
    display: flex!important;
    align-items: left!important;
    justify-content: center!important;
    flex-direction: column!important;
    cursor:pointer!important;
    font-weight: bold!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
@media (min-width: 992px){.voiceArea h4{padding:10px 30px 10px 10px!important;}}
@media (max-width:991px){.voiceArea h4{padding:10px 30px 10px 10px!important;}}
    
.voiceArea h4 span{color: #ea5514;font-weight: normal;font-weight: bold;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify!important;}    
.voiceArea h4 span:before {
    content:"“";
    margin: 0 0 0 0px!important;
    font-weight: bold!important;
    }    
.voiceArea h4 span:after {
    content:"”";
    margin: 0 0 0 0px!important;
    font-weight: bold!important;
    }
    

.voiceArea h4:after {
    content:"\f078";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.2s;
    font-weight: normal;
    }
.voiceArea h4.selected:after {
    transform: translateY(-50%) rotate(180deg);
    transition: 0.2s;
    }
    
/*
@media (min-width: 992px){
.voiceArea h4:before {
    content:"合格";
    background: linear-gradient(-45deg, #B67B03 20%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 90%);
    color: #ffff;
    text-shadow: 1px 1px 1px #6a3906;
    padding: 4px 7px 4px 5px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-weight: normal;
    font-size: 80%;
    }}
@media (max-width:991px){.voiceArea h4:before{display: none;}}
*/
    
.voiceArea h4:last-child{margin:0;}

@media (min-width: 1200px) {.voiceArea h4{font-size: 1.2em!important;line-height: 1.2!important;}}
@media (min-width: 992px) and (max-width: 1199px){.voiceArea h4{font-size: 1.2em!important;line-height: 1.2!important;}}
@media (min-width: 768px) and (max-width: 991px) {.voiceArea h4{font-size: 1.6em!important;line-height: 1.2!important;}}
@media (max-width: 767px) {.voiceArea h4{font-size: 1.6em!important;line-height: 1.2!important;}}

@media (min-width: 1200px) {.voiceArea h4 span{font-size: 0.9em!important;line-height: 1.0!important;}}
@media (min-width: 992px) and (max-width: 1199px){.voiceArea h4 span{font-size: 0.9em!important;line-height: 1.0!important;}}
@media (min-width: 768px) and (max-width: 991px) {.voiceArea h4 span{font-size: 0.8em!important;line-height: 1.0!important;}}
@media (max-width: 767px) {.voiceArea h4 span{font-size: 0.8em!important;line-height: 1.0!important;}}


/*体験談テキスト*/
.voiceArea div.voiceBox{
    margin: -10px 0 10px 0;
    padding:10px 20px 10px 20px;
    background: #ffffff;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-radius: 0 0 3px 3px;
    display: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;	
    box-sizing: border-box;
    }
    
.voiceArea div.voiceBox p{
    border-bottom: 1px dotted #333333!important;
    padding: 0 0 10px 0!important;
    }
    
.voiceArea div.voiceBox p:last-of-type{
    border-bottom: 0px!important;
    }


@media (min-width: 1200px) {.voiceArea div.voiceBox:before{font-size: 1.2em!important;line-height: 1.0;}}
@media (min-width: 992px) and (max-width: 1199px){.voiceArea div.voiceBox:before{font-size: 1.2em!important;line-height: 1.0!important;}}
@media (min-width: 768px) and (max-width: 991px) {.voiceArea div.voiceBox:before{font-size: 1.8em!important;line-height: 1.0!important;}}
@media (max-width: 767px) {.voiceArea div.voiceBox:before{font-size: 1.8em!important;line-height: 1.0!important;}}
    
.voiceArea  div.voiceBox:last-child{margin: -10px 0 0 0;}

/*体験談ボックス閉じるボタン*/
.voiceArea div.voiceBox .closeButton{
     margin: 0 auto!important;
     padding: 5px 0!important;
     cursor:pointer!important;
     background: #555555;
     color: #ffffff;
     text-align: center;
     }
.voiceArea div.voiceBox .closeButton:hover  {filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}

@media (min-width: 1200px) {.voiceArea div.voiceBox .closeButton{font-size: 1.0em!important;width: 10%;}}
@media (min-width: 992px) and (max-width: 1199px){.voiceArea div.voiceBox .closeButton{font-size: 1.0em!important;width: 10%;}}
@media (min-width: 768px) and (max-width: 991px) {.voiceArea div.voiceBox .closeButton{font-size: 1.4em!important;width: 20%;}}
@media (max-width: 767px) {.voiceArea div.voiceBox .closeButton{font-size: 1.4em!important;width: 20%;}}


/*体験談画像*/
.voiceArea div.voiceBox figure{margin:0!important;padding:0px!important;}

@media (min-width: 992px){.voiceArea div.voiceBox figure.imagesVoice img{margin:0!important;padding:10px 20px!important;width: 90px;float: right;background: #ffffff;}}
@media (max-width:991px){.voiceArea div.voiceBox figure.imagesVoice img{margin: 0;padding:0 0 10px 20px;width: 100px;float: right!important;background: #ffffff;}}



/* -------------------------------------------------------------------------- */
/*教室メッセージ*/
/* -------------------------------------------------------------------------- */
.schoolMessage_area{
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.schoolMessage_area .boxL{
    flex-basis:calc(60% - 20px);
	margin:0 10px 20px 10px;
	background-color: #f8fcec;
	border: 2px solid #8ebf00;
	padding: 40px 30px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
.schoolMessage_area .boxR{
    flex-basis:calc(40% - 20px);
	margin:0 10px 20px 10px;
	background-color: #f8fcec;
	border: 2px solid #8ebf00;
	padding: 40px 30px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

.schoolMessage_area .boxC{
    flex-basis:calc(100% - 20px);
	margin:0 10px 20px 10px;
	background-color: #f8fcec;
	border: 2px solid #8ebf00;
	padding: 40px 30px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
/*イメージ*/
.schoolMessage_area figure.imageL img{
    float: right;
    width: 38%;
    margin: 0 0 20px 20px;
    padding: 0;
    }

.schoolMessage_area figure.imageR img{
    width: 90%;
    padding: 0;
    margin: 0 auto;
    display: block;
    }
 
 .schoolMessage_area figure.imageC img{
    width: 90%;
    padding: 0;
    margin: 0 auto;
    display: block;
    }

/*見出しｈ3*/
.schoolMessage_area h3 {
  font-size: 18px;
  padding: 20px;
  background: #83b700!important;
  color: #ffffff!important;
  font-weight: bold!important;
  text-align: center!important;
  margin-bottom: 20px!important;
}

/*所長サブキャッチテキスト*/
h4.subCatchtxt-schoolhead{
  margin-bottom: 20px!important;
  padding:0;
  color:#83b700!important;
  font-weight: bold!important;
  text-decoration: underline;
  font-family:serif;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }

@media (min-width: 1200px) {h4.subCatchtxt-schoolhead{font-size: 1.5em;line-height: 1.3;}}
@media (min-width: 992px) and (max-width: 1199px){h4.subCatchtxt-schoolhead{font-size: 1.6em;line-height: 1.2;}}



/*所長名*/
.schoolMessage_area h5.name-schoolhead {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  text-align: right;
  border: 0;
}

.schoolMessage_area h5.name-schoolhead span {
  color: #83b700!important;
  margin-right: 10px;
}




/*本文*/
.schoolMessage_area p{
    margin: 0 0 10px 0!important;
    padding:0!important;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
    }
    
.schoolMessage_area p:last-child{
    margin: 0!important;
    padding:0!important;
    }
    
@media (min-width: 1200px) {.schoolMessage_area p{font-size: 1.0em!important;line-height: 1.3!important;}}
@media (min-width: 992px) and (max-width: 1199px){.schoolMessage_area p{font-size: 1.0em!important;line-height: 1.3!important;}}



/* -------------------------------------------------------------------------- */
/*点数UP事例*/
/* -------------------------------------------------------------------------- */
/*ボックス親　*/	
.imageScoreup-Area {
    margin: 20px 0 20px 0;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: start;
	-moz-justify-content:  start;
	-ms-justify-content:  start;
	-o-justify-content:  start;
	justify-content:  start;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
    
.imageScoreup-Area .box{
    border: 3px solid #cccccc;}

	
/*ボックス子*/	
@media (min-width: 1200px) {.imageScoreup-Area .box{width: calc(33.33333333% - 10px) ;margin:0 5px 10px 5px;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px){.imageScoreup-Area .box{width: calc(33.33333333% - 10px) ;margin:0 5px 10px 5px;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}


.imageScoreup-Area .box h3{
  margin: 0 0 10px 0!important;
  padding: 10px!important;
  background: #8ebf00!important;
  text-align: center!important;  
  color: #ffffff!important;
  font-size: 80%!important;
  }

.imageScoreup-Area .box h3 span{
  margin: 0 5px!important;
  padding: 5px!important;
  background: #ffffff!important;
  text-align: center;
  font-weight: bold;
  color: #8ebf00!important;
  font-size: 130%!important;
  }
  
  
  
/*ボックス親　*/	
.imageScoreup-Area-column2 {
    margin: 20px 0 20px 0;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: start;
	-moz-justify-content:  start;
	-ms-justify-content:  start;
	-o-justify-content:  start;
	justify-content:  start;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
    
.imageScoreup-Area-column2 .box{
    border: 3px solid #cccccc;}

	
/*ボックス子*/	
@media (min-width: 1200px) {.imageScoreup-Area-column2 .box{width: calc(50% - 10px) ;margin:0 5px 10px 5px;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px){.imageScoreup-Area-column2 .box{width: calc(100% - 10px) ;margin:0 5px 10px 5px;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}


.imageScoreup-Area-column2 .box h3{
  margin: 0 0 10px 0!important;
  padding: 10px!important;
  background: #8ebf00!important;
  text-align: center!important;  
  color: #ffffff!important;
  font-size: 80%!important;
  }

.imageScoreup-Area-column2 .box h3 span{
  margin: 0 5px!important;
  padding: 5px!important;
  background: #ffffff!important;
  text-align: center;
  font-weight: bold;
  color: #8ebf00!important;
  font-size: 130%!important;
  }
  
  

/*内包*/
.scoreUp-wrap{
  display: flex;
  width: 100%;
  margin: 0 auto 10px auto;
  padding-bottom: 10px;
  -webkit-justify-content: space-between;
  -moz-justify-content:  space-between;
  -ms-justify-content:  space-between;
  -o-justify-content:  space-between;
  justify-content:  space-between;
  border-bottom: 3px dotted #cccccc;
}

/*イメージ*/
.scoreUp-img{
  width: 150px;
  height: 113px;
  text-align: right;
}


/*テキストコンテンツ*/
.scoreUp-txtbox {
    margin:0;
    padding:8px 0 0 0;
}

/*点数UP*/
.scoreUp-number {
  font-size: 20px!important;
  line-height: 1.0;
  color: #f88600;
  /*color: #e23a32;*/
  font-weight: bold;
}

.scoreUp-number strong {
  font-size: 300%!important;
}

.scoreUp-number .en {
  font-family: din-2014, sans-serif;
  font-weight: bold;
  line-height: 1.0;
  letter-spacing: -2.0px;
}

.scoreUp-number em {
  display: inline-block;
  position: relative;
  padding-right: 10px;
}

.scoreUp-number em::after {
  position: absolute;
  content: "\f148";
  font-family: "fontawesome";
  font-size: 130%;
  top: 42%;
  left: 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  }

/*経緯*/
.scoreUp-score {
  margin: 5px 0 0 0;
  padding: 8px!important;
  text-align: center;
  background: #fffc88;
  font-size: 0.80em!important;
  }

.scoreUp-score span {
  margin: 0;
  padding: 0;
  font-size: 110%;
  font-weight: bold;
  }


/*コメント*/
.scoreUp-comment {
  margin: 0 0 10px 0;
  padding: 10px!important;
  text-align: left;
  background: #eeeeee;
  font-size: 0.8em!important;line-height: 1.0!important;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  -ms-text-align: justify;
  }
  
/*学校・名前*/
.scoreUp-name {
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 0.8em!important;line-height: 1.2!important;
  }
    
/* -------------------------------------------------------------------------- */
/*各校ページ　動画メッセージ　PC5段　SP2段組*/
/* -------------------------------------------------------------------------- */
/* 動画全体の横幅を指定するためのdiv */
.video-wrap {
  margin: 0 auto 20px auto;
}

/* 動画を囲うdiv */
.video {
  position: relative;
  width:100%; /* 横幅は100%で固定 */
  /* height:0; 高さは0にしておく(padding-topで高さを指定するため) */
   /*padding-top: 56.25%; 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 1200px) {.video-wrap {max-width: 60%; /* ここに動画の横幅を指定 */}}
@media (min-width: 992px) and (max-width: 1199px){.video-wrap {max-width: 60%; /* ここに動画の横幅を指定 */}}



/* 動画全体の横幅を指定するためのdiv */
.video-wrap2 {
  margin: 0 auto 20px auto;
}
@media (min-width: 1200px) {.video-wrap2 {max-width: 100%; /* ここに動画の横幅を指定 */}}
@media (min-width: 992px) and (max-width: 1199px){.video-wrap2 {max-width: 100%; /* ここに動画の横幅を指定 */}}




.video-wrap .subject_box {
	display: inline-block;
	/*min-width: 30px;*/
	width:100%;
	margin: 5px 3px 3px 0;
	padding:3px 2px;
	color: #fff;
	background-color: #f88600;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
	-moz-box-sizing: border-box; /* Mozilla系 */
	-webkit-box-sizing: border-box; /* Safari, Chrome系 */
	}
	
@media (min-width: 1200px) {.video-wrap .subject_box{font-size:1.0em;line-height:1.3;}}
@media (min-width: 992px) and (max-width: 1199px){.video-wrap .subject_box{font-size:1.0em;line-height:1.5;}}


.video-wrap .teacher_name {
	text-align: center;
	}
	
@media (min-width: 1200px) {.video-wrap .teacher_name{font-size:1.2em;line-height:1.3;}}
@media (min-width: 992px) and (max-width: 1199px){.video-wrap .teacher_name{font-size:1.2em;line-height:1.5;}}


/* -------------------------------------------------------------------------- */
/*テーブル（ブログ記事のマス計算用）*/
/* -------------------------------------------------------------------------- */
table.dice{
    width: 30%;
    margin:0 auto;
    border-style:solid;
	border-width: 1px 0px 0 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 5px auto;
	text-align: center!important;
    }
    
table.dice th{
    padding: 5px;
    border-style: solid;
	border-width: 0px 1px 1px 0;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	font-weight: bold!important;
	text-align: center!important;
    width: 3%;
    }
table.dice td{   
    padding: 5px;
    border-style: solid;
	border-width: 0px 1px 1px 0;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
    font-weight: bold!important;
    text-align: center!important;
    width: 3%;
    }
    
/* -------------------------------------------------------------------------- */
/*テーブル（ブログ記事のテーブル用）*/
/* -------------------------------------------------------------------------- */
/*汎用テーブル　100％*/
table.blog-general100{
    width: 100%;
    margin:0 auto;
    border-style:solid;
	border-width: 1px 0px 0 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 5px auto;
	text-align: center!important;
    border-collapse: collapse!important;
    border-spacing: 0!important;
    }
    
table.blog-general100 th{
    padding: 5px;
    border-style: solid;
	border-width: 0px 1px 1px 0;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: center!important;
    font-size: 80%;
    background: #d2f1fc;
    line-height: 1.2!important;
    }
    
table.blog-general100 td{   
    padding: 5px;
    border-style: solid;
	border-width: 0px 1px 1px 0;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
    text-align: center!important;
    width: 16%;
    background: #ffffff;
    font-weight: bold!important;
    line-height: 1.2!important;
    }
    
 table.blog-general100 th span{font-size: 80%;}  
 table.blog-general100 td span{font-size: 70%;}
 
 
 /*汎用テーブル　80％*/
 table.blog-general80{
    width: 80%;
    margin:0 auto;
    border-style:solid;
	border-width: 1px 0px 0 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 5px auto;
	text-align: center!important;
    border-collapse: collapse!important;
    border-spacing: 0!important;
    }
    
table.blog-general80 th{
    padding: 5px;
    border-style: solid;
	border-width: 0px 1px 1px 0;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: center!important;
    font-size: 80%;
    background: #d2f1fc;
    line-height: 1.2!important;
    }
    
table.blog-general80 td{   
    padding: 5px;
    border-style: solid;
	border-width: 0px 1px 1px 0;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
    text-align: center!important;
    width: 16%;
    background: #ffffff;
    font-weight: bold!important;
    line-height: 1.2!important;
    }
    
 table.blog-general80 th span{font-size: 80%;}  
 table.blog-general80 td span{font-size: 70%;} 
 
 
 
/* -------------------------------------------------------------------------- */
/*フレックスボックス (通常マージンあり)*/
/* -------------------------------------------------------------------------- */
/*2カラムフレックスボックスーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 992px){
.contentsColumn2{margin: 0px 0 10px 0;padding:0;}
}
@media (max-width:991px){
.contentsColumn2{margin: 0px 0 10px 0;padding:0;}
}   

	
/*ボックス親*/	
.contentsColumn2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {.contentsColumn2 .box{width: calc(50% - 10px) ;margin:0 5px 10px 5px;padding: 20px;background: #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsColumn2 .box{width: calc(50% - 10px) ;margin:0 5px 10px 5px;padding: 20px;background: #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsColumn2 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;background: #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width: 767px) {.contentsColumn2 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;background: #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}



/*1カラムフレックスボックスーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 992px){
.contentsColumn1{margin: 0px 0 10px 0;padding:0;}
}
@media (max-width:991px){
.contentsColumn1{margin: 0px 0 10px 0;padding:0;}
}   

	
/*ボックス親*/	
.contentsColumn1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {.contentsColumn1 .box{width: calc(100% - 10px) ;margin:0 5px 10px 5px;padding: 20px;background: #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsColumn1 .box{width: calc(100% - 10px) ;margin:0 5px 10px 5px;padding: 20px;background: #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsColumn1 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;background: #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width: 767px) {.contentsColumn1 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;background: #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}



/* -------------------------------------------------------------------------- */
/*ブログ内の目次・リンクカード*/
/* -------------------------------------------------------------------------- */
.wp-embedded-content{width:100%!important;}

#toc_container {
	padding:20px!important;
	margin:20px auto;
	width:100%!important;
    -webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
box-sizing: border-box!important;
}

#toc_container ul li {
	border-bottom: 1px dotted #cccccc;
    padding: 5px 0;}

#toc_container ul li:last-child {
	border-bottom:0;}


/*==================================================

Blog Author
==================================================*/
.author_box{
	display: block;
	margin: 10px 0 10px 0;
	padding: 20px;
	border: 1px solid #cccccc;
	}
	
.author_box .title{
	margin:0 0 5px 0;
	border-left: 3px solid #8ebf00;
	border-bottom: 1px solid #cccccc;
	padding-left: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	display: block;
	line-height: 1.6;
	}

	
.author_box .description{
	text-align: left;
	display: block;
	line-height: 1.6;
	margin:5px 0 0 0;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
	}

.author_box .namettl {
	margin:0;
	padding:0;
	border:none;
	background:none;
    font-weight: bold;
	font-size:200%;
}
.author_box .namettl .position {
	display:block;
}
.author_box .namettl .roman {
	font-size:50%;
	font-family:'abel';
	font-weight:normal;
	color:#8ebf00;
	margin-left:10px;
}

.author_box .txt-link {margin-top:10px;display:block; text-align: right;}

.author_box a:link   {color:#f88501;text-decoration:underline;}
.author_box a:visited{color:#f88501;text-decoration:underline;}
.author_box a:active {color:#f88501;text-decoration:underline;}
.author_box a:hover  {color:#feb460;text-decoration:underline;}


/* -------------------------------------------------------------------------- */
/*講師紹介ndex*/
/* -------------------------------------------------------------------------- */
.teachersColumn3 img{width: 100%;}
.teachersColumn3 .name{background: #83b700;padding: 10px;text-align: center;font-weight: bold;font-size: 150%;color: #ffffff;border: 0!important;line-height: 1.0;}
.teachersColumn3 .school{padding: 5px;text-align: left;font-weight:normal;font-size: 100%;line-height: 1.0;font-weight: bold;}


.teachersColumn3 .moreButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #006837;
    text-shadow:0px 1px 0px #2d7a54;
    box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
    text-align: center;
    border-radius:3px;
    }

.teachersColumn3 .moreButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.teachersColumn3 .moreButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.teachersColumn3 .moreButton a:active {color:#ffffff;text-decoration: none;display: block;}
.teachersColumn3 .moreButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #00602b 5%,  100%);background-color:#00602b; display:block;}


@media (min-width: 992px){
.teachersColumn3{margin: 0px 0 10px 0;padding:0;}
}
@media (max-width:991px){
.teachersColumn3{margin: 0px 0 10px 0;padding:0;}
}   

	
/*ボックス親*/	
.teachersColumn3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/
@media (min-width: 992px){
.teachersColumn3 .box{width: calc(33.3333333% - 10px);margin:0 5px 10px 5px;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px #83b700 solid; background: #f8fcec;}}
@media (max-width:991px){
.teachersColumn3 .box{width: calc(100% - 10px);margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px 2px #83b700 solid; background: #f8fcec;}}



/* -------------------------------------------------------------------------- */
/*料金ページ*/
/* -------------------------------------------------------------------------- */
/****************************
	見出し
****************************/
/*通常見出しh2--------------------------------*/
h2.priceH2{
    margin: 0 0 20px 0!important;
    padding: 0;
    color:#333333!important;
    display: flex;
    align-items: center;
    justify-content: center;
    }

@media (min-width:992px){h2.priceH2{font-size: 170%!important;}h2.priceH2 span.green{color:#8EBF00;font-size: 150%;}h2.priceH2 span.orange{color:#F88600;font-size: 150%;}}
@media (max-width:991px){h2.priceH2{font-size: 160%!important;}h2.priceH2 span.green{color:#8EBF00;font-size: 140%;}h2.priceH2 span.orange{color:#F88600;font-size: 140%;}}

/*通常見出しh3--------------------------------*/
h3.priceH3{
    margin: 0 auto 20px auto!important;
    padding: 0;
    color:#333333!important;
    font-size: 130%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
h3.priceH3 span.green{color:#8EBF00;font-size: 150%;}
h3.priceH3 span.orange{color:#F88600;font-size: 150%;}


/*重要見出しh3--------------------------------*/
h3.heading-attn{margin:0 0 10px 0!important;padding: 0;color:#F88600!important;font-size: 130%;position: relative;display: inline-block;}
h3.heading-attn span:before{content: "";margin: 0;border: 1px solid #F88600; top: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position:absolute;transform: rotate(-20deg);height: 20px;left: -20px;}
h3.heading-attn span:after{content: "";margin: 0;border: 1px solid #F88600;top: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position:absolute;transform: rotate(20deg);height: 20px;right: -20px;}
	

/*通常見出しh4--------------------------------*/
h4.priceH4{
    margin: 10px 0 10px 0!important;
    padding: 0;
    color:#333333!important;
    font-size: 110%;
    border-bottom: 2px dotted #bbbbbb!important;
    display: flex;
    align-items: center;
    justify-content: center;
    }
h4.priceH4 span.green{color:#8EBF00;font-size: 130%;}
h4.priceH4 span.orange{color:#F88600;font-size: 130%;}


/****************************
	比較
****************************/
.comp-box{
    width: 100%;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    border-radius: 10px;
    }
    
.comp-box.etc{border: 1px solid #cccccc;background: #fff;}
.comp-box.mebius{border: 3px solid #8EBF00;background: #F8FCEC;}

@media (min-width:992px){.comp-box{margin: 0px auto 10px auto!important;padding: 20px 10px 20px 10px!important;}}
@media (max-width:991px){.comp-box{margin: 0px auto 20px auto!important;padding: 20px 10px 10px 10px!important;text-align: center;}}

/*タブ　グレー*/
.comp-box .tab-gray {padding:3px 5px 3px 5px!important;text-align: center;color: #ffffff;background: #aaaaaa;border-radius: 30px;}
@media (min-width:992px){.comp-box .tab-gray{margin: 0px; width: 100px;font-size: 100%!important;display:inline-block;}}
@media (max-width:991px){.comp-box .tab-gray{margin: 5px; width: 100px;font-size: 90%!important;display:block;}}

/*タブ　グリーン*/
.comp-box .tab-green { padding:3px 5px 3px 5px!important;text-align: center;color: #ffffff;background: #8EBF00;border-radius: 30px;}
@media (min-width:992px){.comp-box .tab-green{margin:0px;width: 100px;font-size: 100%!important;display:inline-block;}}
@media (max-width:991px){.comp-box .tab-green{margin: 5px;width: 100px;font-size: 90%!important;display:block;}}


/*テキスト*/
.comp-box .txt{margin:  5px 0 0 0;padding:0;font-weight: bold;}
.comp-box .txt span{font-weight: bold;}
@media (min-width:992px){.comp-box .txt{display:inline;font-size: 120%;}.comp-box .txt span{font-size: 80%!important;}}
@media (max-width:991px){.comp-box .txt{display:block;font-size: 110%;}.comp-box .txt span{font-size: 68%!important;}}


/*吹き出し(テーブル内)*/
.comp-box .balloon_customize {
  position: relative;
  display: block;
  padding: 8px 5px;
  color: #333;
  background: #FCEE21;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
}

.comp-box .balloon_customize:before{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50px;
  margin-left: -15px;
  border: 7px solid transparent;
  border-top: 9px solid #FCEE21;
  z-index: 2;
}
@media (min-width:992px){.comp-box .balloon_customize {font-size: 90%!important;width: 60%;margin: -40px 0 10px 0px;}}
@media (max-width:991px){.comp-box .balloon_customize {font-size: 83%!important;width: 89%;margin:  -30px 0 0 50px;}}


/****************************
	テキスト
****************************/
p.price-txt{
    margin: 0;
    padding: 0;
    font-weight: bold;
    }
p.price-txt span{
    font-weight: bold;
    }
@media (min-width:992px){p.price-txt{font-size: 120%!important;}p.price-txt span{font-size: 80%!important;}}
@media (max-width:991px){p.price-txt{font-size: 140%!important;}p.price-txt span{font-size: 70%!important;}}

/****************************
	リスト
****************************/
ul.pricetxt-list{margin:0;padding: 0px;display: block;}
ul.pricetxt-list li{margin: 0 0 3px 0;list-style-type: none;position: relative;text-align: left;}
ul.pricetxt-list li:before {content:"\f0da";font-family: "fontawesome";position: absolute;}
ul.pricetxt-list li:last-child{margin: 0 0 0 0;}

@media (min-width:992px){ul.pricetxt-list li{padding: 0 0 0 30px;}ul.pricetxt-list li:before {left: 15px;top:2px;}}
@media (max-width:991px){ul.pricetxt-list li{padding: 0 0 0 10px;}ul.pricetxt-list li:before {left: 0px;top:2px;}}


/****************************
	料金タブコンテンツ
****************************/
.price-tabPanel{
    margin: 0px auto 60px auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    }
@media (min-width:992px){.price-tabPanel{width:100%;}}
@media (max-width:991px){.price-tabPanel{width: 95%;}}


@media (min-width:992px){
/*タブwrap*/
.price-tabPanel .tab-group{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    display: flex;
    justify-content: center;
    border-right:solid 1px #CCC;
    }
    
.price-tabPanel .tab-group .tab{
    margin: 0;
    padding:15px 0;
    flex-grow: 1;    
    list-style:none;
    border-top:solid 1px #CCC;
    border-left:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    text-align:center;
    cursor:pointer;
    background: #eeeeee!important;
    color:#aaaaaa;
    font-size: 120%;
    }
    
.price-tabPanel .tab.is-active{
    border-top:solid 1px #CCC;
    border-left:solid 1px #CCC;
    border-bottom:none;
    background:#F8FCEC!important;
    color:#8EC000;
    font-weight: bold;
    font-size: 120%;
    transition: all 0.2s ease-out;
    }

.price-tabPanel .panel-group{
    margin: 0;
    padding: 20px;
    border-top:none;
    border-right:solid 1px #CCC;
    border-left:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    background:#F8FCEC;
    }

.price-tabPanel .panel{display:none;}

.price-tabPanel .panel.is-show{display:block;}
    }
    
@media (max-width:991px){
/*タブwrap*/
.price-tabPanel .tab-group{
    margin: 0;
    padding: 0;
    justify-content: center;
    border-right:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }
    
.price-tabPanel .tab-group .tab{
    flex-grow: 1;    
    list-style:none;
    border-top:solid 1px #CCC;
    border-left:solid 1px #CCC;
    text-align:center;
    cursor:pointer;
    background: #eeeeee!important;
    color:#aaaaaa;
    font-size: 120%;    
    
    width: calc(50% - 0px) ;
    margin:0;
    padding:10px!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
.price-tabPanel .tab.is-active{
    border-top:solid 1px #CCC;
    border-left:solid 1px #CCC;
    background:#8EC000!important;
    color:#F8FCEC;
    font-weight: bold;
    font-size: 120%;
    transition: all 0.2s ease-out;
    }

.price-tabPanel .panel-group{
    margin: 0;
    padding: 20px;
    border-right:solid 1px #CCC;
    border-left:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    background:#F8FCEC;
    }

.price-tabPanel .panel{display:none;}

.price-tabPanel .panel.is-show{display:block;}
    }


/*コンテンツ*/
.price-tabPanel .contentsWrap{
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

/*ボックス子*/
@media (min-width:992px){.price-tabPanel .contentsWrap .box{width: calc(50% - 20px) ;margin:0 10px 10px 10px;padding: 20px 20px 0px 20px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#ffffff;text-align: center;border: 1px solid #cccccc;}}
@media (max-width:991px){.price-tabPanel .contentsWrap .box{width: calc(100% - 0px) ;margin:0 0 20px 0;padding: 10px 10px 0px 10px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#ffffff;text-align: center;}}




/****************************
	料金コンテンツ
****************************/
/*料金コンテンツ　wrap*/
.price_Areawrap-column2{
    margin: 0px auto 60px auto;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

/*ボックス子*/
@media (min-width:992px){.price_Areawrap-column2 .box{width: calc(50% - 20px) ;margin:0 10px 20px 10px!important;padding: 20px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width:991px){.price_Areawrap-column2 .box{width: calc(100% - 0px) ;margin:0 0 20px 0;padding: 10px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}

@media (min-width:992px){.price_Areawrap-column2{width: 100%;padding: 20px 20px 0px 20px;}}
@media (max-width:991px){.price_Areawrap-column2{width: 95%;padding: 20px 20px 0px 20px;}}

.price_Areawrap-column2.green{border: 2px solid #8EBF00;}
.price_Areawrap-column2.orange{border: 2px solid #F88600;}
.price_Areawrap-column2.gray{border: 2px solid #cccccc;}

.price_Areawrap-column2 .box.green{background:#F8FCEC;}
.price_Areawrap-column2 .box.orange{background:#FFF4E9;}
.price_Areawrap-column2 .box.gray{background:#eeeeee;}




/*料金コンテンツ　wrap*/
.price_Areawrap-column1{
    margin: 0px auto 60px auto;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

/*ボックス子*/
@media (min-width:992px){.price_Areawrap-column1 .box{width: calc(90% - 20px) ;margin:0 10px 0 10px;padding: 20px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width:991px){.price_Areawrap-column1 .box{width: calc(100% - 0px) ;margin:0 0 20px 0;padding: 10px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}

@media (min-width:992px){.price_Areawrap-column1{width: 100%;padding: 20px;}}
@media (max-width:991px){.price_Areawrap-column1{width: 95%;padding: 20px 20px 0px 20px;}}

.price_Areawrap-column1.green{border: 2px solid #8EBF00;}
.price_Areawrap-column1.orange{border: 2px solid #F88600;}
.price_Areawrap-column1.gray{border: 2px solid #cccccc;}

.price_Areawrap-column1 .box.green{background:#F8FCEC;}
.price_Areawrap-column1 .box.orange{background:#FFF4E9;}
.price_Areawrap-column1 .box.gray{background:#eeeeee;}




/* -------------------------------------------------------------------------- */
/*料金アコーディオン　コンテンツ*/
/* -------------------------------------------------------------------------- */
/*料金アコーディオン　wrap*/
.price_accordionwrap{
    margin: 0px auto 60px auto;
    border: 2px solid #cccccc;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
@media (min-width:992px){.price_accordionwrap{width: 100%;padding: 20px;}}
@media (max-width:991px){.price_accordionwrap{width: 95%;padding: 20px 20px 0px 20px;}}

/*料金アコーディオン カラム*/
.price_accordionColumn2{
    width: 100%;
    margin: 0px auto;
    padding:0; 
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

/*ボックス子*/
@media (min-width:992px){.price_accordionColumn2 .box{width: calc(50% - 20px) ;margin:0 10px 20px 10px;padding: 20px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#eeeeee;}}
@media (max-width:991px){.price_accordionColumn2 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding:0!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#eeeeee;}}



/*PCテキストタイトル　PCテキストアコーディオンボックスーーーー*/
@media (min-width:992px){
/*PCテキストタイトルーーーー*/
.price_accordionArea h4{
        margin:0 0 5px 0!important;
        padding:10px 0!important;
        color: #ffffff!important;
        background-color: #8EBF00!important;
        border: 2px solid #cccccc;
        line-height: 1.0;
        text-align: center;
        pointer-events: none;
        }
 
 /*PCテキストアコーディオンボックスーーーー*/
.price_accordionArea div.price_accordionBox{margin: 0 0 10px 0;}
.price_accordionArea div.price_accordionBox:last-child{margin:0;}
        }


        
/*SPトリガーボタン　SPテキストアコーディオンボックスーーーー*/  
@media (max-width:991px){
/*SPトリガーボタンーーーー*/  
.price_accordionArea h4{
        width: 100%;
        height: 60px;
        margin:0 0 10px 0;
        padding:10px;
        border:1px solid #808080!important;
        text-shadow:0px 1px 0px #f2f2f2;
        box-shadow:inset 0px 1px 0px 0px #e6e6e6;
        background:-webkit-linear-gradient(#cccccc 5%, #b3b3b3 100%)!important;
        background:-o-linear-gradient(#cccccc 5%, #b3b3b3 100%)!important;
        background:linear-gradient(#cccccc 5%, #b3b3b3 100%)!important;
        background-color:#cccccc!important;
        text-align: center;
        border-radius:3px;
        position: relative;
        pointer-events: all!important;
        
        display: flex;
        align-items: center;
        justify-content: center;
        cursor:pointer!important;
        }
        
.price_accordionArea h4:after {
        content:"\f078";
        font-family: "fontawesome";
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transition: 0.2s;
        }
.price_accordionArea h4.selected:after {
        transform: translateY(-50%) rotate(180deg);
        transition: 0.2s;
        }
.price_accordionArea h4:last-child{margin:0;}
 
 
/*SPテキストアコーディオンボックスーーーー*/  
.price_accordionArea div.price_accordionBox{
        margin: 0px 0 0 0;
        padding: 10px 10px;
        background: #ffffff;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        border-bottom: 1px solid #808080;
        border-radius: 0 0 3px 3px;
        display: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        }
.price_accordionArea div.price_accordionBox:last-child{margin: -10px 0 0 0;} 
        }

@media (min-width:992px){.price_accordionArea h4{font-size: 1.2em;line-height: 1.0;}}
@media (max-width:991px){.price_accordionArea h4{font-size: 1.8em;line-height: 1.0;}}





/****************************
	料金テーブル
****************************/
@media (min-width:992px){
table.price_table {
        margin: 0 auto!important;
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%;
        max-width: 700px;
        text-align: center;
        box-shadow: none!important;
        border-style:solid;
        border-width: 1px 0px 0 1px;
        border-color: #999999;
        }

table.price_table th{
        background-color:#F8FCEC;
        box-shadow: none!important;
        text-align: center;
        border-style:solid;
        border-width: 0px 1px 1px 0;
        border-color: #999999;
        padding:0px!important;
        }

table.price_table td {
        text-align: center;
        border-style:solid;
        border-width: 0px 1px 1px 0;
        border-color: #999999;
        padding:0px!important;
        }

table.price_table thead th {
        background-color: #B4CC5E;
        color: #fff;
        padding:0px!important;
        }

table.price_table thead th:last-of-type {}

table.price_table tbody th {
        color: #8EBF00;
        font-weight: bold;
        text-align: center;
        }

table.price_table tbody td {}
}


@media (max-width:991px){
table.price_table {
        text-align: left;
        }
        
table.price_table thead {
        display:none;
        }
        
table.price_table th, table.price_table td {
        display: block;
        border: 0;
        border-bottom: 1px solid #e6f1f6;
        }
  
table.price_table tbody th{
        background-color: #B4CC5E;
        color: #fff;
        padding: 10px 15px;
        text-align: center;
        box-shadow: none!important;
        font-size: 120%;
        }
        
table.price_table td{
        text-align: center;
        font-size: 120%;
        padding: 10px 0px;
        }
        
table.price_table td::before{
        content: attr(data-label);
        color: #8EBF00;
        font-weight: bold;
        display: inline-block;
        width: 40%;
        min-width: 4em;
        font-size: 100%;
        }
        }


@media (min-width:992px){table.price_table span{font-size: 0.8em;line-height: 1.1; }}
@media (max-width:991px){table.price_table span{font-size: 0.8em;line-height: 1.0; }}

/*キャプションリスト*/
table.price_table caption {padding: 10px 0 0 0;caption-side: bottom;}
table.price_table caption ul{margin:0;padding: 0px;display: block;}
table.price_table caption ul li{margin: 0 0 3px 0;padding: 0 0 0 10px;list-style-type: none;position: relative;text-align: left;}
table.price_table caption li:before {content:"\f0da";font-family: "fontawesome";position: absolute;left: 0px;top:1px;}
table.price_table caption ul li:last-child{margin: 0 0 0 0;}
    



/* -------------------------------------------------------------------------- */
/*フレックスボックス (マージンなし)*/
/* -------------------------------------------------------------------------- */
/*ラップフレックスボックス3ーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*Youtubeの埋め込みはこのColumnを使う。他は縦幅が取れないため読み込みサムネールがぼやける*/	
/*ボックス親　*/	
.wrapColumn3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: start;
	-moz-justify-content:  start;
	-ms-justify-content:  start;
	-o-justify-content:  start;
	justify-content:  start;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {.wrapColumn3 .box{width: calc(33.3333333% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px){.wrapColumn3 .box{width: calc(33.3333333% - 10px) ;margin:0 0 10px 0;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 768px) and (max-width: 991px) {.wrapColumn3 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.wrapColumn3 .box:last-child{margin:0 0 20px 0;}}
@media (max-width: 767px) {.wrapColumn3 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.wrapColumn3 .box:last-child{margin:0 0 20px 0;}}




/*ラップフレックスボックス2ーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*ボックス親　*/	
.wrapColumn2 {
    margin:0 auto 40px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {.wrapColumn2 .box{width: calc(50% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px){.wrapColumn2 .box{width: calc(50% - 10px) ;margin:0 0 10px 0;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 768px) and (max-width: 991px) {.wrapColumn2 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.wrapColumn2 .box:last-child{margin:0 0 20px 0;}}
@media (max-width: 767px) {.wrapColumn2 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.wrapColumn2 .box:last-child{margin:0 0 20px 0;}}


/*ラップフレックスボックス1ーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*ボックス親　*/	
.wrapColumn1 {
    margin:0 auto 40px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {.wrapColumn1 .box{width: calc(80% - 0px) ;margin:0 auto 10px auto;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px){.wrapColumn1 .box{width: calc(80% - 10px) ;margin:0 auto 10px auto;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 768px) and (max-width: 991px) {.wrapColumn1 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.wrapColumn1 .box:last-child{margin:0 0 20px 0;}}
@media (max-width: 767px) {.wrapColumn1 .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.wrapColumn1 .box:last-child{margin:0 0 20px 0;}}


/* -------------------------------------------------------------------------- */
/*DIV型リンクボタン*/
/* -------------------------------------------------------------------------- */
/*DIV型リンクボタン　カラー：グレーーーーーーーーーーーーーーーーーーーーーーー*/
.common-noneActiveButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #dddddd;
    box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	background:linear-gradient(to bottom, #cccccc 5%, #b3b3b3 100%);
	background-color:#cccccc;
    text-align: center;
    border-radius:3px;
    color: #ffffff;
    }
    
@media (min-width: 992px){
    .common-noneActiveButton{font-size: 1.2em;line-height:1.2;padding:15px 0;}
    .common-grayButton   a{font-size: 1.2em;line-height:1.2;padding:15px 0;}
    .common-blueButton   a{font-size: 1.2em;line-height:1.2;padding:15px 0;}
    .common-redButton    a{font-size: 1.2em;line-height:1.2;padding:15px 0;}
    .common-greenButton  a{font-size: 1.2em;line-height:1.2;padding:15px 0;}
    .common-purpleButton a{font-size: 1.2em;line-height:1.2;padding:15px 0;}
    .common-orangeButton a{font-size: 1.2em;line-height:1.2;padding:15px 0;}
    .common-yellowButton a{font-size: 1.2em;line-height:1.2;padding:15px 0;}
    }
    
@media (max-width:991px){
    .common-noneActiveButton{font-size: 1.4em;line-height:1.2;padding:12px 0;}
    .common-grayButton   a{font-size: 1.4em;line-height:1.2;padding:12px 0;}
    .common-blueButton   a{font-size: 1.4em;line-height:1.2;padding:12px 0;}
    .common-redButton    a{font-size: 1.4em;line-height:1.2;padding:12px 0;}
    .common-greenButton  a{font-size: 1.4em;line-height:1.2;padding:12px 0;}
    .common-purpleButton a{font-size: 1.4em;line-height:1.2;padding:12px 0;}
    .common-orangeButton a{font-size: 1.4em;line-height:1.2;padding:12px 0;}
    .common-yellowButton a{font-size: 1.4em;line-height:1.2;padding:12px 0;}
    }


/*DIV型リンクボタン　カラー：グレーーーーーーーーーーーーーーーーーーーーーーー*/
.common-grayButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #808080;
    text-shadow:0px 1px 0px #f2f2f2;
    box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	background:linear-gradient(to bottom, #cccccc 5%, #b3b3b3 100%);
	background-color:#cccccc;
    text-align: center;
    border-radius:3px;
    }

.common-grayButton a:link   {color:#000000;text-decoration: none;display: block;}
.common-grayButton a:visited{color:#000000;text-decoration: none;display: block;}
.common-grayButton a:active {color:#000000;text-decoration: none;display: block;}
.common-grayButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #b3b3b3 5%, #cccccc 100%);background-color:#b3b3b3; display:block;}


/*DIV型リンクボタン　カラー：イエローーーーーーーーーーーーーーーーーーーーーーー*/
.common-yellowButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #d3d30f;
    text-shadow:0px 1px 0px #fffdd4;
    box-shadow:inset 0px 1px 0px 0px #fffc8d;
	background:linear-gradient(to bottom, #ffff00 5%, #ffdb27 100%);
	background-color:#ffff00;
    text-align: center;
    border-radius:3px;
    }

.common-yellowButton a:link   {color:#000000;text-decoration: none;display: block;}
.common-yellowButton a:visited{color:#000000;text-decoration: none;display: block;}
.common-yellowButton a:active {color:#000000;text-decoration: none;display: block;}
.common-yellowButton a:hover  {color:#000000; text-decoration:none;background:linear-gradient(to bottom, #ffdb27 5%, #ffff00 100%);background-color:#ffdb27; display:block;}


/*DIV型リンクボタン　カラー：ブルーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-blueButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #124d77;
    text-shadow:0px 1px 0px #154682;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
    text-align: center;
    border-radius:3px;
    }

.common-blueButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-blueButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-blueButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-blueButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);background-color:#0061a7; display:block;}


/*DIV型リンクボタン　カラー：レッドーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-redButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #ad0e29;
    text-shadow:0px 1px 0px #c1272d;
    box-shadow:inset 0px 1px 0px 0px #ff7676;
	background:linear-gradient(to bottom, #ed1c24 5%, #bc1931 100%);
	background-color:#bc1931;
    text-align: center;
    border-radius:3px;
    }

.common-redButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-redButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-redButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-redButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);background-color:#bc1931; display:block;}


/*DIV型リンクボタン　カラー：グリーンーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-greenButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #006837;
    text-shadow:0px 1px 0px #2d7a54;
    box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
    text-align: center;
    border-radius:3px;
    }

.common-greenButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-greenButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-greenButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-greenButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #00602b 5%,  100%);background-color:#00602b; display:block;}


/*DIV型リンクボタン　カラー：オレンジーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-orangeButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #f25220;
    text-shadow:0px 1px 0px #f23420;
    box-shadow:inset 0px 1px 0px 0px #f2a620;
	background:linear-gradient(to bottom, #f4901e 5%, #f23f20 100%);
	background-color:#f23f20;
    text-align: center;
    border-radius:3px;
    }

.common-orangeButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-orangeButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-orangeButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-orangeButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #f23f20 5%, #f4901e 100%);background-color:#f23f20; display:block;}


/*DIV型リンクボタン　カラー：パープルーーーーーーーーーーーーーーーーーーーーーーーー*/
.common-purpleButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #9327a3;
    text-shadow:0px 1px 0px #5409c1;
    box-shadow:inset 0px 1px 0px 0px #b72ab7;
	background:linear-gradient(to bottom, #8b24ba 5%, #62006d 100%);
	background-color:#62006d;
    text-align: center;
    border-radius:3px;
    }

.common-purpleButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.common-purpleButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.common-purpleButton a:active {color:#ffffff;text-decoration: none;display: block;}
.common-purpleButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #62006d 5%, #8b24ba 100%);background-color:#62006d; display:block;}




/****************************
	カラーボックス
****************************/
/*カラーボックス　wrap*/
.colorBox-column3{
    margin: 0px auto 60px auto;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

/*ボックス子*/
@media (min-width:992px){.colorBox-column3 .box{width: calc(33.3333333% - 20px) ;margin:0 10px 20px 10px!important;padding: 20px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width:991px){.colorBox-column3 .box{width: calc(100% - 0px) ;margin:0 0 20px 0;padding: 10px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}

@media (min-width:992px){.colorBox-column3{width: 100%;padding: 20px 20px 0px 20px;}}
@media (max-width:991px){.colorBox-column3{width: 95%;padding: 20px 20px 0px 20px;}}

.colorBox-column3.green{border: 2px solid #8EBF00;}
.colorBox-column3.orange{border: 2px solid #F88600;}
.colorBox-column3.gray{border: 2px solid #cccccc;}

.colorBox-column3 .box.green{background:#F8FCEC;}
.colorBox-column3 .box.orange{background:#FFF4E9;}
.colorBox-column3 .box.gray{background:#eeeeee;}



/*カラーボックス　wrap*/
.colorBox-column2{
    margin: 0px auto 60px auto;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

/*ボックス子*/
@media (min-width:992px){.colorBox-column2 .box{width: calc(50% - 20px) ;margin:0 10px 20px 10px!important;padding: 20px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width:991px){.colorBox-column2 .box{width: calc(100% - 0px) ;margin:0 0 20px 0;padding: 10px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}

@media (min-width:992px){.colorBox-column2{width: 100%;padding: 20px 20px 0px 20px;}}
@media (max-width:991px){.colorBox-column2{width: 95%;padding: 20px 20px 0px 20px;}}

.colorBox-column2.green{border: 2px solid #8EBF00;}
.colorBox-column2.orange{border: 2px solid #F88600;}
.colorBox-column2.gray{border: 2px solid #cccccc;}

.colorBox-column2 .box.green{background:#F8FCEC;}
.colorBox-column2 .box.orange{background:#FFF4E9;}
.colorBox-column2 .box.gray{background:#eeeeee;}




/*カラーボックス　wrap*/
.colorBox-column1{
    margin: 0px auto 60px auto;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }

/*ボックス子*/
@media (min-width:992px){.colorBox-column1 .box{width: calc(90% - 20px) ;margin:0 10px 0 10px;padding: 20px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width:991px){.colorBox-column1 .box{width: calc(100% - 0px) ;margin:0 0 20px 0;padding: 10px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}

@media (min-width:992px){.colorBox-column1{width: 100%;padding: 20px;}}
@media (max-width:991px){.colorBox-column1{width: 95%;padding: 20px 20px 0px 20px;}}

.colorBox-column1.green{border: 2px solid #8EBF00;}
.colorBox-column1.orange{border: 2px solid #F88600;}
.colorBox-column1.gray{border: 2px solid #cccccc;}

.colorBox-column1 .box.green{background:#F8FCEC;}
.colorBox-column1 .box.orange{background:#FFF4E9;}
.colorBox-column1 .box.gray{background:#eeeeee;}

/* -------------------------------------------------------------------------- */
/*コンタクトキャッチテキスト*/
/* -------------------------------------------------------------------------- */
/*h3コンタクトキャッチテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.contact-catchtxt{margin:10px auto 0 auto!important;padding:0px!important;color:#e50012!important;font-weight: bold;position:relative;text-align:center!important;line-height: 1.0;}
.contact-catchtxt:before{content: "";margin: 0;border: 1px solid #e50012;height: 50px; top: -10px;left: 5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position:absolute;transform: rotate(-20deg);}
.contact-catchtxt:after{content: "";margin: 0;border: 1px solid #e50012;height: 50px;top: -10px;right: 5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position:absolute;transform: rotate(20deg);}

.contact-catchtxt small{color:#333333!important;font-size: 80%!important;}

@media (min-width: 1200px) {.contact-catchtxt{font-size: 1.8em!important;}}
@media (min-width: 992px) and (max-width: 1199px){.contact-catchtxt{font-size: 1.8em!important;}}
@media (min-width: 768px) and (max-width: 991px) {.contact-catchtxt{font-size: 1.7em!important;}}
@media (max-width: 767px) {.contact-catchtxt{font-size: 1.7em!important;}}



/* -------------------------------------------------------------------------- */
/*開閉コンテンツ*/
/* -------------------------------------------------------------------------- */

/*高さを制限しているボックスの要素*/
.oc-Contents{
  position: relative;
  max-width: 100%;
  padding: 0 0 0 120;
  margin: 20px auto 50px auto;
  overflow: hidden;
  transition: .4s;
}

@media (min-width: 992px){.oc-Contents{height: 600px;}}
@media (max-width:991px){.oc-Contents{height: 750px;}}

/*グラデーションで隠す擬似要素*/
.oc-Contents:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
  transition: .4s;
  z-index: 500;
}

@media (min-width: 992px){.oc-Contents:before{height: 150px;}}
@media (max-width:991px){.oc-Contents:before{height: 100px;}}

/*クラス付与時のスタイル*/
.oc-Contents.active:before{
  opacity: 0;
  visibility: hidden;
}

/*ボタンのスタイル*/
.oc-Contents button{
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 0px;
  width: 30%;
  height: 40px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  background: #4bb448;
  border: none;
  z-index: 501;
  border-radius: 5px;
}



/* -------------------------------------------------------------------------- */
/*体験授業*/
/* -------------------------------------------------------------------------- */

/****************************
	見出し
****************************/
/*通常見出しh2--------------------------------*/
h2.experience-infoH2{
    margin: 0 auto 20px auto;
    padding: 0;
    color:#333333!important;
    text-align: center!important;
    display:inline;
    align-items: center;
    justify-content: center;
    }

h2.experience-infoH2 span{display: inline!important;}
@media (min-width:992px){h2.experience-infoH2{font-size: 150%!important;}h2.experience-infoH2 span.green{color:#8EBF00;font-size: 170%;}h2.experience-infoH2 span.orange{color:#F88600;font-size: 170%;}h2.experience-infoH2 br{display: none;}}
@media (max-width:991px){h2.experience-infoH2{font-size: 130%!important;}h2.experience-infoH2 span.green{color:#8EBF00;font-size: 150%!important;}h2.experience-infoH2 span.orange{color:#F88600;font-size: 150%!important;}}


/*通常見出しh3--------------------------------*/
h3.experience-infoH3{
    margin: 0 auto 0 auto;
    padding: 0;
    color:#333333!important;
    text-align: center!important;
    display:inline;
    align-items: center;
    justify-content: center;
    }
    
h3.experience-infoH3 span{display: inline!important;}
@media (min-width:992px){h3.experience-infoH3{font-size: 110%!important;}h3.experience-infoH2 span.green{color:#8EBF00;font-size: 130%;}h3.experience-infoH3 span.orange{color:#F88600;font-size: 130%;}}
@media (max-width:991px){h3.experience-infoH3{font-size: 110%!important;}h3.experience-infoH3 span.green{color:#8EBF00;font-size: 130%!important;}h3.experience-infoH3 span.orange{color:#F88600;font-size: 130%!important;}}



/****************************
	体験授業　特長
****************************/
.experience-futureArea .txt{
	margin:0 0 20px 0!important;
	padding:0;
    font-size: 18px;
    line-height: 1.2;
    font-feature-settings : "palt"!important;
    }

.experience-futureArea .txt small{font-size: 80%;}

.experience-futureArea .txt span{color: #e50012;font-weight: bold;}

.experience-futureArea figure{
    margin: 10px 0 20px 0!important;
    padding: 0!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.experience-futureArea figure img{
    margin: 0!important;
    padding: 0!important;
    width: 100%;
    vertical-align:top;
    }




/****************************
	体験授業　心配事
****************************/
/*タブWrap*/
.worriesTabArea{margin: 10px 0 0 0;}


/*タブWrap　小boxレフト*/
.worriesTabArea .tab{
    border-radius: 10px;
    border: 1px #a5a271 solid;
    margin: 0 0 7px 0;
    padding: 0 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    
	align-items: center;
    }

.worriesTabArea .tab.skyblue{background: #D9F5FF;}
.worriesTabArea .tab.pink{background: #FFE6E6;}

/*タブWrap　テキスト*/
.worriesTabArea .txt{
	flex-basis:calc(80% - 5px);
    
	margin:0;
	padding:0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;

    font-feature-settings : "palt"!important;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.worriesTabArea .txt small{font-size: 80%;}

.worriesTabArea .txt span.blue{color: #1D4ED8;}
.worriesTabArea .txt span.red{color: #D61E4A;}

/*タブWrap　イメージ*/
.worriesTabArea figure{
    flex-basis:calc(20% - 0px);
    
	margin:0;
    padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    vertical-align:top;
}

.worriesTabArea figure img{width: 80px;}


/****************************
	体験授業　キャッチ
****************************/
  .experienceCatch {
    margin: 0 auto 100px auto!important; 
    padding: 10px 0 10px 0;
    background: #83B700;
    background-size: 100% auto;
    color: #FFF;
    text-align: center;
    position: relative;
  }

  .experienceCatch::after {
  content:"\f13a";
  font-family: "fontawesome";
  position: absolute;
  left: 50%;
  bottom:-70px;
  transform: translateX(-50%)!important;
  -webkit-transform: translateX(-50%)!important;
  -ms-transform: translateX(-50%)!important;
  color: #ffffff;
  font-size: 600%;
  color: #83B700;
 }

  .experienceCatch .txtBox {
    margin: 0 auto;
    display: block;
    padding: 10px;
  }

  .experienceCatch .lead {
    font-size: 17px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .experienceCatch .catch {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
  }

  .experienceCatch .catch em {
    font-size: 22px;
    font-weight: bold;
  }

  .experienceCatch .catch strong {
    font-size: 30px;
    margin-top: 0;
    margin-left: -15px;
    color: #FCEE21;
    font-weight: bold;
  }

  .experienceCatch .catch strong em {
    font-size: 60px;
    margin-top: 5px;
    font-weight: bold;
  }




/****************************
	体験授業　流れ
****************************/
ul.experience-flow {
    margin: 0!important;
    padding:  0 0 20px 0!important;
    }

ul.experience-flow li{
    margin: 0 0 30px 0;
    padding: 0px;
    position: relative;    
    list-style: none;
    
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    
	
    }
ul.experience-flow li:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%)!important;
    -webkit-transform: translateX(-50%)!important;
    -ms-transform: translateX(-50%)!important;
    border: 20px solid transparent;
    border-top: 10px solid #777777;
    }
ul.experience-flow li:last-of-type:after{ border: 40px solid transparent!important;border-top: 20px solid #e50012!important;margin-top: 20px;}

    
ul.experience-flow li .titleArea{
    margin: 0;
    color: #ffffff;
    background: #777777;
    display: grid;
place-items: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    }
@media (min-width:992px){ul.experience-flow li .titleArea{flex-basis:calc(20% - 0px);border-radius: 10px 0 0 10px;}}
@media (max-width:991px){ul.experience-flow li .titleArea{flex-basis:calc(100% - 0px);border-radius: 10px 10px 0 0;padding: 10px 0;}}
    
 ul.experience-flow li .titleArea p.title{
    margin: 0!important;
    padding: 0!important;
    font-size: 120%;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    }
 ul.experience-flow li .titleArea p small{
    font-size: 70%;
    } 
    
ul.experience-flow li .txtArea{
    margin: 0;
    padding: 15px!important;
    background: #E8E8E8;
    display:inline;
    align-items: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    }
@media (min-width:992px){ul.experience-flow li .txtArea{flex-basis:calc(80% - 0px);border-radius: 0 10px 10px 0;}}
@media (max-width:991px){ul.experience-flow li .txtArea{flex-basis:calc(100% - 0px);border-radius: 0 0 10px 10px;}} 

ul.experience-flow li .txtArea p{margin: 0 0 10px 0!important;}
ul.experience-flow li .txtArea p::last-child{margin: 0 0 0 0!important;}


/****************************
	体験授業　まとめ
****************************/
.summaryArea .txt{
	margin:0 0 20px 0!important;
	padding:0;
    font-size: 18px;
    line-height: 1.2;
    font-feature-settings : "palt"!important;
    }

.summaryArea .txt small{font-size: 80%;}

.summaryArea .txt span{color: #e50012;font-weight: bold;}

.summaryArea figure{
    margin: 0 0 0 20px!important;
    padding: 0!important;
    float: right!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
@media (min-width:992px){.summaryArea figure{margin: 0 0 0 20px!important;}}
@media (max-width:991px){.summaryArea figure{margin: 0 0 20px 0!important;}}

.summaryArea figure img{
    margin: 0!important;
    padding: 0!important;
    width: 300px;
    vertical-align:top;
    }






/****************************
ページ内ナビゲーション
****************************/
/* 共通アイコン・リンクスタイル*/
ul.page_navi li{list-style-type: none;position: relative; }

ul.page_navi li:before{
    content:"\f0d7";
    font-family: "fontawesome";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #ffffff;
    }

/* メッセージ*/
ul.page_navi li.message:after{
    content:"\f27a";
    font-family: "fontawesome";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color:#43b740;
	font-weight: 700;
    }

/* 特長*/
ul.page_navi li.feature:after{
    content:"\f19c";
    font-family: "fontawesome";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color:#43b740;
	font-weight: 700;
    }

/* 料金*/
ul.page_navi li.price:after{
    content:"\f0f6";
    font-family: "fontawesome";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color:#43b740;
	font-weight: 700;
    }

/* 実績*/
ul.page_navi li.record:after{
    content:"\f201";
    font-family: "fontawesome";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color:#43b740;
	font-weight: 700;
    }

/* 口コミ*/
ul.page_navi li.comment:after{
    content:"\f086";
    font-family: "fontawesome";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color:#43b740;
	font-weight: 700;
    }

/* アクセス*/
ul.page_navi li.access:after{
    content:"\f041";
    font-family: "fontawesome";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color:#43b740;
	font-weight: 700;
    }


/* 質問*/
ul.page_navi li.faq:after{
    content:"\f002";
    font-family: "fontawesome";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color:#43b740;
	font-weight: 700;
    }

ul.page_navi a{
    margin:0 5px;
    padding:30px 0 5px 0px;
	text-align:center;
	display:block;
	text-decoration:none;
	border:1px solid #2f7e27;
    text-shadow:0px 1px 0px #328d34;
    box-shadow:inset 0px 1px 0px 0px #43bc64;
	background:linear-gradient(to bottom, #43bc40 5%, #439c40 100%);
	background-color:#439c40;
    text-align: center;
    border-radius:3px;
    font-weight: bold;
	color: #ffffff;
	}
	
ul.page_navi a:link   {color:#ffffff;text-decoration: none;display: block;display: grid;place-items: center center;}
ul.page_navi a:visited{color:#ffffff;text-decoration: none;display: block;display: grid;place-items: center center;}
ul.page_navi a:active {color:#ffffff;text-decoration: none;display: block;display: grid;place-items: center center;}
ul.page_navi a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #439c40 5%, #43bc40 100%);background-color:#439c40; display:block;display: grid;place-items: center center;}

@media (min-width: 1200px) {ul.page_navi a{height: 75px;}}
@media (min-width: 992px) and (max-width: 1199px){ul.page_navi a{height: 75px;}}
@media (min-width: 768px) and (max-width: 991px) {ul.page_navi a{height: 75px;}}
@media (max-width: 767px) {ul.page_navi a{height: 60px;}}

@media (min-width: 1200px) {.page_navi{font-size: 1.1em;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.page_navi{font-size: 1.1em;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.page_navi{font-size: 0.9em;line-height: 1.2;}}
@media (max-width: 767px) {.page_navi{font-size: 0.9em;line-height: 1.2;}}



/* ページ内ナビゲーション　6つ並び*/
ul.page_navi6{
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: start;
	-moz-justify-content: start;
	-ms-justify-content: start;
	-o-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    }
    
@media (min-width: 1200px) {ul.page_navi6 li{width: calc(16.666666666666666% - 0px);margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px) {ul.page_navi6 li{width: calc(16.666666666666666% - 0px);margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 768px) and (max-width: 991px){ul.page_navi6 li{width: calc(33.3333333333% - 0px);margin:0 0 10px 0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width: 767px){ul.page_navi6 li{width: calc(33.3333333333% - 0px);margin:0 0 10px 0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}