/* CSS Document */
@import "base.css";


/*----------------------*/
/* container
------------------------*/
#container .container_box{
	width:960px;
	height:100%;
	padding-top:30px;
	margin:auto;
}
@media screen and (max-width: 639px) {
	#container .container_box{
		width:100%;
		padding-top:0px;
	}
}
/*----------------------*/
/* main_contents
------------------------*/
#main_contents{
	width:730px;
	height:100%;
	float:right;
}

#main_contents .in_top{
	background:url(../img/curriculum/in_top_bg.jpg) top right no-repeat;
	width:730px;
	height:95px;
	padding-top:35px;
}
#main_contents .sub_title{
	width:710px;
	height:29px;
	padding-top:15px;
	padding-left:20px;
	font-size:12px;
	font-weight:bold;
	color:#396BA3;
	background:url(../img/curriculum/sub_title_bg.gif) top left no-repeat;
}
@media screen and (max-width: 639px) {
	#main_contents{
		width:100%;
		height:100%;
		float:none;
	}
	#main_contents .in_top{
		background: none;
		width:100%;
		height:auto;
		padding-top:0px;
	}
	#main_contents .sub_title{
		width:auto;
		height:29px;
		padding-top:15px;
		padding-left:20px;
		font-size:12px;
		font-weight:bold;
		color:#396BA3;
		background:url(../img/curriculum/sub_title_bg.gif) top left no-repeat;
	}
}

#main_contents .course_list{
	width:730px;
	height:100%;
	padding-top:20px;
}
#main_contents .course_list li{
	width:223px;
	height:289px;
	float:left;
}
.c_title.manager a {
	background-color: #2B5F9B;
    color: #fff;
    padding: 8px 10px;
    text-decoration: none;
    width: 210px;
    box-shadow: 0px 3px 0 0px #0a4972;
    display: inline-block;
}
.c_title.manager a:hover {
	opacity: .8;
	transition: all .3s;
}
@media (max-width: 639px) {
	.c_title.manager a {
		max-width: 100%;
		padding: 5px 10px 3px;
		font-size: 10px;
	}	
}
.c_img.manager img {
	object-fit: cover;
}

#main_contents .course_list .c_title{
	display:block;
	padding-bottom:10px;
}
#main_contents .course_list .c_img{
	display:block;
}
#main_contents .course_list .c_come{
	width:228px;
	height:50px;
	display:block;
	padding-top:2px;
	padding-left:2px;
	line-height:20px;
}
#main_contents .course_list .c_link{
	background:url(../img/icon/yaji.gif) left no-repeat;
	padding-left:12px;
	display:block;
	font-size:13px;
}
#main_contents .course_list .pa_ri20{
	padding-right:20px;
}

#main_contents .follow_box{
	width:710px;
	height:122px;
	padding-top:18px;
	padding-left:20px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(../img/curriculum/follow_bg.jpg) top left no-repeat;
}
#main_contents .f_title{
	color:#FF6600;
	font-size:14px;
	font-weight:bold;
}
#main_contents .f_text{
	padding-top:8px;
	font-size:11px;
	line-height:16px;
}

#main_contents .recomend{
	width:730px;
	height:100%;
	padding-top:42px;
	padding-bottom:33px;
}
#main_contents .recomend_list{
	padding-top:20px;
}
#main_contents .recomend_box01{
	width:700px;
	height:101px;
	padding:13px 12px 17px 18px;
	background:url(../img/curriculum/r_c01_bg.jpg) top left no-repeat;
	margin-bottom:15px;
}
#main_contents .recomend_box02{
	width:700px;
	height:91px;
	padding:13px 12px 17px 18px;
	background:url(../img/curriculum/r_c02_bg.jpg) top left no-repeat;
	margin-bottom:15px;
}
#main_contents .recomend_box03{
	width:700px;
	height:91px;
	padding:13px 12px 17px 18px;
	background:url(../img/curriculum/r_c03_bg.jpg) top left no-repeat;
}
#main_contents .r_text{
	width:675px;
	height:56px;
	font-size:11px;
	line-height:17px;
	padding-left:2px;
}

#main_contents .r_text02{
	width:675px;
	height:46px;
	font-size:11px;
	line-height:17px;
	padding-left:2px;
}
#main_contents .r_box_btm{
	width:700px;
	height:45px;
}
#main_contents .r_price{
	width:500px;
	height:45px;
	float:left;
}
#main_contents .r_detail_btn{
	width:200px;
	padding-top:5px;
	float:right;
}
@media screen and (max-width: 639px) {

	#main_contents .course_list{
		width:100%;
		height:100%;
		padding-top:20px;
	}
	#main_contents .course_list li{
		width:48%;
		padding: 0 1%!important;
		height:auto;
		float:left;
		margin-bottom: 20px;
	}
	#main_contents .course_list li:nth-child(odd){
		clear: both;
	}
	#main_contents .course_list .c_title{
		display:flex;
		padding-bottom:10px;
	}
	#main_contents .course_list .c_img{
		display:block;
	}
	#main_contents .course_list .c_come{
		width:auto;
		height:auto;
		display:block;
		padding-top:2px;
		padding-left:2px;
		line-height:20px;
	}
	#main_contents .course_list .c_link{
		background:url(../img/icon/yaji.gif) left no-repeat;
		padding-left:12px;
		display:block;
		font-size:13px;
	}
	#main_contents .course_list .pa_ri20{
		padding-right:20px;
	}
	#main_contents .follow_box{
		width:auto;
		height:auto;
		padding:10px;
		background: #f2f2f2;
		border: 1px solid #ddd;
		margin-bottom: 20px;
	}
	#main_contents .f_title{
	}
	#main_contents .f_text{
	}
	#main_contents .recomend{
		width:auto;
	}
	#main_contents .recomend_list{
	}
	#main_contents .recomend_box01{
		width:auto;
		height:auto;
		padding:13px 12px 17px 18px;
		background:url(../img/curriculum/r_c01_bg.jpg) top left no-repeat;
		margin-bottom:15px;
	}
	#main_contents .recomend_box02{
		width:auto;
		height:auto;
		padding:13px 12px 17px 18px;
		background:url(../img/curriculum/r_c02_bg.jpg) top left no-repeat;
		margin-bottom:15px;
	}
	#main_contents .recomend_box03{
		width:auto;
		height:auto;
		padding:13px 12px 17px 18px;
		background:url(../img/curriculum/r_c03_bg.jpg) top left no-repeat;
	}
	#main_contents .r_text{
		width:auto;
		height:auto;
		font-size:11px;
		line-height:17px;
		padding-left:2px;
	}
	#main_contents .r_text02{
		width:675px;
		height:46px;
		font-size:11px;
		line-height:17px;
		padding-left:2px;
	}
	#main_contents .r_box_btm{
		width:700px;
		height:45px;
	}
	#main_contents .r_price{
		width:500px;
		height:45px;
		float:left;
	}
	#main_contents .r_detail_btn{
		width:200px;
		padding-top:5px;
		float:right;
	}
}
/*----------------------*/
/* e_construction2.html
------------------------*/
#main_contents .e_con2_top{
	width:730px;
	height: auto;
	padding-top:25px;
	padding-bottom: 25px;
	background:url(../img/curriculum/e_con2_bg.jpg) top right no-repeat;
}
#main_contents .top_text{
	width:550px;
	padding-top:5px;
	padding-bottom:12px;
	line-height:20px;
}
#main_contents .curriculum_box{
	padding-bottom:270px;
}
#main_contents .curriculum_title{
	width:710px;
	height:30px;
	padding-top:14px;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	background:url(../img/curriculum/curriculum_t_bg.gif) top left no-repeat;
}
#main_contents .curriculum_btn_area{
	height:41px;
}
#main_contents .curriculum_btn{
	float:left;
	padding-right:9px;
}
#main_contents .curriculum_detail{
	width:694px;
	height:100%;
	border-right:solid 1px #BFCED8;
	border-bottom:solid 1px #BFCED8;
	border-left:solid 1px #BFCED8;
	font-size:12px;
	padding-top:19px;
	padding-right:15px;
	padding-bottom:19px;
	padding-left:19px;
	margin-bottom:21px;
	line-height:20px;
}
#main_contents .curriculum_detail_end{
	width:694px;
	height:100%;
	border-right:solid 1px #BFCED8;
	border-bottom:solid 1px #BFCED8;
	border-left:solid 1px #BFCED8;
	font-size:12px;
	padding-top:19px;
	padding-right:15px;
	padding-bottom:19px;
	padding-left:19px;
	margin-bottom:40px;
	line-height:20px;
}
#main_contents .curriculum_detail_end .detail_text{
	width:467px;
	float:left;
}
#main_contents .curriculum_detail_end .charge{
	padding-top:10px;
}
#main_contents .curriculum_detail_end .detail_photo{
	float:right;
	width:220px;
	height:160px;
}

#main_contents .curriculum_detail .detail_text{
	width:467px;
	float:left;
}
#main_contents .curriculum_detail .charge{
	padding-top:10px;
}
#main_contents .curriculum_detail .detail_photo{
	float:right;
	width:220px;
	height:160px;
}
#main_contents .reception_box{
	background-color:#F5F3EB;
	border:solid 1px #CCCCCC;
	padding:12px 24px 11px 19px;
	line-height:20px;
	margin-bottom:50px;
	height:100%;
}
#main_contents .reception_box .text{
	float:left;
	width:519px;
	padding-top:20px;
}
#main_contents .reception_box .photo{
	float:right;
	text-align:right;
}
@media screen and (max-width: 639px) {
	#main_contents .e_con2_top{
		width:auto;
		height:auto;
		padding-top:0;
		background: none;
	}
	#main_contents .top_text{
		width:auto;
		padding-top:0px;
		padding-bottom:12px;
		line-height:1.5;
		font-size: 12px;
	}
	#main_contents .curriculum_box{
		padding-bottom:270px;
	}
	#main_contents .curriculum_title{
		width:auto;
		height: auto;
		padding: 5px 3%;
		background: #f0f3f7;
		border: 1px solid #bfced8;
	}
	#main_contents .curriculum_btn_area{
		height:auto;
		text-align: center;
	}
	#main_contents .curriculum_btn{
		float:none;
		padding-right:0px;
		margin-bottom: 10px;
	}
	#main_contents .curriculum_detail{
		width:auto;
		height:100%;
		padding:10px;
	}
	#main_contents .curriculum_detail_end{
		width:auto;
		height:100%;
		border-right:solid 1px #BFCED8;
		border-bottom:solid 1px #BFCED8;
		border-left:solid 1px #BFCED8;
		font-size:12px;
		padding-top:19px;
		padding-right:15px;
		padding-bottom:19px;
		padding-left:19px;
		margin-bottom:40px;
		line-height:20px;
	}
	#main_contents .curriculum_detail_end .detail_text{
		width:auto;
		float:none;
	}
	#main_contents .curriculum_detail_end .charge{
		padding-top:10px;
	}
	#main_contents .curriculum_detail_end .detail_photo{
		float:none;
		width:auto;
		height:auto;
		text-align: center;
		padding-top: 15px;
	}

	#main_contents .curriculum_detail .detail_text{
		width:auto;
		float:none;
	}
	#main_contents .curriculum_detail .charge{
		padding-top:10px;
	}
	#main_contents .curriculum_detail .detail_photo{
		float:none;
		width:auto;
		height:auto;
		text-align: center;
		padding-top: 15px;
	}
	#main_contents .reception_box{
		background-color:#F5F3EB;
		border:solid 1px #CCCCCC;
		padding:12px 24px 11px 19px;
		line-height:20px;
		margin-bottom:50px;
		height:100%;
	}
	#main_contents .reception_box .text{
		float:none;
		width:auto;
		padding-top:20px;
	}
	#main_contents .reception_box .photo{
		float:none;
		text-align:center;
		padding-top: 15px;
	}
}
/*講習日程*/
.course_date{
	padding-bottom:40px;
}
.course_date a{
	color:#2C5F9F;
	font-weight:bold;
}
.course_date a:hover{
	color:#5F8FCF;
}
.course_date a:visited{
	color:#2C5F9F;

}
.course_date a:active{
	color:#2C5F9F;
}

.course_details{
	width:680px;
	height:100%;
	padding:6px 24px 5px 24px;
	border-right:solid 1px #BFCED8;
	border-bottom:solid 1px #BFCED8;
	border-left:solid 1px #BFCED8;
}
.details_list{
	width:680px;
	height:100%;
	padding:10px 0 11px;
	border-bottom:solid 2px #E0E7EC;
}
.details_list_end{
	width:680px;
	height:100%;
	padding:10px 0 13px;
}

.font_course_date{
	font-size:11px;
	font-family:Verdana;
}
@media screen and (max-width: 639px) {
	.course_date{
		padding-bottom:40px;
	}
	.course_details{
		width:auto;
		height:100%;
		padding: 0;
		border:none;
	}
	.details_list{
		width:auto;
		height:100%;
		padding:10px 0;
		border-bottom:solid 2px #E0E7EC;
	}
	.details_list_end{
		width:auto;
		height:100%;
	}
	.font_course_date{
	}
}
/*----------------------*/
/* e_construction1.html
------------------------*/
#main_contents .e_con1_top{
	width:730px;
	height:350px;
	padding-top:25px;
	background:url(../img/curriculum/e_con1_bg.jpg) top right no-repeat;
}
@media screen and (max-width: 639px) {
	#main_contents .e_con1_top{
		width:auto;
		height:auto;
		padding-top:0;
		background: none;
	}
}
/*----------------------*/
/* denken3.html
------------------------*/
#main_contents .denken_top{
	width:730px;
	height:100%;
	padding-top:25px;
	padding-bottom:25px;
	background:url(../img/curriculum/denken_bg.jpg) top right no-repeat;
}
#main_contents .curriculum_detail02{
	width:728px;
	height:100%;
	border-right:solid 1px #BFCED8;
	border-bottom:solid 1px #BFCED8;
	border-left:solid 1px #BFCED8;
	font-size:14px;
	text-align:center;
	padding-top:147px;
	padding-bottom:190px;
}
#main_contents .course_area{
	width:710px;
	height:100%;
	margin:auto;
	padding-top:36px;
	padding-bottom:10px;
}
#main_contents .course_box{
	width:708px;
	height:100%;
	border:solid 1px #BFCED8;
	margin-bottom:20px;
}
#main_contents .c_b_title{
	width:691px;
	height:30px;
	padding-top:13px;
	padding-left:17px;
	font-size:14px;
	font-weight:bold;
	background:url(../img/curriculum/c_b_title_bg.gif) top left no-repeat;
}
#main_contents .c_b_text{
	font-size:14px;
	text-align:center;
	padding-top:147px;
	padding-bottom:190px;
}
@media screen and (max-width: 639px) {
	#main_contents .denken_top{
		width:auto;
		height:100%;
		padding-top:0;
		background: none;
		padding-bottom:25px;
	}
	#main_contents .curriculum_detail02{
		width:auto;
		height:100%;
		border-right:solid 1px #BFCED8;
		border-bottom:solid 1px #BFCED8;
		border-left:solid 1px #BFCED8;
		font-size:14px;
		text-align:center;
		padding-top:147px;
		padding-bottom:190px;
	}
	#main_contents .course_area{
		width:auto;
		height:100%;
		margin:auto;
		padding-top:36px;
		padding-bottom:10px;
	}
	#main_contents .course_box{
		width:auto;
		height:100%;
		border:solid 1px #BFCED8;
		margin-bottom:20px;
	}
	#main_contents .c_b_title{
		width:auto;
		height:30px;
		padding-top:13px;
		padding-left:17px;
		font-size:14px;
		font-weight:bold;
		background:url(../img/curriculum/c_b_title_bg.gif) top left no-repeat;
	}
	#main_contents .c_b_text{
		font-size:14px;
		text-align:center;
		padding-top:147px;
		padding-bottom:190px;
	}
}
/*----------------------*/
/* energy.html
------------------------*/
#main_contents .energy_top{
	width:730px;
	height:56px;
	padding-top:25px;
	background:url(../img/curriculum/energy_bg.jpg) top right no-repeat;
}
@media screen and (max-width: 639px) {
	#main_contents .energy_top{
		width:auto;
		padding-top:0;
		background: none;
		background: none;
	}
}
/*----------------------*/
/* sekoukanri.html
------------------------*/
#main_contents .sekou_top{
	width:730px;
	padding-bottom:21px;
	padding-top:25px;
	background:url(../img/curriculum/sekou_bg.jpg) top right no-repeat;
}
@media screen and (max-width: 639px) {
	#main_contents .sekou_top{
		width:auto;
		padding-bottom:21px;
		padding-top:0;
		background: none;
	}
}


/*----------------------*/
/* supplementary.html
------------------------*/
#main_contents .detail_box{
	padding-top:20px;
	padding-bottom:180px;
}
#main_contents .supplementary_top{
	width:730px;
	padding-top:17px;
	line-height:0px;
	font-size:0;
	background:url(../img/curriculum/s_t_bg.jpg) top right no-repeat;
}
#main_contents .s_t_text{
	width:545px;
}
#main_contents .curriculum_d{
	width:728px;
	height:100%;
	border-right:solid 1px #BFCED8;
	border-bottom:solid 1px #BFCED8;
	border-left:solid 1px #BFCED8;
	margin-bottom:20px;
	line-height:20px;
}
#main_contents .curriculum_d_text{
	padding-top:16px;
	padding-bottom:19px;
	padding-left:23px;
}
#main_contents .curriculum_d_preparation{
	width:728px;
	height:100%;
	border-right:solid 1px #BFCED8;
	border-bottom:solid 1px #BFCED8;
	border-left:solid 1px #BFCED8;
	font-size:14px;
	text-align:center;
	padding-top:147px;
	padding-bottom:190px;
	line-height:20px;
	margin-bottom:270px;
}
#main_contents .consultation{
	padding-top:35px;
	padding-bottom:10px;
	width:690px;
	text-align:center;
}
#main_contents .consultation02{
	padding-bottom:11px;
	width:690px;
	text-align:center;
}
@media screen and (max-width: 639px) {
	#main_contents .detail_box{
		padding-top:20px;
		padding-bottom:10px;
	}
	#main_contents .supplementary_top{
		width:auto;
		padding-top:17px;
		line-height:0px;
		font-size:0;
		background: none;
	}
	#main_contents .s_t_text{
		width:auto;
	}
	#main_contents .curriculum_d{
		width:auto;
		height:100%;
		border-right:solid 1px #BFCED8;
		border-bottom:solid 1px #BFCED8;
		border-left:solid 1px #BFCED8;
		margin-bottom:20px;
		line-height:20px;
	}
	#main_contents .curriculum_d_text{
		padding-top:16px;
		padding-bottom:19px;
		padding-left:23px;
	}
	#main_contents .curriculum_d_preparation{
		width:auto;
		height:100%;
		border-right:solid 1px #BFCED8;
		border-bottom:solid 1px #BFCED8;
		border-left:solid 1px #BFCED8;
		font-size:14px;
		text-align:center;
		padding-top:147px;
		padding-bottom:190px;
		line-height:20px;
		margin-bottom:270px;
	}
	#main_contents .consultation{
		padding-top:35px;
		padding-bottom:10px;
		width:auto;
		text-align:center;
	}
	#main_contents .consultation02{
		padding-bottom:11px;
		width:auto;
		text-align:center;
	}
}

/*----------------------*/
/* lowest.html
------------------------*/
#main_contents .detail_title{
	padding-top:20px;
}
#main_contents .lowest{
	width:730px;
	height:136px;
	padding-top:18px;
	line-height:20px;
	font-family:Verdana;
	background:url(../img/curriculum/lowest_bg.jpg) top left no-repeat;
}
#main_contents .curriculum_detail02{
	width:728px;
	height:100%;
	border-right:solid 1px #BFCED8;
	border-bottom:solid 1px #BFCED8;
	border-left:solid 1px #BFCED8;
	font-size:14px;
	text-align:center;
	padding-top:147px;
	padding-bottom:190px;
	line-height:20px;
}
@media screen and (max-width: 639px) {
	#main_contents .detail_title{
		padding-top:20px;
	}
	#main_contents .lowest{
		width:auto;
		height:auto;
		padding-top:18px;
		line-height:20px;
		font-family:Verdana;
		background:none;
	}
	#main_contents .lowest .img1{
		text-align: center;
		margin-bottom: 20px;
	}
	#main_contents .curriculum_detail02{
		width:auto;
		height:100%;
		border-right:solid 1px #BFCED8;
		border-bottom:solid 1px #BFCED8;
		border-left:solid 1px #BFCED8;
		font-size:14px;
		text-align:center;
		padding-top:147px;
		padding-bottom:190px;
		line-height:20px;
	}
}

/*----------------------*/
/* lowest.html
------------------------*/
#main_contents .intermediate{
	width:730px;
	height:115px;
	padding-top:18px;
	line-height:20px;
	font-family:Verdana;
	background:url(../img/curriculum/intermediate_bg.jpg) top left no-repeat;
}
@media screen and (max-width: 639px) {
	#main_contents .intermediate{
		width:auto;
		height:auto;
		padding-top:0;
		background: none;
	}
}

/*----------------------*/
/* higher.html
------------------------*/
#main_contents .higher{
	width:730px;
	height:99px;
	padding-top:18px;
	line-height:20px;
	font-family:Verdana;
	background:url(../img/curriculum/higher_bg.jpg) top left no-repeat;
}
@media screen and (max-width: 639px) {
	#main_contents .higher{
		width:auto;
		height:auto;
		padding-top:0;
		background: none;
	}
	#main_contents .higher .img1{
		text-align: center;
		margin-bottom: 20px;
	}
}

/*----------------------*/
/* denken3_tokkun.html
------------------------*/

#main_contents .d_tokkun{
	width:730px;
	height:100%;
	line-height:18px;
	background:url(../img/curriculum/d_tokkun_bg.jpg) top left no-repeat;
}
#main_contents .d_tokkun_left{
	width:448px;
	height:100%;
	float:left;
}
#main_contents .d_tokkun_text01{
	padding-top:14px;
	padding-left:15px;
	height:130px;
}
#main_contents .d_tokkun_right{
	width:280px;
	float:right;
	padding-top:99px;
	padding-right:2px;
}
#main_contents .d_tokkun_right img{
	border:solid 1px #CCCCCC;
	background:#FFFFFF;
	padding:1px;
}
#main_contents .d_tokkun_text02{
	padding-top:14px;
	padding-left:15px;
	height:117px;
}
#main_contents .d_tokkun_box{
	background:url(../img/curriculum/d_tokkun_bg2.jpg) top left no-repeat;
}
#main_contents .curriculum_btn_area02{
	padding-top:38px;
	padding-bottom:40px;
	padding-left:110px;
	height:41px;
}
@media screen and (max-width: 639px) {
	#main_contents .d_tokkun{
		width:auto;
		height:auto;
		padding-top:0;
		background: none;
	}
	#main_contents .d_tokkun .img1{
		text-align: center;
		padding: 10px 0;
	}
	#main_contents .d_tokkun_left{
		width:auto;
		height:100%;
		float:none;
	}
	#main_contents .d_tokkun_text01{
		padding-top:14px;
		padding-left:0;
		height:auto;
	}
	#main_contents .d_tokkun_right{
		width:auto;
		float:none;
		padding-top:15px;
		padding-right:0px;
	}
	#main_contents .d_tokkun_right img{
		border:solid 1px #CCCCCC;
		background:#FFFFFF;
		padding:1px;
	}
	#main_contents .d_tokkun_text02{
		padding-top:14px;
		padding-left:0;
		height:auto;
		margin-bottom: 20px;
	}
	#main_contents .d_tokkun_box{
		margin-top: 20px;
		background: none;
	}
	#main_contents .curriculum_btn_area02{
		padding-top:20px;
		padding-bottom:20px;
		padding-left:0px;
		height:auto;
		text-align: center;
	}
}