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


/* -------------------------------------------------------------------------- */
/*共通項目*/
/* -------------------------------------------------------------------------- */
body {
	font-family:Hiragino Kaku Gothic Pro, Meiryo, Osaka, MS PGothic, sans-serif;
	color: #333;
	/* background:url(../../images/bodyBg.svg) repeat-x,#f9f9f9;*/
	}
	
.underline{ text-decoration: underline;}

/*フォントサイズ*/
@media (min-width: 1200px) {
html {font-size : 16px; }
}

@media (min-width: 992px) and (max-width: 1199px){
html {font-size : 14px; }
}

@media (min-width: 768px) and (max-width: 991px) {
html {font-size : 12px; }
}

@media (max-width: 767px) {
html {font-size : 10px; }
}


/* -------------------------------------------------------------------------- */
/*bootstrap打消し*/
/* -------------------------------------------------------------------------- */
.margin-padding0{ margin: 0; padding: 0;}


/* -------------------------------------------------------------------------- */
/*マージン・パディング*/
/* -------------------------------------------------------------------------- */
.marginB-10em{margin-bottom: 10em;}
.marginB-1em{margin-bottom: 1em;}

.padding10{ padding: 10px;}


/* -------------------------------------------------------------------------- */
/*テキストブロック*/
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {.t-blockIn01{display: block;}}
@media (min-width: 992px) and (max-width: 1199px){.t-blockIn01{display: block;}}
@media (min-width: 768px) and (max-width: 991px) {.t-blockIn01{display:block;}}
@media (max-width: 767px) {.t-blockIn01{display:inline-block;}}

@media (min-width: 1200px) {.t-blockIn02{display: inline-block;}}
@media (min-width: 992px) and (max-width: 1199px){.t-blockIn02{display: inline-block;}}
@media (min-width: 768px) and (max-width: 991px) {.t-blockIn02{display:  block;}}
@media (max-width: 767px) {.t-blockIn02{display:  block;}}

@media (min-width: 1200px) {.t-blockIn03{display: inline-block;white-space: nowrap;}}
@media (min-width: 992px) and (max-width: 1199px){.t-blockIn03{display: inline-block;white-space: nowrap;}}
@media (min-width: 768px) and (max-width: 991px) {.t-blockIn03{display: inline-block;white-space: nowrap;}}
@media (max-width: 767px) {.t-blockIn03{display: inline-block;white-space: nowrap;}}
@media (max-width: 624px) {.t-block{display: inline-block;}}

@media (min-width: 1200px) {.t-blockIn04{display: inline-block;}}
@media (min-width: 992px) and (max-width: 1199px){.t-blockIn04{display: inline-block;}}
@media (min-width: 768px) and (max-width: 991px) {.t-blockIn04{display:inline-block;}}
@media (max-width: 767px) {.t-blockIn04{display:block;}}

.t-block2{display: inline-block;}

.txtInlineBlock{ display: inline-block; }


.icon{margin-right:5px;}


/* -------------------------------------------------------------------------- */
/*ポジション*/
/* -------------------------------------------------------------------------- */
.position-relative{position:relative;}
.position-absolute{position:absolute;}



/* -------------------------------------------------------------------------- */
/*リストスタイル*/
/* -------------------------------------------------------------------------- */
	/*申し込みの流れ*/
.list01{
	margin:0 0 0 25px;
	padding:0;
	}
	
.list01 li{
	margin:0;
	padding:0 0 5px 0;
	list-style:outside;
	list-style-type:decimal;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.list01{font-size:1.0em;line-height:1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.list01{font-size:1.0em;line-height:1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.list01{font-size:1.2em;line-height:1.4;}}
@media (max-width: 767px) {.list01{font-size:1.6em;line-height:1.4;}}





/* -------------------------------------------------------------------------- */
/*テキスト*/
/* -------------------------------------------------------------------------- */

/*標準フォントサイズ*/
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}


/*標準フォントサイズ*/
.em0-4{font-size:0.4em;}
.em0-5{font-size:0.5em;}
.em0-6{font-size:0.6em;}
.em0-7{font-size:0.7em;}
.em0-8{font-size:0.8em;}
.em0-9{font-size:0.9em;}
.em1-0{font-size:1.0em;}
.em1-1{font-size:1.1em;}
.em1-2{font-size:1.2em;}
.em1-3{font-size:1.3em;}
.em1-4{font-size:1.4em;}
.em1-5{font-size:1.5em;}
.em1-6{font-size:1.6em;}
.em1-7{font-size:1.7em;}
.em1-8{font-size:1.8em;}
.em1-9{font-size:1.9em;}
.em2-0{font-size:2.0em;}


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


	
.t-bold{font-weight:bold;}

/*フォントカラー*/
.t-red{color:#e60012;}
.t-white{color:#ffffff;}
.t-black{color:#333333;}
.t-pink{color:#ff82ad;}

/*背景カラー*/
.bg-high{background-color:#fed8e5;}
.bg-junior{background-color:#d8ddf2;}
.bg-elementary{background-color:#d9f2d9;}
.bg-default{background-color:#efefef;}
.bg-gray{background-color:#cccccc;}
.bg-gray2{background-color:#eeeeee;}
.bg-black{background-color:#999999;}
.bg-blue{background-color:#d2f1fc;}
.bg-blue2{background-color:#cafff6;}
.bg-green{background-color:#d1ffe4;}
.bg-red{background-color:#ffe7e7;}
.bg-white-shadow{background-color:#ffffff;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);border-bottom: solid 5px #e50012;}

/*文字高*/
.f_height12{ line-height:12px;}
.f_height14{ line-height:14px;}
.f_height16{ line-height:16px;}
.f_height18{ line-height:18px;}
.f_height20{ line-height:20px;}
.f_height22{ line-height:22px;}

/*フロート*/
.float-right{ float: right;}
.float-left { float: left;}
.clear { clear: both;}

.txtInline{
	display:inline;
	float:right;
	}
	
.width-30{width:30%; }

/*矢印タブ-----------------------------------*/	
.arrow-high  { text-decoration: none; color:#ffffff;background-color: #f83d7b;display: block;width:14em;bottom: 0; left: 0; right:0; margin: 0 auto 10px auto;position: absolute; text-align: center; line-height: 1;}
.arrow-junior{ text-decoration: none; color:#ffffff;background-color: #3b54bf;display: block;width:14em;bottom: 0; left: 0; right:0; margin: 0 auto 10px auto;position: absolute; text-align: center; line-height: 1;}
.arrow-elementary{ text-decoration: none; color:#ffffff;background-color: #43bc40;display: block;width:14em;bottom: 0; left: 0; right:0; margin: 0 auto 10px auto;position: absolute; text-align: center; line-height: 1;}
	

/*タブ見出し-----------------------------------*/	
.tab-default{
	font-weight: normal;
	background-color:#3b54bf;
	display:block;
	width:100%;
	padding:8px 5px 5px 5px;
	margin:0 0 1em 0;
	color: #ffffff;
	}
	
@media (min-width: 1200px) {.tab-default{font-size:1.2em;}}
@media (min-width: 992px) and (max-width: 1199px){.tab-default{font-size:0.9em;}}
@media (min-width: 768px) and (max-width: 991px) {.tab-default{font-size:1.4em;}}
@media (max-width: 767px) {.tab-default{font-size:1.4em;}}


.tab-default2{
	font-weight:bold;
	display:block;
	width:100%;
	padding:8px 5px 5px 5px;
	margin:0 0 1em 0;
	color: #e50012;
	border: 1px solid #cccccc;
	}
	
@media (min-width: 1200px) {.tab-default2{font-size:1.2em;}}
@media (min-width: 992px) and (max-width: 1199px){.tab-default2{font-size:1.0em;}}
@media (min-width: 768px) and (max-width: 991px) {.tab-default2{font-size:1.1em;}}
@media (max-width: 767px) {.tab-default2{font-size:1.6em;}}

.tab-default3{
	font-weight:bold;
	display:block;
	width:100%;
	padding:8px 5px 5px 5px;
	margin:0 0 1em 0;
	color: #08507a;
	border: 1px solid #08507a;
	background: #ffffff;
	text-align: center;
	}
	
@media (min-width: 1200px) {.tab-default3{font-size:1.6em;}}
@media (min-width: 992px) and (max-width: 1199px){.tab-default3{font-size:1.4em;}}
@media (min-width: 768px) and (max-width: 991px) {.tab-default3{font-size:1.5em;}}
@media (max-width: 767px) {.tab-default3{font-size:1.9em;}}
	
/*見出し-----------------------------------*/	
.tabname01{
	font-size:1.8em;
	line-height:1.3;
	padding:0 5px 0 0;
	margin:0 0 0 0;
	color:#f83d7b;
	font-weight:bold;
	float:left;
	}
	
.tabname02{
	font-size:1.8em;
	line-height:1.3;
	padding:0 5px 0 0;
	margin:0 0 0 0;
	color:#3b54bf;
	font-weight:bold;
	float:left;
	}
	
.tabname03{
	font-size:1.8em;
	line-height:1.3;
	padding:0 5px 0 0;
	margin:0 0 0 0;
	color:#43bc40;
	font-weight:bold;
	float:left;
	}

/*タブカウント-----------------------------------*/	
.badge-default {
  	display: inline-block;
  	min-width: 15px;
  	font-weight: bold;
 	margin:-2px 0 0 0;
  	color: #07949b;
  	background-color:#ffffff;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	border-radius: 15px;
  	margin-right:3px;
  	line-height:1;
	}
	
@media (min-width: 1200px) {.badge-default {padding: 5px 7px 3px 7px;font-size:1.1em;}}
@media (min-width: 992px) and (max-width: 1199px){.badge-default{padding: 3px 4px 3px 4px;font-size:0.8em;}}
@media (min-width: 768px) and (max-width: 991px) {.badge-default{padding: 3px 4px 3px 4px;font-size:0.8em;}}
@media (max-width: 767px) {.badge-default{padding: 3px 4px 3px 4px;font-size:0.8em;}}

.badge-default2 {
  	display: inline-block;
  	min-width: 15px;
  	font-weight: bold;
 	margin:-2px 0 0 0;
  	color: #3e3a39;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	margin-right:3px;
  	line-height:1;
	border: 1px solid #898989;
	}
	
@media (min-width: 1200px) {.badge-default2 {padding: 5px 7px 3px 7px;font-size:1.1em;}}
@media (min-width: 992px) and (max-width: 1199px){.badge-default2{padding: 3px 4px 3px 4px;font-size:0.8em;}}
@media (min-width: 768px) and (max-width: 991px) {.badge-default2{padding: 3px 4px 3px 4px;font-size:0.8em;}}
@media (max-width: 767px) {.badge-default2{padding: 3px 4px 3px 4px;font-size:0.8em;}}


.badge-default3 {
  	display: inline-block;
  	min-width: 15px;
  	font-weight: bold;
 	margin:-2px 0 0 0;
  	color: #ffffff;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	margin-right:3px;
  	line-height:1;
	background: #08507a;
	}
	
@media (min-width: 1200px) {.badge-default3 {padding: 5px 7px 3px 7px;font-size:1.2em;}}
@media (min-width: 992px) and (max-width: 1199px){.badge-default3{padding: 3px 4px 3px 4px;font-size:1.2em;}}
@media (min-width: 768px) and (max-width: 991px) {.badge-default3{padding: 3px 4px 3px 4px;font-size:1.2em;}}
@media (max-width: 767px) {.badge-default3{padding: 3px 4px 3px 4px;font-size:1.2em;}}

.badge-high {
  	display: inline-block;
  	min-width: 15px;
  	padding: 4px 7px;
  	font-size:1.1em;
  	font-weight: bold;
 	margin:0 0 0.5em 0;
  	color: #f83d7b;
  	background-color:#ffffff;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	border-radius: 15px;
  	margin-right:3px;
  	line-height:1;
	}

.badge-junior {
  	display: inline-block;
  	min-width: 15px;
  	padding: 4px 7px;
  	font-size:1.1em;
  	font-weight: bold;
 	margin:0 0 0.5em 0;
  	color: #3b54bf;
  	background-color:#ffffff;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	border-radius: 15px;
  	margin-right:3px;
  	line-height:1;
	}

.badge-elementary {
  	display: inline-block;
  	min-width: 15px;
  	padding: 4px 7px;
  	font-size:1.1em;
  	font-weight: bold;
 	margin:0 0 0.5em 0;
  	color: #43bc40;
  	background-color:#ffffff;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	border-radius: 15px;
  	margin-right:3px;
  	line-height:1;
	}


	
/*ボックステキスト-----------------------------------*/	
.tabbadge-high {
	display: inline-block;
	min-width: 30px;
	margin:0px 3px 3px 0;
	color: #fff;
	background-color:#f83d7b;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	}
	
@media (min-width: 1200px) {.tabbadge-high {padding: 1px 3px 0px 3px;font-size:1.0em;}}
@media (min-width: 992px) and (max-width: 1199px){.tabbadge-high {padding: 1px 3px 0px 3px;font-size:0.9em;}}
@media (min-width: 768px) and (max-width: 991px) {.tabbadge-high {padding: 1px 3px 0px 3px;font-size:0.9em;}}
@media (max-width: 767px) {.tabbadge-high {padding: 1px 3px 0px 3px;font-size:0.9em;}}
	
.tabbadge-junior {
	display: inline-block;
	min-width: 30px;
	margin:0px 3px 3px 0;
	color: #fff;
	background-color:#3b54bf;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	}
	
@media (min-width: 1200px) {.tabbadge-junior {padding: 1px 3px 0px 3px;font-size:1.0em;}}
@media (min-width: 992px) and (max-width: 1199px){.tabbadge-junior {padding: 1px 3px 0px 3px;font-size:0.9em;}}
@media (min-width: 768px) and (max-width: 991px) {.tabbadge-junior {padding: 1px 3px 0px 3px;font-size:0.9em;}}
@media (max-width: 767px) {.tabbadge-junior {padding: 1px 3px 0px 3px;font-size:0.9em;}}
	
.tabbadge-elementary {
	display: inline-block;
	min-width: 30px;
	margin:0px 3px 3px 0;
	color: #fff;
	background-color:#43bc40;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	}
	
@media (min-width: 1200px) {.tabbadge-elementary {padding: 1px 3px 0px 3px;font-size:1.0em;}}
@media (min-width: 992px) and (max-width: 1199px){.tabbadge-elementary {padding: 1px 3px 0px 3px;font-size:0.9em;}}
@media (min-width: 768px) and (max-width: 991px) {.tabbadge-elementary {padding: 1px 3px 0px 3px;font-size:0.9em;}}
@media (max-width: 767px) {.tabbadge-elementary {padding: 1px 3px 0px 3px;font-size:0.9em;}}

/*バッジ-----------------------------------*/
.badge-passing {
  	display: inline-block;
  	min-width: 15px;
  	padding: 3px 10px;
  	color:#ffffff;
  	background-color:#e80012;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	border-radius: 10px;
  	margin:0 3px 2px 0;
  	line-height:1;
	font-weight: normal;
	}
@media (min-width: 1200px) {.badge-passing {font-size:0.8em;}}
@media (min-width: 992px) and (max-width: 1199px){.badge-passing{font-size:0.8em;}}
@media (min-width: 768px) and (max-width: 991px) {.badge-passing{font-size:0.8em;}}
@media (max-width: 767px) {.badge-passing{font-size:0.8em;}}

/*テキスト-----------------------------------*/	
.p01{
	padding:0;
	margin:0 0 1em 0;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.p01{font-size:1.0em;line-height:1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.p01{font-size:1.0em;line-height:1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.p01{font-size:1.2em;line-height:1.4;}}
@media (max-width: 767px) {.p01{font-size:1.6em;line-height:1.4;}}
	
.p02{
	font-size:0.9em;
	line-height:1.2;
	padding:0;
	margin:0 0 0.5em 0;
	display:inline;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
.p03{
	padding:0 0 10px 0;
	margin:0 0 0.5em 0;
	color: #333;
	border-bottom:1px dotted #333333;
	clear:both;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.p03{font-size:1.0em;line-height:1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.p03{font-size:1.0em;line-height:1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.p03{font-size:1.2em;line-height:1.4;}}
@media (max-width: 767px) {.p03{font-size:1.6em;line-height:1.4;}}

.p04{
	font-size:1.2em;
	line-height:1.6;
	padding:0;
	margin:0 0 20px 0;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.p04{font-size:1.2em;line-height:1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.p04{font-size:1.2em;line-height:1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.p04{font-size:1.2em;line-height:1.4;}}
@media (max-width: 767px) {.p04{font-size:1.6em;line-height:1.4;}}

.p05{
	font-size:0.9em;
	line-height:0.8;
	padding:0;
	margin:0 0 3em 0;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}

.p06{
	font-size:1.2em;
	line-height:1.4;
	padding:0;
	margin:0 0 0.7em 0;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}	
	
.p07{
	font-size:1.2em;
	line-height:1.2;
	padding:0;
	margin:0 0 1.5em 0;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
.p08{
	font-size:1.1em;
	line-height:1.2;
	padding:0;
	margin:0 0 1.4em 0;
	color: #555555;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
.p09{
	padding:0 0 0px 0;
	margin:0 0 0.5em 0;
	color: #333;
	clear:both;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.p09{font-size:1.0em;line-height:1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.p09{font-size:1.0em;line-height:1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.p09{font-size:1.2em;line-height:1.4;}}
@media (max-width: 767px) {.p09{font-size:1.6em;line-height:1.4;}}

.p10 {
	min-width: 30px;
	margin:0px 3px 7px 0;
	text-align: left;
	vertical-align: middle;
	}
	
@media (min-width: 1200px) {.p10{line-height:1.4;font-size: 1.2em;}}
@media (min-width: 992px) and (max-width: 1199px){.p10{line-height: 1.4;font-size: 1.2em;}}
@media (min-width: 768px) and (max-width: 991px) {.p10{line-height: 1.4;font-size: 1.4em;}}
@media (max-width: 767px) {.p10{line-height: 1.2;font-size: 1.6em;}}	

.p11 {
	min-width: 30px;
	margin:0px 3px 7px 0;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #888888;
	}
	
@media (min-width: 1200px) {.p11 {padding: 1px 10px 0px 10px;font-size:1.0em;line-height:1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.p11 {padding: 1px 10px 0px 10px;font-size:1.0em;line-height:1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.p11 {padding: 11px 10px 10px 10px;font-size:1.2em;line-height:1.4;}}
@media (max-width: 767px) {.p11 {padding: 11px 10px 10px 10px;font-size:1.6em;line-height:1.4;}}


.p12{
	padding:0;
	margin:0 0 0 0;
	color: #333;
	font-weight: normal;
	}
	
@media (min-width: 1200px) {.p12{font-size:0.7em;line-height:0.9;}}
@media (min-width: 992px) and (max-width: 1199px){.p12{font-size:0.7em;line-height:0.9;}}
@media (min-width: 768px) and (max-width: 991px) {.p12{font-size:0.7em;line-height:0.9;}}
@media (max-width: 767px) {.p12{font-size:0.9em;line-height:1.1;}}

	
/*ストロングテキスト-----------------------------------*/

.strongTxt-high{
	padding:10px;
	margin:15px 0 10px 0;
	color:#f83d7b;
	font-weight:bold;
	clear: both;
	text-align: center;
	border: 2px dotted #f83d7b;
	}
	
.strongTxt-junior{
	padding:10px;
	margin:15px 0 10px 0;
	color:#3b54bf;
	font-weight:bold;
	clear: both;
	text-align: center;
	border: 2px dotted #3b54bf;
	}
	
.strongTxt-elementary{
	padding:10px;
	margin:15px 0 10px 0;
	color:#43bc40;
	font-weight:bold;
	clear: both;
	text-align: center;
	border: 2px dotted #43bc40;
	}
	
@media (min-width: 1200px) {.strongTxt-high       {font-size:2.2em;line-height:1.3;}
							.strongTxt-junior     {font-size:2.2em;line-height:1.3;}
							.strongTxt-elementary {font-size:2.2em;line-height:1.3;}
							}
@media (min-width: 992px) and (max-width: 1199px) {
							.strongTxt-high       {font-size:2.2em;line-height:1.2;}
							.strongTxt-junior     {font-size:2.2em;line-height:1.2;}
							.strongTxt-elementary {font-size:2.2em;line-height:1.2;}
							}
@media (min-width: 768px) and (max-width: 991px) {
							.strongTxt-high       {font-size:2.0em;line-height:1.1;}
							.strongTxt-junior     {font-size:2.0em;line-height:1.1;}
							.strongTxt-elementary {font-size:2.0em;line-height:1.1;}
							}
@media (max-width: 767px) {	.strongTxt-high       {font-size:2.2em;line-height:1.2;}
							.strongTxt-junior     {font-size:2.2em;line-height:1.2;}
							.strongTxt-elementary {font-size:2.2em;line-height:1.2;}
							}
	
.strongTxtKECred{
	font-size:3em;
	line-height:1.3;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#e60012;
	font-weight:bold;
	}

.strongTxt05{
	font-size:1.4em;
	line-height:1.0;
	padding:0 5px 0 0;
	margin:0 0 0.5em 0;
	color:#e60012;
	/*	color:#e50b72;*/
	}

.strongTxt06{
	font-size:1.5em;
	line-height:1.3;
	padding:0 5px 0 0;
	margin:0 0 0.5em 0;
	color:#7c32e0;
	font-weight:bold;
	}
	
.strongTxt-default{
	padding:0 5px 0 0;
	margin:0 0 0.5em 0;
	color:#f333333;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	border-bottom: 1px solid #333333;
	}

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

.strongTxt-default2{
	padding:0 5px 0 0;
	margin:0 0 0.5em 0;
	color:#f333333;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}

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



/*小見出し-----------------------------------*/
.subheading-high{
	display:block;
	padding:0px 0px 5px 0px;
	margin:5px 0 10px 0;
	color: #f83d7b;
	border-bottom: 1px solid #f83d7b;
	line-height: 1;
	font-weight: bold;
	clear: both;
	}
	
.subheading-junior{
	display:block;
	padding:0px 0px 5px 0px;
	margin:5px 0 10px 0;
	color: #3b54bf;
	border-bottom: 1px solid  #3b54bf;
	line-height: 1;
	font-weight: bold;
	clear: both;
	}
	
.subheading-elementary{
	display:block;
	padding:0px 0px 5px 0px;
	margin:5px 0 10px 0;
	color: #43bc40;
	border-bottom: 1px solid #43bc40;
	font-weight: bold;
	clear: both;
	}
	
@media (min-width: 1200px) {.subheading-high{font-size:1.6em;line-height: 1;}
							.subheading-junior{font-size:1.6em;line-height: 1;}
							.subheading-elementary{font-size:1.6em;line-height: 1;}}							
							
@media (min-width: 992px) and (max-width: 1199px){
							.subheading-high{font-size:1.6em;line-height: 1;}
							.subheading-junior{font-size:1.6em;line-height: 1;}
							.subheading-elementary{font-size:1.6em;line-height: 1;}}
							
@media (min-width: 768px) and (max-width: 991px) {
							.subheading-high{font-size:1.6em;line-height: 1;}
							.subheading-junior{font-size:1.6em;line-height: 1;}
							.subheading-elementary{font-size:1.6em;line-height: 1;}}
							
@media (max-width: 767px) {.subheading-high{font-size:1.8em;line-height: 1.2;}
						   .subheading-junior{font-size:1.8em;line-height: 1.2;}
						   .subheading-elementary{font-size:1.8em;line-height: 1.2;}}
/* -------------------------------------------------------------------------- */
/*テーブル*/ 
/* -------------------------------------------------------------------------- */
/*テーブル01*/ 
.table01{
	width:99%;
	border-style:solid;
	border-width: 1px 0px 1px 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 5px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:left;
	}

.table01 th{
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	font-weight: bold;
	text-align: center;
	color: #333333;
	}
	
@media (min-width: 1200px) {.table01 th{width:26%;line-height:1.6;font-size: 1.0em;padding:5px;}}
@media (min-width: 992px) and (max-width: 1199px){.table01 th{width:28%;line-height: 1.4;font-size: 0.95em;padding:5px;}}
@media (min-width: 768px) and (max-width: 991px) {.table01 th{width:40%;line-height: 1.3;font-size: 0.95em;padding:5px;}}
@media (max-width: 767px) {.table01 th{width:40%;line-height: 1.2;font-size: 1em;padding:2px;}}
	
.table01 td{
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.table01 td{line-height: 1.6;font-size: 1em;padding:5px;}}
@media (min-width: 992px) and (max-width: 1199px){.table01 td{line-height: 1.4;font-size: 0.9em;padding:5px;}}
@media (min-width: 768px) and (max-width: 991px) {.table01 td{line-height: 1.3;font-size: 0.9em;padding:5px;}}
@media (max-width: 767px) {.table01 td{line-height: 1.2;padding:5px;}}

.table01 tr:nth-of-type(even) { /* [odd]は奇数	*/ 
  background-color: #eeeeee;
}

.table01-small{ margin:0 0 1em 0.5em; display: block; line-height: 1.2em;}
.table01-small a:link    { color: #e60012; text-decoration:  underline;}
.table01-small a:visited { color: #e60012; text-decoration:  underline;}
.table01-small a:active  { color: #e60012; text-decoration:  underline;}
.table01-small a:hover   { color: #e60012; text-decoration:  underline;}

/*テーブル02*/ 
.table02{
	float: left;
	border-style:solid;
	border-width: 1px 0px 1px 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 0 0.5em 0;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:center;
	padding: 0;
	}

.table02 td{
	width: 18.75%;
	padding:5px;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	font-size: 1em;
	line-height: 1em;
	}

.table02 td:nth-of-type(even) { /* [odd]は奇数	*/ 
  background-color: #eeeeee;
}

.table02 caption {text-align: left; color: #333333; font-size: 1.2em; text-decoration: underline; font-weight: bold; margin: 0.8em 0 0 0; padding: 0;}


@media (min-width: 1200px) {.table02{width:80%;}.table02-small{ margin:0 0 1em 0.5em; line-height: 1.2em;width:80%; float: left;display: block; text-align: right;font-size: 0.8em;}}
@media (min-width: 992px) and (max-width: 1199px){.table02{width:100%;}.table02-small{ margin:0 0 1em 0.5em; line-height: 1.2em;width:100%; float: left;display: block; text-align: right;font-size: 0.6em;}}
@media (min-width: 768px) and (max-width: 991px) {.table02{width:100%;}.table02-small{ margin:0 0 1em 0.5em; line-height: 1.2em;width:100%; float: left;display: block; text-align: right;font-size: 0.6em;}}
@media (max-width: 767px) {.table02{width:100%;}.table02-small{ margin:0 0 1em 0.5em; line-height: 1.2em;width:100%; float: left;display: block; text-align: right;font-size: 0.5em;}}

/*テーブル03*/ 
.table03{
	width:99%;
	border-style:solid;
	border-width: 1px 0px 1px 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 5px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:left;
	}

.table03 th{
	padding:5px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
	color: #333333;
	}
	
.table03 td{
	width: 16.6666666666%;
	padding:5px;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #999999;
	box-sizing: border-box;
	font-size: 0.80em;
	text-align: center;
	}
	
.table03 .strike{text-decoration: line-through;}
.table03 .strong{ background-color: #e60012; padding: 5px; margin: 5px auto; font-size: 1em; color: #ffffff; display: block; width: 60%;}
.table03-small{ margin:0 0 1em 0.5em; display: block; line-height: 1.2em;}


/*テーブル04*/ 
.table04{
	width:99%;
	border-style:solid;
	border-width: 1px 0px 1px 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 5px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:left;
	}

.table04 th{
	width:15%;
	padding:5px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
	color: #333333;
	}
	
.table04 td{
	padding:5px;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	font-size: 0.80em;
	}

.table04-small{ margin:0 0 1em 0.5em; display: block; line-height: 1.2em;} 
.table04 .strong{ background-color: #e60012; padding: 5px; margin: 0px 0px 5px 0px auto; font-size: 1.2em; color: #ffffff; text-align: center;}
.table04 .top{ vertical-align: top;}
.table04 .middle{ vertical-align: middle;}

.table04 a:link    { color: #e60012; text-decoration: underline;}
.table04 a:visited { color: #e60012; text-decoration: underline;}
.table04 a:active  { color: #e60012; text-decoration: underline;}
.table04 a:hover   { color: #e60012; text-decoration: underline;}

/*テーブル05*/ 
.table05{
	width:99%;
	border-style:solid;
	border-width: 1px 0px 0px 1px;
	border-color: #bce8f1;
	box-sizing: border-box;
	margin:0 auto 30px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:left;
	}

.table05 th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #bce8f1;
	box-sizing: border-box;
	vertical-align:middle;
	font-weight: bold;
	text-align:left;
	background: #c6e1ec;
	vertical-align: middle;
	}
	
@media (min-width: 1200px) {.table05 th{line-height:1.4;font-size: 1.2em;padding:10px 5px 5px 5px;}}
@media (min-width: 992px) and (max-width: 1199px){.table05 th{line-height: 1.4;font-size: 1.2em;padding:10px 5px 5px 5px;}}
@media (min-width: 768px) and (max-width: 991px) {.table05 th{line-height: 1.4;font-size: 1.4em;padding:10px 5px 5px 5px;}}
@media (max-width: 767px) {.table05 th{line-height: 1.2;font-size: 1.6em;padding:10px 5px 5px 5px;}}
	
.table05 td{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #bce8f1;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.table05 td{line-height: 1.4;font-size: 1.0em;padding:5px 5px 9px 5px;}}
@media (min-width: 992px) and (max-width: 1199px){.table05 td{line-height: 1.4;font-size: 1.2em;padding:5px 5px 9px 5px;}}
@media (min-width: 768px) and (max-width: 991px) {.table05 td{line-height: 1.4;font-size: 1.2em;padding:5px 5px 9px 5px;}}
@media (max-width: 767px) {.table05 td{line-height: 1.2;font-size: 1.6em;padding:5px 5px 9px 5px;}}

.table05-small{ margin:0 0 1em 0.5em; display: block; line-height: 1.2em;}
.table05-small a:link    { color: #e60012; text-decoration:  underline;}
.table05-small a:visited { color: #e60012; text-decoration:  underline;}
.table05-small a:active  { color: #e60012; text-decoration:  underline;}
.table05-small a:hover   { color: #e60012; text-decoration:  underline;}


/*テーブル06*/ 
.table06{
	width:99%;
	border-style:solid;
	border-width: 1px 0px 0px 1px;
	border-color: #444444;
	box-sizing: border-box;
	margin:0 auto 5px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:left;
	}

.table06 th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #444444;
	box-sizing: border-box;
	vertical-align:middle;
	font-weight: bold;
	text-align: left;
	color: #333333;
	}

.table06 label{
    margin: 0px;
    padding: 10px;
    position: relative;
    z-index: 20;
    display: block;
	background: #c6e1ec;
	cursor: pointer;line-height: 20px;
	}
	
.table06 input{display:none;}

.table06 label:first-of-type:after {
	content:'\f107';
	font-family:FontAwesome;
	font-size:40px;
	color:#ffffff;
	position:absolute;
	height:40px;
	top:0;
	bottom:0;
	right:5px;
	line-height:1;
	margin:auto 0;
    transition: all 0.2s;
}

.table06 input:checked + label:after{
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 0.4s;
}

.table06  article{
     margin-top: -1px;
    overflow-y: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
   	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #cccccc;
	}
	
.table06 input:checked ~ article{
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	}
	
@media (min-width: 1200px) {.table06 th{line-height:1.4;font-size: 0.95em;}}
@media (min-width: 992px) and (max-width: 1199px){.table06 th{line-height: 1.4;font-size: 0.95em;}}
@media (min-width: 768px) and (max-width: 991px) {.table06 th{line-height: 1.3;font-size: 0.95em;}}
@media (max-width: 767px) {.table06 th{line-height: 1.2;font-size: 1em;}}

@media (min-width: 1200px) {.table06 .widthRow{width:28%;}}
@media (min-width: 992px) and (max-width: 1199px){.table06 .widthRow{width:40%;}}
@media (min-width: 768px) and (max-width: 991px) {.table06 .widthRow{width:40%;}}
@media (max-width: 767px) {.table06 .widthRow{width:40%;}}
	
@media (min-width: 1200px) {.table06 td{line-height: 1.2;font-size: 0.9em;padding:5px;}}
@media (min-width: 992px) and (max-width: 1199px){.table06 td{line-height: 1.4;font-size: 0.9em;padding:5px;}}
@media (min-width: 768px) and (max-width: 991px) {.table06 td{line-height: 1.3;font-size: 0.9em;padding:5px;}}
@media (max-width: 767px) {.table06 td{line-height: 1.2;padding:5px;}}


.table06-small{ margin:0 0 1em 0.5em; display: block; line-height: 1.2em;}
.table06-small a:link    { color: #e60012; text-decoration:  underline;}
.table06-small a:visited { color: #e60012; text-decoration:  underline;}
.table06-small a:active  { color: #e60012; text-decoration:  underline;}
.table06-small a:hover   { color: #e60012; text-decoration:  underline;}


/*テーブル07*/ 
.table07{
	border-style:solid;
	border-width: 1px 0px 0px 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 10% auto;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:left;
	}

@media (min-width: 1200px) {.table07{width:100%;}}
@media (min-width: 992px) and (max-width: 1199px){.table07{width:100%;}}
@media (min-width: 768px) and (max-width: 991px) {.table07{width:100%;}}
@media (max-width: 767px) {.table07{width:100%;}}

.table07 th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	font-weight: bold;
	text-align: center;
	color: #333333;
	}
	
@media (min-width: 1200px) {.table07 th{width:26%;line-height:1.6;font-size: 1.2em;padding:10px;}}
@media (min-width: 992px) and (max-width: 1199px){.table07 th{width:28%;line-height: 1.4;font-size: 1.2em;padding:10px;}}
@media (min-width: 768px) and (max-width: 991px) {.table07 th{width:40%;line-height: 1.3;font-size: 1.4em;padding:10px;}}
@media (max-width: 767px) {.table07 th{line-height: 1.2;font-size: 1.6em;padding:10px; display: block;width:100%;}}
	
.table07 td{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	font-weight: bold;
	}
	
@media (min-width: 1200px) {.table07 td{line-height: 1.6;font-size: 1.2em;padding:10px;}}
@media (min-width: 992px) and (max-width: 1199px){.table07 td{line-height: 1.4;font-size: 1.2em;padding:10px;}}
@media (min-width: 768px) and (max-width: 991px) {.table07 td{line-height: 1.3;font-size: 1.4em;padding:10px;}}
@media (max-width: 767px) {.table07 td{font-size: 1.6em;line-height: 1.6;padding:10px; display: block;width:100%; text-align: center;}}

.table07 a:link    { text-decoration: none; color:#09a8b2;}
.table07 a:visited { text-decoration: none; color:#09a8b2;}
.table07 a:active  { text-decoration: none; color:#09a8b2;}
.table07 a:hover   { text-decoration: none; color:#09a8b2;}
/* -------------------------------------------------------------------------- */
/*メインイメージエリア*/
/* -------------------------------------------------------------------------- */

.mainImage-top{margin:0 0 0 0;padding:0;}

.mainImage-top img{
	width:100%;
	}
	

/* -------------------------------------------------------------------------- */
/*メインボタン*/
/* -------------------------------------------------------------------------- */
.mainButton{
	margin:0 0 4% 0;
	padding:0 0 0 0;
	}

.mainButton .column01{/*background-color:#f8b2c1;*/margin:5px 0;padding:0;}
	
.mainButton .column02{/*background-color:#85a8f8;*/margin:5px 0;padding:0;}
	
.mainButton .column03{/*background-color:#97e595;*/margin:5px 0;padding:0;}
	
.mainButton img{width:100%;}
	
.mainButton a:hover {filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
	

/* -------------------------------------------------------------------------- */
/*見出し*/
/* -------------------------------------------------------------------------- */
.top-midashi01{
	text-align:center;
	margin:0;
	padding:0;
	}
.top-midashi01 img{width:100%;}

	
.top-midashi02{
	text-align:center;
	margin:0;
	padding:0;
	}	
.top-midashi02 img{width:100%;}

	
.top-midashi03{
	background-color:#D8B9FB;
	}


/* -------------------------------------------------------------------------- */
/*フレックスカラム5*/
/* -------------------------------------------------------------------------- */
.contentsColumn5{
	margin:0 0 5% 0;
	padding:0;
	}
	
	
/*ボックス親*/	
.contentsColumn5 {
	clear: both;
	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) {
	.contentsColumn5 .box{
		width: calc(20% - 10px) ;
		margin:0 0 0.5em 0;
		padding: 0px;
		}
}

@media (min-width: 992px) and (max-width: 1199px){
	.contentsColumn5 .box{
		width: calc(20% - 5px) ;
		margin:0 0 0.3em 0;
		padding: 7px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.contentsColumn5 .box{
		width: calc(100% - 5px) ;
		margin:0 0 0.3em 0;
		padding: 5px;
	}
}

@media (max-width: 767px) {
	.contentsColumn5 .box{
		width: calc(100% - 5px) ;
		margin:0 0 0.3em 0;
		padding: 5px;
	}
}

/* -------------------------------------------------------------------------- */
/*フレックスカラム4*/
/* -------------------------------------------------------------------------- */
.contentsColumn4{
	margin:0 0 5% 0;
	padding:0;
	}

.contentsColumn4 img{ width: 100%;}
	
.contentsColumn4::before{
  content:"";
  display: block;
  width: calc(25% - 10px) ;
  order:1;
}
.contentsColumn4::after{
  content:"";
  display: block;
  width: calc(25% - 10px) ;
}
	
	
/*ボックス親*/	
.contentsColumn4 {
	clear: both;
	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) {
	.contentsColumn4 .box{
		width: calc(25% - 10px) ;
		margin:0 0 0.5em 0;
		padding: 0px;
		}
}

@media (min-width: 992px) and (max-width: 1199px){
	.contentsColumn4 .box{
		width: calc(25% - 5px) ;
		margin:0 0 0.5em 0;
		padding: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.contentsColumn4 .box{
		width: calc(50% - 5px) ;
		margin:0 0 0.5em 0;
		padding: 0px;
	}
}

@media (max-width: 767px) {
	.contentsColumn4 .box{
		width: calc(100% - 5px) ;
		margin:0 0 0.5em  0;
		padding: 0px;
	}
}
		
/* -------------------------------------------------------------------------- */
/*フレックスカラム3*/
/* -------------------------------------------------------------------------- */
.contentsColumn3{
	margin:0 0 0 0;
	padding:0;
	}
	
	
/*ボックス親*/	
.contentsColumn3 {
	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: 1200px) {
	.contentsColumn3 .box{
		width: calc(33.3333333333% - 10px) ;
		margin:0 0 0.5em 0;
		padding: 10px;
		}
}

@media (min-width: 992px) and (max-width: 1199px){
	.contentsColumn3 .box{
		width: calc(33.3333333333% - 10px) ;
		margin:0 0 0.5em 0;
		padding: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.contentsColumn3 .box{
		width: calc(33.3333333333% - 10px) ;
		margin:0 0 0.5em 0;
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.contentsColumn3 .box{
		width: calc(100% - 10px) ;
		margin:0 0 0.5em 0;
		padding: 10px;
	}
}

.contentsColumn3 .box .icon img{width: 100%;max-width: 65px; float: right; margin: 0; padding: 0;}


/* -------------------------------------------------------------------------- */
/*フレックスカラム2*/
/* -------------------------------------------------------------------------- */
.contentsColumn2{
	margin:0 0 20px 0;
	padding:0;
	clear: both;
	}
	
.contentsColumn2 img{ width: 100%;}

/*ボックス親*/	
.contentsColumn2 {
	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 5px 5px;
		padding: 10px;
	}
}

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

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

@media (max-width: 767px) {
	.contentsColumn2 .box{
		width: calc(100% - 10px) ;
		margin:0 0 5px 0;
		padding: 5px;
	}
}


.contentsColumn2 .box .icon img{width: 100%;max-width: 65px; float: right; margin: 0; padding: 0;}


/* -------------------------------------------------------------------------- */
/*フレックスカラム1*/
/* -------------------------------------------------------------------------- */
.contentsColumn1{
	margin:0 0 0 0;
	padding:0;
	clear: both;
	}
	
.contentsColumn1 img{ width: 100%;}

/*ボックス親*/	
.contentsColumn1 {
	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: 1200px) {
	.contentsColumn1 .box{
		width: calc(100% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.contentsColumn1 .box{
		width: calc(100% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.contentsColumn1 .box{
		width: calc(100% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.contentsColumn1 .box{
		width: calc(100% - 10px) ;
		margin:0 0 5px 0;
		padding: 5px;
	}
}



/*ボックスデコレーション*/
.boxdecoLine{border:1px dotted #000000;}
.boxdecoLine2{border:1px solid #9fa0a0;}


/* -------------------------------------------------------------------------- */
/*col-lg col-md col-sm col-xs　内包ボックス*/
/* -------------------------------------------------------------------------- */
/*カラーボックス*/
.wrapboxBg01{
	background-color:#fed8e5;
	padding:10px;
	overflow:hidden;
	margin:0 0 20px 0;
	}	
.wrapboxBg01 .p03:last-child {border:0;}


.wrapboxBg02{
	background-color:#d8ddf2;
	padding:10px;
	overflow:hidden;
	margin:0 0 20px 0;
	}
.wrapboxBg02 .p03:last-child {border:0;}
	
.wrapboxBg03{
	background-color:#d9f2d9;
	padding:10px;
	overflow:hidden;
	margin:0 0 20px 0;
	}
.wrapboxBg03 .p03:last-child {border:0;}

/* -------------------------------------------------------------------------- */
/*コンセプト*/
/* -------------------------------------------------------------------------- */
.concept{
	margin: 0 auto;
	text-align: center;
	}

.concept img{width: 100%; max-width: 360px; margin: 0 auto 5px auto;}



/* -------------------------------------------------------------------------- */
/*特徴*/
/* -------------------------------------------------------------------------- */
.future{
	margin: 0 auto;
	text-align: center;
	}
.future img{width: 100%; max-width: 360px; margin: 0 auto;}


.future2{margin: 0 0 10px 10px;float: right;}
.future2 img{width: 100%; max-width: 160px;}

.future3{margin: 0 10px 10px 0px;float: left;}
.future3 img{width: 100%; max-width: 160px;}

.future01Bg{
	margin: 0;
	background-image: url(../../images/featureP01.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size:100%; 
	}

.future02Bg{
	margin: 0;
	background-image: url(../../images/featureP02.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size:100%; 
	}
	
/* -------------------------------------------------------------------------- */
/*サポート*/
/* -------------------------------------------------------------------------- */
.support{
	margin: 0 auto;
	}
	
@media (min-width: 1200px) {.support img{width: 100%; margin: 0 auto;}}
@media (min-width: 992px) and (max-width: 1199px){.support img{width: 100%; margin: 0 auto;}}
@media (min-width: 768px) and (max-width: 991px) {.support img{width: 100%; margin: 0 auto;} figure{text-align: center;}}
@media (max-width: 767px) {.support img{width: 100%; margin: 0 auto;}}


/* -------------------------------------------------------------------------- */
/*ポイント*/
/* -------------------------------------------------------------------------- */
.point{
	margin: 0 auto;
	}
	
@media (min-width: 1200px) {.point img{width: 100%; margin: 0 auto;}}
@media (min-width: 992px) and (max-width: 1199px){.point img{width: 100%; margin: 0 auto;}}
@media (min-width: 768px) and (max-width: 991px) {.point img{width: 100%; margin: 0 auto;} figure{text-align: center;}}
@media (max-width: 767px) {.point img{width: 100%; margin: 0 auto;}}


/* -------------------------------------------------------------------------- */
/*チャレンジ*/
/* -------------------------------------------------------------------------- */
.challenge{
	margin: 0 auto;
	}

@media (min-width: 1200px) {.challenge img{width: 100%; margin: 0 auto;}	}
@media (min-width: 992px) and (max-width: 1199px){.challenge img{width: 100%; margin: 0 auto;}	}
@media (min-width: 768px) and (max-width: 991px) {.challenge img{width: 100%; margin: 0 auto 20px auto;} figure{text-align: center;margin: 0 auto 20px auto;}}
@media (max-width: 767px) {.challenge img{width: 100%; margin: 0 auto;}figure{text-align: center;margin: 0 auto 20px auto;}}

/* -------------------------------------------------------------------------- */
/*カリキュラム*/
/* -------------------------------------------------------------------------- */
.curriculum{
	margin: 0 auto;
	}

@media (min-width: 1200px) {.curriculum img{width: 100%; margin: 0 auto;}	}
@media (min-width: 992px) and (max-width: 1199px){.curriculum img{width: 100%; margin: 0 auto;}	}
@media (min-width: 768px) and (max-width: 991px) {.curriculum img{width: 100%; margin: 0 auto 20px auto;} figure{text-align: center;margin: 0 auto 20px auto;}}
@media (max-width: 767px) {.curriculum img{width: 100%; margin: 0 auto;}figure{text-align: center;margin: 0 auto 20px auto;}}


.tabbadge-curriculum {
	min-width: 30px;
	margin:0px 3px 7px 0;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid #888888;
	}
	
@media (min-width: 1200px) {.tabbadge-curriculum {padding: 1px 10px 0px 10px;font-size:1.1em;}}
@media (min-width: 992px) and (max-width: 1199px){.tabbadge-curriculum {padding: 1px 10px 0px 10px;font-size:1.1em;}}
@media (min-width: 768px) and (max-width: 991px) {.tabbadge-curriculum {padding: 11px 10px 10px 10px;font-size:1.4em;}}
@media (max-width: 767px) {.tabbadge-curriculum {padding: 11px 10px 10px 10px;font-size:1.4em;}}
	
/* -------------------------------------------------------------------------- */
/*体験談*/
/* -------------------------------------------------------------------------- */	
.experience figure{
	float: right;
	margin: 0 0 0px 10px;
	padding: 0;
	display: block;
	}
	
@media (min-width: 1200px) {.experience img{max-width: 120px;}}
@media (min-width: 992px) and (max-width: 1199px){.experience img{max-width: 100px;}}
@media (min-width: 768px) and (max-width: 991px) {.experience img{max-width: 100px;}}
@media (max-width: 767px) {.experience img{max-width: 90px;}}	
	
/* -------------------------------------------------------------------------- */
/*お問合せ*/
/* -------------------------------------------------------------------------- */
.boxColorInquiry{background-color:#efefef; margin: 0;}	
.boxInquiry3 .box:last-child {background-color:#efefef;}
.boxColorInquiry figure img{width: 100%;}	
	
/*ボックス親*/	
.boxInquiry3{
	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: 1200px) {
	.boxInquiry3 .box{
		width: calc(33.3333333333% - 10px) ;
		margin:0px 5px 20px 5px;
	}
	.boxInquiry3 .box a:link    { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:visited { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:active  { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:hover   { text-decoration: none; background-color:#000000;display:block;padding:10px;}
}/*1200以上　終了タグ----------------------*/



@media (min-width: 992px) and (max-width: 1199px){
	.boxInquiry3 .box{
		width: calc(33.3333333333% - 10px) ;
		margin:0px 5px 20px 5px;
	}
	.boxInquiry3 .box a:link    { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:visited { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:active  { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:hover   { text-decoration: none; background-color:#000000;display:block;padding:10px;}
}/*992以上1199以下　終了タグ----------------------*/


@media (min-width: 768px) and (max-width: 991px) {
	.boxInquiry3 .box{
		width: calc(33.3333333333% - 10px) ;
		margin:0px 5px 20px 5px;
	}
	.boxInquiry3 .box a:link    { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:visited { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:active  { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:hover   { text-decoration: none; background-color:#000000;display:block;padding:10px;}
}/*768以上991以下　終了タグ----------------------*/



@media (max-width: 767px) {
	.boxInquiry3 .box{
		width: calc(100% - 10px) ;
		margin:0px 0px 20px 0px;
	}
	.boxInquiry3 .box a:link    { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:visited { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:active  { text-decoration: none; background-color:#444343;display:block;padding:10px;}
	.boxInquiry3 .box a:hover   { text-decoration: none; background-color:#000000;display:block;padding:10px;}
}/*767以下　終了タグ----------------------*/


@media (min-width: 1200px) {
/*テキスト*/
.inquiryTxt01{
	text-align:center;
	color:#ffffff;
	font-size:1.4em;
	line-height:1.6;
	padding:0;
	margin:10px 0 0 0;
	}
	
.inquiryTxt02{
	text-align:left;
	color:#333333;
	font-size:1.4em;
	padding:0;
	margin:0;
	font-weight:normal;
	}
	
.inquiryTxt03{
	font-size:0.7em;
	text-align: center;
	}
	
/*申し込みの流れ*/
.boxInquiry3 .box ul{
	margin:0 0 0 25px;
	padding:0;
	}
	
.boxInquiry3 .box li{
	margin:0;
	padding:0 0 5px 0;
	line-height:1.2;
	font-size:1.0em;
	list-style:outside;
	list-style-type:decimal;
	}
	
/*アイコン*/
.inquiryIcon{
	text-align:center;
	color:#ffffff;
	font-size:2em;
	line-height:2;
	padding:0 ;
	margin:0;
	border-bottom:1px dotted #ffffff;
	}
	
.inquiryIcon2{
	text-align:center;
	color:#ffffff;
	font-size:5em;
	line-height:3;
	padding:0 ;
	margin:0;
	border-bottom:1px dotted #ffffff;
	}
}/*1200以上　終了タグ----------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
/*テキスト*/
.inquiryTxt01{
	text-align:center;
	color:#ffffff;
	font-size:1.4em;
	line-height:1.6;
	padding:0;
	margin:10px 0 0 0;
	}
	
.inquiryTxt02{
	text-align:left;
	color:#333333;
	font-size:1.4em;
	padding:0;
	margin:0;
	font-weight:normal;
	}
	
.inquiryTxt03{
	font-size:0.7em;
	text-align: center;
	}
	
/*申し込みの流れ*/
.boxInquiry3 .box ul{
	margin:0 0 0 25px;
	padding:0;
	}
	
.boxInquiry3 .box li{
	margin:0;
	padding:0 0 5px 0;
	line-height:1.2;
	font-size:1.0em;
	list-style:outside;
	list-style-type:decimal;
	}
	
/*アイコン*/
.inquiryIcon{
	text-align:center;
	color:#ffffff;
	font-size:2em;
	line-height:2;
	padding:0 ;
	margin:0;
	border-bottom:1px dotted #ffffff;
	}
	
.inquiryIcon2{
	text-align:center;
	color:#ffffff;
	font-size:5em;
	line-height:3;
	padding:0 ;
	margin:0;
	border-bottom:1px dotted #ffffff;
	}
}/*992以上1199以下　終了タグ----------------------*/

@media (min-width: 768px) and (max-width: 991px) {
/*テキスト*/
.inquiryTxt01{
	text-align:center;
	color:#ffffff;
	font-size:1.4em;
	line-height:1.6;
	padding:0;
	margin:10px 0 0 0;
	}
	
.inquiryTxt02{
	text-align:left;
	color:#333333;
	font-size:1.4em;
	padding:0;
	margin:0;
	font-weight:normal;
	}
	
.inquiryTxt03{
	font-size:0.55em;
	text-align: center;
	}
	
/*申し込みの流れ*/
.boxInquiry3 .box ul{
	margin:0 0 0 25px;
	padding:0;
	}
	
.boxInquiry3 .box li{
	margin:0;
	padding:0 0 5px 0;
	line-height:1.0;
	font-size:1.0em;
	list-style:outside;
	list-style-type:decimal;
	}
	
/*アイコン*/
.inquiryIcon{
	text-align:center;
	color:#ffffff;
	font-size:2em;
	line-height:2;
	padding:0 ;
	margin:0;
	border-bottom:1px dotted #ffffff;
	}
	
.inquiryIcon2{
	text-align:center;
	color:#ffffff;
	font-size:5em;
	line-height:3;
	padding:0 ;
	margin:0;
	border-bottom:1px dotted #ffffff;
	}
}/*768以上991以下　終了タグ----------------------*/

@media (max-width: 767px) {
/*テキスト*/
.inquiryTxt01{
	text-align:center;
	color:#ffffff;
	font-size:2.2em;
	line-height:1.0;
	padding:0;
	margin:10px 0 0 0;
	}
	
.inquiryTxt02{
	text-align:left;
	color:#333333;
	font-size:1.8em;
	padding:0;
	margin:0;
	font-weight:normal;
	}
	
.inquiryTxt03{
	font-size:0.6em;
	text-align: center;
	line-height:1.5;
	}
	
/*申し込みの流れ*/
.boxInquiry3 .box ul{
	margin:0 0 0 25px;
	padding:0;
	}
	
.boxInquiry3 .box li{
	margin:0;
	padding:0 0 5px 0;
	line-height:1.2;
	font-size:1.4em;
	list-style:outside;
	list-style-type:decimal;
	}
	
/*アイコン*/
.inquiryIcon{
	text-align:center;
	color:#ffffff;
	font-size:2em;
	line-height:2;
	padding:0 ;
	margin:0;
	border-bottom:1px dotted #ffffff;
	}
	
.inquiryIcon2{
	text-align:center;
	color:#ffffff;
	font-size:3.8em;
	line-height:1.2;
	padding:0 ;
	margin:0;
	border-bottom:1px dotted #ffffff;
	}
}/*767以下　終了タグ----------------------*/	


/*各校舎お問合せダイヤル*/
@media (min-width: 1200px) {.schoolcallNav{font-size:1.4em;line-height:1;}}
@media (min-width: 992px) and (max-width: 1199px){.schoolcallNav{font-size:1.3em;line-height:1;}}
@media (min-width: 768px) and (max-width: 991px) {.schoolcallNav{font-size:1.4em;line-height:1.4;}}
@media (max-width: 767px) {.schoolcallNav{font-size:1.5em;line-height:1.0;}}

@media (min-width: 1200px) {.schoolcallNav a{padding:5px 0 0px 0;}}
@media (min-width: 992px) and (max-width: 1199px){.schoolcallNav a{padding:5px 0 0px 0;}}
@media (min-width: 768px) and (max-width: 991px) {.schoolcallNav a{padding:5px 0 0px 0;}}
@media (max-width: 767px) {.schoolcallNav a{padding:10px 0;}}

.schoolcallNav .info{background: #000000; color: #ffffff; width: 100%;font-size:0.6em; padding: 5px 0;line-height:1.2;}

@media (min-width: 1200px) {
.schoolcallNav a{text-align:center;display:block;text-decoration:none;margin:0;color:#333333;pointer-events: none;}
.schoolcallNav a:link    { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:visited { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:active  { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:hover   { background-color:#cccccc; text-decoration:none;}
}

@media (min-width: 992px) and (max-width: 1199px){
.schoolcallNav a{text-align:center;display:block;text-decoration:none;margin:0;color:#333333;pointer-events: none;}
.schoolcallNav a:link    { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:visited { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:active  { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:hover   { background-color:#cccccc; text-decoration:none;}
}

@media (min-width: 768px) and (max-width: 991px) {
.schoolcallNav a{text-align:center;display:block;text-decoration:none;margin:0;color:#333333;pointer-events: none;}
.schoolcallNav a:link    { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:visited { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:active  { background-color:#cccccc; text-decoration:none;}
.schoolcallNav a:hover   { background-color:#cccccc; text-decoration:none;}
}

@media (max-width: 767px) {
.schoolcallNav a{text-align:center;display:block;text-decoration:none;margin:0;color:#333333;}
.schoolcallNav a:link    { background-color:#cccccc; text-decoration:none;border-bottom: 2px solid #cccccc;}
.schoolcallNav a:visited { background-color:#cccccc; text-decoration:none;border-bottom: 2px solid #cccccc;}
.schoolcallNav a:active  { background-color:#cccccc; text-decoration:none;border-bottom: 2px solid #cccccc;}
.schoolcallNav a:hover   { background-color:#cccccc; text-decoration:none;border-bottom: 2px solid #000000;}
}

.schoolcallNav .icon{margin-right:5px;}


/* -------------------------------------------------------------------------- */
/*フォーム*/
/* -------------------------------------------------------------------------- */
/*テーブル*/

.formTable{
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	margin:10px auto;
	clear:both;
	text-align:left;	
	}
	
@media (min-width: 1200px) {.formTable{width:80%; font-size: 110%;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable{width:85%;font-size: 110%;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable{width:85%;font-size: 110%;}}
@media (max-width: 767px) {.formTable{width:100%;font-size: 140%;}}

.formTable th{
	padding:10px;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	line-height:18px;
	background:#e3fffc;
	}

@media (min-width: 1200px) {.formTable th{width:30%;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable th{width:30%;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable th{width:30%;}}
@media (max-width: 767px) {.formTable th{width:100%; display: block;}}

.formTable td{
	padding:10px;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	line-height:18px;
	background:#ffffff;
	}
@media (max-width: 767px) {.formTable td{width:100%; display: block; text-align: center;}.formTable td span{ float: left;}}

/*入力ボックス*/
@media (min-width: 1200px) {#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 50%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}}
@media (min-width: 992px) and (max-width: 1199px){#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 50%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}}
@media (min-width: 768px) and (max-width: 991px) {#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 50%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}}
@media (max-width: 767px) {#mailformpro .inputBox01{width: 80%; height: 50px;}#mailformpro .inputBox02{width: 80%; height: 50px;}#mailformpro .inputBox03{width: 80%; height: 100px;}}

#mailformpro input::-webkit-input-placeholder{color: #aaaaaa;}
#mailformpro input:-ms-input-placeholder{color: #aaaaaa;}
#mailformpro input::-moz-placeholder{color: #aaaaaa;}
#mailformpro input:-moz-placeholder{color: #aaaaaa;}

.formTable  .scroll{
	height: 180px;
	width: 100%;
	overflow-y: scroll;
	text-align: left;
	background: #eeeeee;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	margin: 20px 0;
}

.formTable  .scroll .title01{ font-size: 1.0em; background: #555555; color: #ffffff; padding: 5px;}
.formTable  .scroll .title02{ font-size: 0.95em; font-weight: bold;line-height: 1;padding-top: 10px;border-top: 1px solid #cccccc;}
.formTable  .scroll .txt01{ font-size: 0.85em; line-height:1.2; }
.formTable  .scroll ul{ font-size: 0.85em; line-height: 1.2; list-style: decimal; margin-left: -20px;}


.infoBox{ width: 100%; padding: 20px; background: #eeeeee; margin: 10px 0 50px 0; clear: both;}