@charset "utf-8";

/* =============================================
	建築施工管理技士
============================================= */

/*---------------------------------------------
	index
---------------------------------------------*/
/*****
固定バナーエリア
*****/
.bn_area_wrap{
 width: 700px;
 margin: 0 auto;
 padding: 2em 0 0 0;
}
.bn_area_wrap img{
 image-rendering: -webkit-optimize-contrast;/*画像ボケ軽減*/
}

.bn_area_ttl{
 font-size: 1.8rem;
 margin-bottom: 0.5em;
 color: #e04536;
 font-style: oblique;
 padding: 0.25em 1em;
 border-top: solid 1px #e04536;
 border-left: solid 4px #e04536;
 background-image: linear-gradient(to left,#e04536 0,transparent 50%);
}

/***コンテンツ_バナー大***/
.bn_area_l{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.bn_twin{
 width: 100%;
 max-width: 345px;
 margin: 0 0 1.5em 0;
 border: solid 1px #ccc;
 box-sizing: border-box;
}

.bn_twin a{
 display: block;
}
.bn_twin a::after{
 content: '詳細はコチラ';
 display: block;
 text-align: right;
 color: #fff;
 padding: 0.25em 2em 0.25em 0.5em;
 background-color: rgba(255,120,100,1);
 background-image: url("/nikken/guidance/img/icon_arrow.png");
 background-repeat: no-repeat;
 background-position: right 0.5em center;
 background-size: auto 1em;
}
.bn_twin a:hover{
 text-decoration: none;
 opacity: 0.8;
}
.bn_twin img{
 width: 100%;
 height: auto;
}

.bn_note{
 font-size: 1.1em;
 padding: 0.5em;
}
.bn_note .li_indent1 li{
 text-indent: -1em;
 padding-left: 1em;
}
/*** end コンテンツ_バナー大***/


/***バナー大***/
.bn_area_l{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.bn_single{
 width: 100%;
 max-width: 478px;
 margin: 0 0 1.5em 0;
 border: solid 1px #ccc;
 box-sizing: border-box;
}

.bn_single a{
 display: block;
}
.bn_single a::after{
 content: '詳細はコチラ';
 display: block;
 text-align: right;
 color: #fff;
 padding: 0.25em 2em 0.25em 0.5em;
 background-color: rgba(224,69,54,1);
 background-image: url("/nikken/guidance/img/icon_arrow.png");
 background-repeat: no-repeat;
 background-position: right 0.5em center;
 background-size: auto 1em;
}
.bn_single a:hover{
 text-decoration: none;
 opacity: 0.8;
}
.bn_single img{
 width: 100%;
 height: auto;
}

.bn_note{
 font-size: 1.1em;
 padding: 0.5em;
}
.bn_note .li_indent1 li{
 text-indent: -1em;
 padding-left: 1em;
}
/***end バナー大***/

/***バナー中***/
.bn_area_m{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.bn_area_m li{
 width: 48%;
 margin: 0 0 1em 0;
}
.bn_area_m li a{
 display: flex;
 align-items: center;
 color: #333;
 padding: 0.5em 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}
.bn_area_m li a .bn_img_m{
 flex-shrink: 0;
 width: 200px;
 margin-right: 1em;
}
.bn_area_m li a .bn_img_m img{
 width: 100%;
 height: auto;
}
.bn_area_m li a .bn_ttl_m{
 font-size: 1.6rem;
 color: #ed5032;
}

.bn_area_m li a:hover{
 text-decoration: none;
 background-color: #eee;
}
/***end バナー中***/

/*****
end 固定バナーエリア
*****/

/*****
従来バナーエリア
*****/
/* 大バナー */
.bn_honshiken a{
	margin: 10px auto 0;
	background: url(../img/bn_test.jpg) no-repeat left top;
	width: 700px;
	height: 154px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.renewal_btn a{
	margin: 0 auto;
	background: url(../img/bn_renewal.jpg) no-repeat left top;
	width: 700px;
	height: 154px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.important_cont_wrap{ padding: 5px 0; }
.important_cont_wrap a:hover{ opacity: 0.8; }



/* ヘッダー背景 */
#index_header{ background-image: url(../img/header_bg.jpg); }

/* 左右背景色 */
#index_header:before{ background: #64a0de; }
#index_header:after{ background: #5e9ede; }

#course_index #main_ttl{ padding-top: 35px; }
#count{ width: 190px; }
.two_test #count_cont{ width: 125px; }
.two_test #count_cont_date{ font-size: 1.15rem; }

.related a{
	background: url(/nikken/guidance/img/course_arrow.png) no-repeat 8px center, linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.3) 100%);
}

#news{ margin: 0 auto; }

.top_passrate_cont{
	margin: 15px auto;
	width: 700px;
}
.top_passrate a{ background: url(../img/passrate.png) no-repeat left top; }
.top_passrate.passrate2 a{ background: url(../img/passrate2.png) no-repeat left top; }
.top_passrate_cont a:hover{ opacity: 0.8; }
.top_passrate_note{ margin: 5px 0 0; }
.top_passrate_note li{
	margin: 0 10px 0 0;
	font-size: 1.1rem;
	color: #646464;
	display: inline-block;
}

/* 解答速報 */
.bn_kaisoku a{
	/*margin: 15px auto 0;*/
	margin: 15px auto 10px; /* pickup内のバナーが空の場合 */
	background: url(../img/bn_kaisoku.jpg) no-repeat left top;
	width: 700px;
	height: 154px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

/* プレゼントバナー 問題・解答解説集進呈 */
.bn_present a{
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	height: 110px;
	display: block;
	background: url("../img/bn_present.jpg") no-repeat left top;
}

/* 願書取り寄せサービスバナー */
.top_service a{
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	height: 110px;
	display: block;
	background: url("/nikken/guidance/img/bn_service.jpg") no-repeat left top;
}

/* 実地本科コースLPバナー */
.bn_jiccihonka a{
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	height: 110px;
	display: block;
	background: url("../img/bn_jicchihonka.jpg") no-repeat left top;
}

/* 全国統一公開模擬試験 */
.bn_mogishiken a{
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	height: 110px;
	display: block;
	background: url("/nikken/guidance/mogishiken/img/bn_mogishiken.jpg") no-repeat left top;
}

/* 施工管理技士 試験制度 改訂まとめ */
.bn_sekoukanri a{
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	height: 110px;
	display: block;
	background: url("/nikken/guidance/sekoukanri/img/bn_sekoukanri.jpg") no-repeat left top;
}

/* 問題・解答参考例＋傾向分析進呈 */
.bn_sankourei a{
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	height: 110px;
	display: block;
	background: url("../img/bn_sankourei.jpg") no-repeat left top;
}

/* スポットバナー */
.bn_spot a{
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	height: 110px;
	display: block;
	background: url("../img/bn_open_mogi.jpg") no-repeat left top;
}
/*****
end 従来バナーエリア
*****/


/* ポイント */
.index_about_cont{ margin: 30px 0 0; }
.index_point_cont{ padding-top: 20px; }
.index_point_cont .point_ttl{
	margin: 0 0 15px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}
.index_point_cont .index_point_box{ width: 610px; }
.float_right + .index_point_box{ float: left; }
.float_left + .index_point_box{ float: right; }

.index_point_cont .point_subttl { margin: 15px 0 10px; }
.index_point_cont .point_ttl:after{ content: none; }
.index_point_cont .point_ttl span{
	margin: 0;
	padding: 0;
}
.index_point_cont .point_img.float_right { margin-left: 20px; }
.index_point_cont .point_img.float_left { margin-right: 20px; }
.index_point_cont .point_outline{ font-size: 1.45rem; }
.index_point_cont .point_ttl + .point_outline{ margin: 15px 0; }

.point_ttl .ttl_point img{ width: 172px; }
.point_ttl .point_ttl_img{
	display: inline-block;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
	vertical-align: middle;
}
#index_step1 .point_ttl .point_ttl_img{
	background-image: url(/nikken/guidance/architect1q/feature/img/point1_ttl.png);
	width: 293px;
}
#index_step2 .point_ttl .point_ttl_img{
	background-image: url(/nikken/guidance/architect1q/feature/img/point2_ttl.png);
	width: 131px;
}
#index_step3 .point_ttl .point_ttl_img{
	background-image: url(/nikken/guidance/architect1q/feature/img/point3_ttl.png);
	width: 396px;
}
#index_step4 .point_ttl .point_ttl_img{
	background-image: url(/nikken/guidance/architect1q/feature/img/point4_ttl.png);
	width: 507px;
}
#index_step5 .point_ttl .point_ttl_img{
	background-image: url(/nikken/guidance/architect1q/feature/img/point5_ttl.png);
	width: 286px;
}


/* clearfix */
.index_wrap:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media screen and (min-width: 768px){

}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	
	/*****
 固定バナーエリア
 *****/
 .bn_area_wrap{
  width: 94%;
  padding: 0.5em 0 0 0;
 }
 
 .bn_area_ttl{
  font-size: 1.6rem;
 }
 
 /***バナー大***/
 .bn_area_l{
  display: block;
 }
 /***end バナー大***/
 
 /***バナー中***/
 .bn_area_m{
  display: block;
 }
 .bn_area_m li{
  width: 100%;
 }
 .bn_area_m li a{
  align-items: stretch;
  font-size: 1.2rem;
  padding: 0.5em 1.5em 0.5em 0;
  position: relative;
 }
 .bn_area_m li a::after{
  content: '▼';
  display: block;
  line-height: 1;
  color: #fff;
  padding: 0.25em;
  background-color: #e04536;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotateZ(-90deg);
 }
 .bn_area_m li a .bn_img_m{
  width: 25%;
 }
 .bn_area_m li a .bn_ttl_m{
  font-size: 1.5rem;
 }
 /***end バナー中***/
 
 /*****
 end 固定バナーエリア
 *****/
	
	/*****
 従来バナーエリア
 *****/
	/* 大バナー */
	.bn_honshiken a{
		margin: 0 5px 3px;
		padding: 0 0 28%;
		background: url(../img/s/bn_test.jpg) no-repeat left top;
		background-size: 100% auto;
		width: auto;
		height: 0;
	}
	.renewal_btn a{
		margin: 5px 5px 3px;
		padding: 0 0 28%;
		background: url(../img/s/bn_renewal.jpg) no-repeat left top;
		background-size: 100% auto;
		width: auto;
		height: 0;
	}

	#course_index #index_header{
		background-position: 41% -40px;
		background-size: auto 120%;
	}
	#course_index #main_ttl,
	#main_lead strong{
	text-shadow:0 0 1px #fff,
		1px 1px 2px #fff, 1px 1px 2px #fff,
		-1px 1px 2px #fff, -1px 1px 2px #fff,
		1px -1px 2px #fff, 1px -1px 2px #fff,
		-1px -1px 1px #fff, -1px -1px 1px #fff,
		0 0 3px #fff, 0 0 3px #fff,
		0 0 5px #fff, 0 0 5px #fff;
	}
	#course_index #main_ttl{ padding-top: 23px; }
	.two_test #count_cont_date{ font-size: 1.1rem; }

	#index_lead{ padding: 10px 0 0px; }
	#index_lead h3{ font-size: 2.0rem; }
	#index_lead h4{
		margin: 0 0 10px;
		font-size: 1.8rem;
	}

	.top_passrate_cont{
		margin: 10px;
		width: auto;
	}
	.top_passrate a{
		background: url(../img/s/passrate.png) no-repeat left top;
		background-size: 100% auto;
	}
	.top_passrate.passrate2 a{
		background: url(../img/s/passrate2.png) no-repeat left top;
		background-size: 100% auto;
	}
	.top_passrate_note{ margin: 5px 0 0; }
	.top_passrate_note li{
		margin: 0 0 3px 0;
		font-size: 1.1rem;
		display: block;
		padding-left: 1em;
		text-indent: -1em;
		line-height: 1.4;
	}
 
	/* 解答速報バナー */
	.bn_kaisoku a{
		/* margin: 0 5px 3px; */
		margin: 0 5px 0; /* pickup内のバナーが空の場合 */
		padding: 0 0 28%;
		background: url(../img/s/bn_kaisoku.jpg) no-repeat left top;
		background-size: 100% auto;
		width: auto;
		height: 0;
	}

 /* プレゼントバナー 問題・解答解説集進呈 */
	.bn_present a{
		margin-bottom: 10px;
		padding-bottom: 22%;
		height: 0;
		background: url("../img/s/bn_present.jpg") no-repeat left top;
		background-size: contain;
	}
 
 /* 願書取り寄せサービスバナー */
 .top_service a{
		margin-bottom: 10px;
		padding-bottom: 22%;
		height: 0;
		background: url("/nikken/guidance/img/s/bn_service.jpg") no-repeat left top;
		background-size: contain;
	}
	
	/* 実地本科コースLPバナー */
	.bn_jiccihonka a{
		margin-bottom: 10px;
		padding-bottom: 22%;
		height: 0;
		background: url("../img/s/bn_jicchihonka.jpg") no-repeat left top;
		background-size: contain;
	}
	
	/* 全国統一公開模擬試験 */
 .bn_mogishiken a{
		margin-bottom: 10px;
		padding-bottom: 22%;
		height: 0;
		background: url("/nikken/guidance/mogishiken/img/s/bn_mogishiken.jpg") no-repeat left top;
		background-size: contain;
	}
	
	/* 施工管理技士 試験制度 改訂まとめ */
	.bn_sekoukanri a{
		margin-bottom: 10px;
		padding-bottom: 22%;
		height: 0;
		background: url("/nikken/guidance/sekoukanri/img/s/bn_sekoukanri.jpg") no-repeat left top;
		background-size: contain;
	}
 
 /* 問題・解答参考例＋傾向分析進呈 */
	.bn_sankourei a{
		margin-bottom: 10px;
		padding-bottom: 22%;
		height: 0;
		background: url("../img/s/bn_sankourei.jpg") no-repeat left top;
		background-size: contain;
	}
 
 /* スポットバナー */
 .bn_spot a{
		margin-bottom: 10px;
		padding-bottom: 22%;
		height: 0;
		background: url("../img/s/bn_open_mogi.jpg") no-repeat left top;
		background-size: contain;
	}
	/*****
 end 従来バナーエリア
 *****/
 
}