@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 固定バナーエリア
*****/

/*****
従来バナーエリア
*****/
.important_cont_wrap{ padding: 5px 0; }
.important_cont_wrap a:hover{ opacity: 0.8; }

#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; }

/*****
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; }

/* 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 固定バナーエリア
 *****/
	
	/*****
 従来バナーエリア
 *****/
	#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;
	}


	/*****
 end 従来バナーエリア
 *****/
 
}