/* CSS Document */

/*#########################################
ヘッダー
#########################################*/
header{
	padding: 15px;
	text-align: center;
}

.catch{
	margin-bottom: 5px;
}

header .logo_text{
	margin-top: 10px;
}


/*#########################################
トップ - メイン
#########################################*/

/* 学び直しについて */
#top_main .manabi{
	text-align: center;
	padding: 20px;
	margin-top: 40px;
	font-size: 140%;
}

#top_main .manabi > div.left,
#top_main .manabi > div.right{
	display: none;
}

/* 学習機会を調べる */
#top_main .search{
	padding: 0 20px 20px;
	margin-top: 40px;
	text-align: center;
}

#top_main .search h2{
	margin: 0 -20px 20px;
	font-size: 140%;
	text-align: left;
}

#top_main .search .search_box,
#top_main .search .refine_bt{
	display: inline-block;
	max-width: 720px;
}

#top_main .search .refine_bt{
	font-size: 140%;
}

/* 支援情報を見る */
#top_main .support{
	padding: 0 20px 20px;
	margin-top: 40px;
}

#top_main .support h2{
	margin: 0 -20px 10px;
	font-size: 140%;
}

/* eラーニング */
#top_main .elearning{
	margin-top: 40px;
	padding: 0 20px 20px;
	background-color: #F2F2F2;
}

#top_main .elearning h2{
	margin: 0 -20px 10px;
	font-size: 140%;
}

/*#########################################
トップ - 新着情報
#########################################*/
#top_news{
	margin: 40px 5px 0;
}

#top_news .news_list h2 span{
	font-size: 140%;
	background-size: auto 100%;
	height: inherit;
}

#top_news ul{
	display: block;
	height: 200px;
	overflow-y: auto;
}

#top_news ul li .date{
	display: block;
}

/*#########################################
トップ - 注目の講座
#########################################*/
#top_topics{
	margin-top: 40px;
	padding-bottom: 20px;
}

#top_topics h2{
	font-size: 140%;
}

#top_topics h2 span{
	font-size: 80%;
}

#top_topics .course_box{
	width: calc(100% - 20px);
	margin: 20px 10px;
	display: table;
}

.course_img,
.course_text{
	display: table-cell;
	vertical-align: top;
}

.course_img{
	width: 120px;
}

.course_text{
	padding: 15px;
}

/*#########################################
記事詳細
#########################################*/
#detail h1{
	font-size: 140%;
	padding-bottom: 20px;
	padding-left: 10px;
}

#detail h2{
	font-size: 120%;
}

#detail h3{
	font-size: 110%;
}

iframe[src*="maps"]{
	width: 100%;
	height: 400px;
}

iframe[src*="youtube"]{
	width: 100%;
	height: 50vw;
}

/*#########################################
検索結果
#########################################*/
.result_box{
}

.result_box table{
	width: 100%;
}

.result_box table th,
.result_box table td{
	display: block;
}

#detail .text .result_box table[border="1"] th{
	border-bottom: 0;
}

#detail .text .result_box table[border="1"] td{
	border-top: 0;
	border-bottom: 0;
}

#detail .text .result_box table[border="1"] tr:last-child td{
	border-bottom: 1px solid #00AA91;
}

.result_box .poster{
	text-align: center;
	margin-top: 10px;
}

.result_box .poster a{
	border: 1px solid #00AA91;
	padding: 10px;
	display: inline-block;
	margin-left: 10px;
	background-color: #FFF;
}

/*#########################################
フォーム関連
#########################################*/

section.check_wrap label{
	display: block;
}

/*#########################################
戻るボタン
#########################################*/
.page_bt_box{
	text-align: center;
	margin: 10px;
}

#page-top,
#page-back{
	display: inline-block;
	margin: 0 5px;
}