/* **********************************************
レイアウト
********************************************** */

/* **********************************************
キャッチ
********************************************** */
body.global h1.catch_kyoikukunren img {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

/* **********************************************
見出し 
********************************************** */
body.global h1.none_style, h2.none_style {
	border-left: none;
	padding: 0;
}
body.global h2.green_title{
	background: #e5f2c0;
	font-size: 125%;
	border: none;
	margin-bottom: 0;
}

/* **********************************************
お問い合わせボタン
********************************************** */
/* 一括資料請求ボタン */
.btn_kyoikukunren {
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: #fff;
	margin: 0;
	padding: 0;
	z-index: 1;
}
.btn_kyoikukunren img {
	width: 100%!important;
	padding: 0;
}
@media (min-width: 767px) {
	.btn_kyoikukunren {
		display: none;
	}
}

/* **********************************************
教育訓練給付金制度って何？
********************************************** */
ul.check_kyoikukunren{
	list-style: none;
	padding: 0 3px;
	overflow: hidden;
	margin: 10px 0 15px 0!important;
}
@media (min-width: 767px) {
	ul.check_kyoikukunren{
		padding: 0;
		margin: 15px 0 15px!important;
	}
}
ul.check_kyoikukunren li{
	width: 48%;
	float: left;
	margin: 1%;
}
@media (min-width: 767px) {
	ul.check_kyoikukunren li{
		width: 24%;
		margin: 0 0.5% 10px;
	}
}
ul.check_kyoikukunren li img{
	width: 100%;
}
/* パネルのホバー */
ul.check_kyoikukunren li a:hover img{
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}

/* **********************************************
どんな人が給付を受けられるの？
********************************************** */
dl.pink_area1_kyoikukunren{
	margin: 20px 1% 10px 1%;
	float: left;
	width: 48%;
}
@media (min-width: 767px) {
	dl.pink_area1_kyoikukunren{
		margin: 20px 0px 5px;
	}
}
@media (min-width: 992px) {
	dl.pink_area1_kyoikukunren{
		margin: 20px 2px 10px 40px;
	}
}
dl.pink_area2_kyoikukunren{
	margin: 20px 1% 0 1%;
	float: left;
	width: 48%;
}
@media (min-width: 767px) {
	dl.pink_area2_kyoikukunren{
		margin: 20px 0 0 1%;
	}
}
@media (min-width: 992px) {
	dl.pink_area2_kyoikukunren{
		margin: 20px 2% 0 1%;
	}
}
@media (min-width: 767px) {
	dl.pink_area1_kyoikukunren, dl.pink_area2_kyoikukunren{
		width: 49%;
	}
}
@media (min-width: 992px) {
	dl.pink_area1_kyoikukunren, dl.pink_area2_kyoikukunren{
		width: 43%;
	}
}
dl.pink_area1_kyoikukunren dt,dl.pink_area2_kyoikukunren dt{
	width: 30px;
	background: #FA3E63;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	padding-top: 3px;
	text-shadow: 1px 1px 1px #666;
	font-size: 120%;
	font-weight: normal;
	position: relative;
}
@media (min-width: 767px) {
	dl.pink_area1_kyoikukunren dt,dl.pink_area2_kyoikukunren dt{
		width: 40px;
		height: 40px;
		padding-top: 1px;
		font-size: 190%;
	}
}
dl.pink_area1_kyoikukunren dd,dl.pink_area2_kyoikukunren dd{
	background: #FEE3E8;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	padding: 25px 3px 12px;
	margin-top: -20px;
	border-radius: 5px;
	color: #000;
}
dl.pink_area2_kyoikukunren dd{
	line-height: 18px;
	padding-bottom: 7px;
}
@media (min-width: 767px) {
	dl.pink_area1_kyoikukunren dd,dl.pink_area2_kyoikukunren dd{
		min-height: 210px;
		font-size: 140%;
		padding-top: 25px;
	}
	dl.pink_area2_kyoikukunren dd{
		line-height: 25px;
		padding-bottom: 9px;
	}
}
@media (min-width: 992px) {
	dl.pink_area1_kyoikukunren dd,dl.pink_area2_kyoikukunren dd{
		padding-top: 40px;
		min-height: 250px;
	}
}
dl.pink_area1_kyoikukunren dd em,dl.pink_area2_kyoikukunren dd em{
	color: #FA3E63;
	font-size: 80%;
	font-style: normal;
	margin-top: 10px;
	display: block;
}
@media (min-width: 767px) {
	dl.pink_area1_kyoikukunren dd em,dl.pink_area2_kyoikukunren dd em{
		font-size: 75%;
		line-height: 25px;
	}
}
dl.pink_area2_kyoikukunren dd em{
	line-height: 17px;
}
@media (min-width: 767px) {
	dl.pink_area2_kyoikukunren dd em{
		margin-top: 12px;
		line-height: 25px;
	}
}

/* **********************************************
申請者と申請先は？
********************************************** */
table.request_kyoikukunren{
	margin: 0 0 25px;
	background: #fff;
	width: 100%;
	border: solid 2px #AFAFAF;
	color: #000;
}
@media (min-width: 767px) {
	table.request_kyoikukunren{
		margin: 0 0 25px;
	}
}
table.request_kyoikukunren tr{
	border-bottom: solid 2px #AFAFAF;
}
@media (min-width: 767px) {
	table.request_kyoikukunren tr{
		border-bottom: solid 1px #000;
	}
}
table.request_kyoikukunren th{
	background: #EFEFEF;
	font-size: 130%;
	width: 40%;
	vertical-align: top;
	border-right: none;
}
@media (min-width: 767px) {
	table.request_kyoikukunren th{
		font-size: 100%;
		width: 37%;
		padding: 10px;
		border-bottom: solid 1px #999;
	}
}
table.request_kyoikukunren td{
	font-size: 130%;
	border-left: none;
}
@media (min-width: 767px) {
	table.request_kyoikukunren td{
		font-size: 100%;
		padding: 10px;
		border-bottom: solid 1px #999;
	}
}

/* **********************************************
注意！不正受給
********************************************** */
p.text_kyoikukunren a{
	text-decoration: underline;
}
.free_call_kyoikukunren{
	display: block;
}
@media (min-width: 767px) {
	.free_call_kyoikukunren{
		display: none;
	}
}
.up_kyoikukunren{
	margin: 15px;
	display: block;
	overflow: hidden;
}
@media (min-width: 767px) {
	.up_kyoikukunren{
		display: none;
	}
}
.up_kyoikukunren img{
	float: right!important;
	width: 40px!important;
}
.free_call_kyoikukunren img{
	width: 100%!important;
}

/* 汎用 */
.text{
	padding: 0;
}
@media (min-width: 767px) {
	.text{
		padding: 0;
	}
}
.text_top{
	padding: 10px 0 0;
}
@media (min-width: 767px) {
	.text_top{
		padding: 20px 0 0;
	}
}
.mb_1{
	margin-bottom: 1%;
}
.mb_0{
	margin-bottom: 0;
}
.mb_10{
	margin-bottom: 10px;
}
.mb_15{
	margin-bottom: 15px;
}
.clr{
	clear: both;
}