/* CSS Document */

#h-feature-list {
	background:transparent url(../images/h_feature_list.jpg) no-repeat left top ;
	width:690px;
	height:170px;
	text-indent:-9999px;
}
.feature-list-section-img {
	width: 200px;
	padding-bottom:30px;
}
.feature-list-section-box {
	background:transparent url(../../common/images/line_01.gif) repeat-x left bottom ;
	margin-bottom:20px;
}
.feature-list-section-txt {
	padding-left:15px;
}
.feature-list-section-txt h3 {
	padding-bottom:15px;
}
.feature-list-section-txt p {
	padding-bottom:15px;
}



/* 201808 add */
img { max-width: 100%; }

#genki-feature-title {
	position: relative;
	margin: 40px 0 20px 0;
}
#genki-feature-title > h1 {
	position: absolute;
	top: 20px;
	left: 0;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.7);
	width: 420px;
	height: auto;
	padding: 12px 15px 10px 15px;
	line-height: 1.4;
	text-indent: 0;
	font-weight: 600;
	font-size: 24px;
}
#genki-feature-title > h1 > span {
	text-shadow: 2px 2px 2px white, -2px -2px 2px white, 2px -2px 2px white, -2px 2px 2px white;
}
#genki-feature-title > div {
	border-radius: 20px;
}
#genki-feature-title img {
	width: 100%;
}

#column_teacher {
	background-color: #eee;
	padding: 10px;
}
.column_teacher_head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	background-color: #666;
	line-height: 1.3;
	text-align: center;
	font-weight: bold;
}
.column_teacher_head dt { 
	width: 150px;
	padding: 5px 0;
	color: #fff;
	vertical-align: middle;
	font-size: 13px;
}
.column_teacher_head dd {
	width: 450px;
	background-color: #fff;
	padding: 5px 15px;
	color: #333;
	text-align: left;
	font-size: 14px;
}
.column_teacher_head dd span {
	font-size: 18px;
}
.column_teacher_box {
	display: flex;
	justify-content: space-between;
	margin: 15px 0;
}
.column_teacher_img01 {
	width: 280px;
}
.column_teacher_txt01 {
	width: 330px;
	line-height: 1.8;
	font-size: 14px;
}
.column_teacher_img02 {
	width: 200px;
}
.column_teacher_txt02 {
	width: 410px;
	line-height: 1.8;
	font-size: 14px;
}
#column_teacher img {
	max-width: 100%;
	height: auto;
}

#column180830_matome_cont {
	padding: 15px 35px 10px 35px;
}
#column_matome_cont {
	padding: 15px 35px 10px 35px;
}
.column_matome_ttl {
	z-index: 2;
	position: relative;
	margin: 0 auto -1em auto;
	border-radius: 1em;
	background-color: #333;
	padding: 0.3em 0;
	width: 10em;
	color: #fff;
	text-align: center;
	text-indent: 0.3em;
	line-height: 1.2;
	letter-spacing: 0.3em;
	font-size: 16px;
	font-weight: bold;
}

.column_box {
	margin: 0 20px 30px 20px;
	border: 3px double #ccc;
	padding: 20px 0;
}
.column_box .column_box_ttl {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	background-color: #eee;
	line-height: 1.5;
	font-size: 16px;
}
.column_box .column_box_ttl span.column_box_ttl {
	margin: 0;
	padding: 10px;
}
.column_box .column_box_ttl span.column_box_label {
	margin-right: 10px;
	background-color: #666;
	padding: 4px 10px;
	color: #fff;
}
.column_box .column_body {
	padding: 0 20px;
}

.flex-2box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-2box-child { width: 48%; }
.flex-2box-child:nth-child(odd) { margin-right: 4%; }
.flex-2box-child img { max-width: 100%; height: auto; }
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.flex-wrap > div { margin: 0 10px; }
.flex-wrap > .flex-1 { width: calc(8.3% - 20px); }
.flex-wrap > .flex-2 { width: calc(16.6% - 20px); }
.flex-wrap > .flex-3 { width: calc(25% - 20px); }
.flex-wrap > .flex-4 { width: calc(33.3% - 20px); }
.flex-wrap > .flex-5 { width: calc(41.6% - 20px); }
.flex-wrap > .flex-6 { width: calc(50% - 20px); }
.flex-wrap > .flex-7 { width: calc(58.3% - 20px); }
.flex-wrap > .flex-8 { width: calc(66.6% - 20px); }
.flex-wrap > .flex-9 { width: calc(75% - 20px); }
.flex-wrap > .flex-10 { width: calc(83.3% - 20px); }
.flex-wrap > .flex-11 { width: calc(91.6% - 20px); }
.flex-wrap > .flex-12 { width: calc(100% - 20px); }
.column_box .flex-2box { padding: 0 20px; }
.column_box .flex-2box-child p { padding: 0; }

a.underline { text-decoration: underline; }
.mt-0 { margin-top: 0 !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mr-0 { margin-right: 0 !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.ml-0 { margin-left: 0 !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.bold { font-weight: bold !important; }
.text_underline { text-decoration: underline !important; }
.flr { float: right; }
.fll { float: left; }
.img_flr { float: right; margin: 0 0 15px 15px; }
.img_fll { float: left; margin: 0 15px 15px 0; }
.txt-left { text-align: left !important; }
.txt-center { text-align: center !important; }
.txt-right { text-align: right !important; }
.clearfix { display: inline-block; }
.clearfix:after { clear: both;display: block; content: "."; visibility: hidden; height: 0; }
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */
.clear_both { clear: both; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.lh130 { line-height: 130% !important; }
.lh150 { line-height: 150% !important; }
.ul_disc { list-style: disc; margin-left: 1.9em; }
.ol_decimal { list-style: decimal; margin-left: 1.9em; }





/*
	border:#f00 solid 1px;
*/