@charset "utf-8";


/*=======================================================
法人向け
=======================================================*/
/* index */
.service_img{
	margin: 0 0 15px;
	width: 697px;
	height: 207px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/ttl.jpg) no-repeat left top;
}
#support_nav_top{ margin: 35px 0 0; }
#support_nav_top ul{
	margin: 0 -5px;
	text-align: center;
}
#support_nav_top li{
	margin: 0 4px 10px;
	display: inline-block;
	width: 225px;
	text-align: left;
	vertical-align: middle;
}
#support_nav_top li a{
	padding-right: 15px;
	vertical-align: middle;
	display: block;
	background: #88c3d4;
	line-height: 1.2;
	font-size: 1.8rem;
	font-size: 18px\9; /* ie8 */
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	height: 220px;
	position: relative;
}
#support_nav_top li a span{
	margin: 5px 0;
	padding: 10px;
	display: block;
	vertical-align: middle;
	float: left;
	width: 100%;
}
#support_nav_top li a span:after{
	content: '';
	margin: 0;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 10px;
	width: 50px;
	height: 50px;
	background: url(../img/btn_arrow.png) no-repeat 96% center;
	background-size: 25px auto;
}
#support_nav_top li a:hover{
	opacity: 0.8; /*通常*/
	-ms-filter: "alpha(opacity=80)"; /*IE8*/
	text-decoration: none;
}
#support_nav_top #subscription{
	width: 99%;
	box-sizing: border-box;
}
.inquiry_cont{
	margin: 60px 0 30px;
	padding: 20px;
	border: 1px solid #b3b3b3;
}
.ncp_inquiry{
	margin: 10px 0 0;
	text-align: center;
}
.ncp_inquiry a{
	padding: 15px 15px 15px 30px;
	display: block;
	border: 1px solid #ddd;
	color: #fff;
	font-weight: bold;
	background: url(../img/arrow_ncp_inquiry.png) no-repeat 20px center;
	background-color: #f17724;
	font-size: 1.6rem;
	font-size: 16px\9; /* ie8 */
}
.ncp_inquiry a:hover{
	opacity: 0.8; /*通常*/
	-ms-filter: "alpha(opacity=80)"; /*IE8*/
	text-decoration: none;
}
.basic dl dt{
	margin: 0 -60px 0 0;
	padding: 1px 0;
	float: left;
	clear: both;
	display: inline;
	width: 60px;
	font-weight: bold;
	line-height: 1.3;
}
.basic dl dd{
	padding: 1px 10px 1px 60px;
	line-height: 1.4;
}


/* 共通 */
.service_img2{ margin: 0 0 15px; }
#page_nav,
.page_nav{
	margin: 15px -5px;
	overflow: hidden;
}
#page_nav > li,
.page_nav > li{
	margin: 0 5px 10px;
	float: left;
	width: 340px;
}
#page_nav > li a,
.page_nav > li a{
	padding: 10px;
	display: block;
	background: url(/img/anchor_arrow.png) no-repeat 90% center;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 1.4rem;
	font-size: 14px\9; /* ie8 */
}
.btn{
	text-align: center;
	border: 2px solid #e6e6e6;
}
.btn:hover{
	cursor: pointer;
	opacity: 0.7; /*通常*/
	-ms-filter: "alpha(opacity=70)"; /*IE8*/
	text-decoration: none;
}
.pagetop.inside_page{ margin: 25px 0; }
.lead{ 
	margin: 0 0 15px;
	font-size: 1.4rem;
	font-size: 14px\9; /* ie8 */
}
.basic_cont{ margin: 0 0 30px; }
.voice,
#btm_main .basic_cont p.voice{
	padding-left: 70px;
	background: url(../img/voicw_ico.png) no-repeat left 17px;
	min-height: 50px;
}
#btm_main h4{ margin-top: 30px; }
#btm_main .theme{ margin: 0 0 5px; }
#btm_main .theme span{
	margin: 0 5px 5px 0;
	padding: 3px 5px;
	line-height: 1.0;
	border: 1px solid #ccc;
	display: inline-block;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	font-size: 1.1rem;
	font-size: 11px\9; /* ie8 */
}


/* 事例 */
#btm_main .outline_ttl + p{
	margin-top: -15px;
	padding: 15px 0 0;
	border-top: 1px dotted #ccc;
}
#btm_main .outline_ttl{
	margin: 15px 0 0;
	padding: 0 10px 0 0;
	display: inline-block;
	background-color: #fff;
	clear: both;
}


/* テーブル */
table.basic{
	margin-bottom: 15px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	background-color: #fff;
}
table.basic th, table.basic td {
	border: 1px solid #ccc;
	padding:8px;
	line-height: 1.4;
}
table.basic th{
	padding: 5px;
	background-color: #88c3d4;
	color: #fff;
	vertical-align: middle;
}
table.basic h6{
	font-size: 1.3rem;
	font-size: 13px\9; /* ie8 */
}
table.member th{
	padding: 10px;
	font-size: 1.6rem;
	font-size: 16px\9; /* ie8 */
}
table.member td {
	padding: 10px;
	vertical-align: middle;
	font-size: 1.4rem;
	font-size: 14px\9; /* ie8 */
}
.table_note{ margin-top: 10px; }
.payment{ margin: 0 15px 0; }
.payment span{
	margin: 10px 3px 5px 0;
	padding: 3px;
	font-size: 1.3rem;
	font-size: 13px\9; /* ie8 */
	display: block;
	text-align: center;
	background-color: #efefef;
	border-radius: 10px;
}
.payment span:first-child{ margin-top: 0; }
.member_price{
	font-size: 1.6rem;
	font-size: 16px\9; /* ie8 */
	color: #418292;
}
table th.basic_color_2{
	background-color: #e1f1f3;
	color: #418292;
	font-weight: normal;
	font-size: 1.4rem;
	font-size: 14px\9; /* ie8 */
}


/* 集合研修 */
.lec_schedule{
	margin: 0 0 10px;
	padding: 0 0 0 5px;
	border-left: 2px solid #ccc;
}
#target{ margin: 20px 0; }
#target p{
	width: 692px;
	height: 131px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/target.png) no-repeat left top;
}


/* 模擬試験 */
.service_info{
	margin: 30px 0;
	padding: 15px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.sample_cont{
	padding: 0 0 20px;
	overflow: hidden;
}
.sample_cont a{
	color: #333;
	cursor: default;
}
.sample_cont a:hover{ text-decoration: none; }
.compact_cont{
	margin-right: 1%;
	width: 49%;
	float: left;
}
.link{
	color: #0066cc;
	cursor: pointer;
}

.ico{ vertical-align: middle; }
#btm_main .movie_ico,
#btm_main .test_ico{ margin: 0 0 3px; }
.test_ico:before{
	content: ' ';
	width: 20px;
	height: 20px;
	display: inline-block;
	padding: 0;
	background: url(../img/test_ico.png) no-repeat left center;
	vertical-align: middle;
}
.movie_ico:before{
	content: ' ';
	width: 20px;
	height: 20px;
	display: inline-block;
	padding: 0;
	background: url(../img/movie_ico.png) no-repeat left center;
	vertical-align: middle;
}
.popup_ico:after{
	content: ' ';
	margin: 0 0 0 5px;
	width: 20px;
	height: 30px;
	display: inline-block;
	padding: 0;
	background: url(/img/mark_window.png) no-repeat left center;
	vertical-align: middle;
}
.dl_arrow:before{
	content: ' ';
	width: 10px;
	height: 30px;
	display: inline-block;
	padding: 0;
	background: url(/img/linkbtn_arrow.png) no-repeat left center;
	background-size: 7px auto;
	vertical-align: middle;
}
.time:before{
	content: ' ';
	width: 17px;
	height: 15px;
	display: inline-block;
	background: url(../img/time_ico.png) no-repeat left center;
	vertical-align: middle;
}
.s_movie{
	display: block;
	display: none;
}


/* POP UP 動画 */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe#y_movie{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#popup_page{
	margin: 0 auto;
	width: 100%;
	text-align: center;
	color: #333;
}
.mfp-iframe-scaler iframe{
	margin: 0;
	padding: 0;
	background-color: #fff;
	min-height: 102%;
}

.table_num{ width: 4%; }
.table_course_name{ width: 25%; }
.table_class{ width: 9%; }
.td_course_name{
	font-weight: bold;
	font-size: 1.3rem;
	font-size: 13px\9; /* ie8 */
}
.samplemovie .back_btn{ display: none; }


/* ===========================================
	MediaQueries
=========================================== */
/* スマホ----------------------------- */
@media screen and (max-width: 767px) {
	.service_img{
		margin: 0 auto 15px;
		width: 100%;
		height: 176px;
		background: #f6f6f6 url(../img/s/ttl.jpg) no-repeat center top;
		-moz-background-size: 300px auto; /* Firefox */
		background-size: 300px auto;
	}
	#support_nav_top ul{
		margin: 0;
		text-align: center;
	}
	#support_nav_top li{
		margin: 0 0 10px;
		display: inline-block;
		width: 100%;
		-moz-box-sizing: border-box; /* Firefox */
		box-sizing: border-box;
	}
	#support_nav_top li a{
		height: auto;
		overflow: hidden;
	}
	#support_nav_top li img{
		width: 120px;
		height: auto;
		float: left;
	}
	#support_nav_top li a span{
		margin: 0;
		width: 126px;
		height: auto;
		float: left;
		font-size: 1.6rem;
		font-size: 16px\9; /* ie8 */
	}
	.inquiry_cont{
		margin: 10px 3%;
		padding: 10px;
	}


	/* 集合研修 */
	#target{ margin: 20px 0; }
	#target p{
		margin: 0 auto;
		width: 241px;
		height: 172px;
		background: url(../img/s/target.png) no-repeat left top;
		-moz-background-size: 241px auto; /* Firefox */
		background-size: 241px auto;
	}


	/* 模擬試験 */
	.test_ico:before,
	.movie_ico:before{ height: 22px; }
	.popup_ico:after,
	.dl_arrow:before{ height: 18px; }

	#btm_main .list_cont dt{
		margin: 0 0 0 0;
		float: none;
		width: 100%;
	}
	#btm_main .list_cont dd{
		padding: 0 0 4px 0;
		overflow: hidden;
	}
	.note span{ padding: 0 5px; }
	.compact_cont{
		margin: 0 0 5px 0;
		width: 100%;
		float: none;
		position: relative;
		clear: both;
		overflow: hidden;
	}
	#btm_main .compact_cont h5{
		margin: 0;
		padding: 0;
	}
	#btm_main .dl_arrow{ line-height: 1.2; }

	.s_movie{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border: 1px solid #000;
		width: 100%;
		z-index: 10;
	}

	#popup_page{
		margin: 0 auto;
		width: auto;
		text-align: center;
		color: #333;
	}
	.mfp-iframe-scaler iframe{
		margin: 0;
		padding: 0;
		background-color: #fff;
		min-height: 0px;
	}

	/* 共通 */
	#page_nav{
		margin: 15px -5px;
		overflow: hidden;
	}
	#page_nav > li{
		margin: 0 5px 10px;
		float: none;
		width: auto;
		-moz-box-sizing: border-box; /* Firefox */
		box-sizing: border-box;
	}
	#page_nav > li p{
		-moz-box-sizing: border-box; /* Firefox */
		box-sizing: border-box;
	}
	#page_nav > li a,
	.page_nav > li a{
		padding-right: 15px;
		background: url(/img/anchor_arrow.png) no-repeat 97% center;
		-moz-background-size: 15px auto; /* Firefox */
		background-size: 15px auto;
	}
	.basic dl dt.note_dt{
		margin: 0;
		padding: 1px 0;
		float: none;
		clear: both;
		display: inline;
		width: 100%;
		font-weight: bold;
		line-height: 1.3;
	}
	.basic dl dd.note_dd{
		padding: 0;
		line-height: 1.4;
	}

	/* テーブル */
	table.member th{
		padding: 5px;
		font-size: 1.4rem;
		font-size: 14px\9; /* ie8 */
	}
	table.member td {
		padding: 5px;
		vertical-align: middle;
		font-size: 1.3rem;
		font-size: 13px\9; /* ie8 */
	}
	.table_note{ margin-top: 10px; }
	.samplemovie {
		padding: 10px 3%;
		background-color: #333;
	}
	.samplemovie .back_btn{
		display: block;
		text-align: center;
	}
	.samplemovie .back_btn a{
		margin: 10px 0 0;
		padding: 5px 20px;
		color: #fff;
		text-decoration: none;
		display: inline-block;
		border: 1px solid #ccc;
		font-family: sans-serif;
	}
	.popup-iframe .popup_ico:after{ background: none; }
	#btm_main h5.theme{ margin: 0; }
	#btm_main h5.theme span{ display: block; width: 3.5em; text-align: center; }
}