@charset "utf-8";
/*======================================
お知らせ
========================================*/
/*------------------------------
ページヘッダー
------------------------------*/
.page_header_wrap{
	background-image: url("../../../img/index_jitsumu.jpg");
}

/*------------------------------
講習について
------------------------------*/
/*****
宅建実務講習のポイント
*****/
.jitsumu_point{
	color: #960;
}
.jitsumu_point_box{
	margin-top: 1em;
	border: solid 1px #960;
}
.jitsumu_point_ttl{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-weight: bold;
	line-height: 1;
	background-image: linear-gradient(to bottom,#f6eab6 0,#fff 100%);
}
.jitsumu_point_ttl .point_num{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 1.5em;
	height: 1.5em;
	margin-left: 0.5em;
	border-radius: 50%;
	background-color: var(--sub_color);
}
.jitsumu_point_ttl .point_catch{
	font-size: 1.2em;
	color: #fff;
	margin-left: 0.5em;
	padding: 0.5em 0.5em 0.5em 2em;
	background-color: var(--red_color);
	clip-path: polygon(1em 0,100% 0,100% 100%,0 100%);
}

.jitsumu_point_text{
	padding: 0.5em;
}

/*****
お申込みから修了までの流れ
*****/
.apply_flow{}
.apply_flow dt{
	text-align: center;
	color: #fff;
	padding: 0.5em;
	background-color: var(--main_color);
}
.apply_flow dd{
	padding: 0.5em;
	border: solid 1px var(--main_color);
}

/*****
講習全体の流れ
*****/
.schedule_flow{
	margin-bottom: 1em;
}

.schedule_flow .flow_ttl{
	color: var(--online_color);
	text-align: center;
	padding: 0.5em;
	border: solid 1px var(--online_color);
}
.schedule_flow .flow_ttl02{
	color: var(--school_color);
	text-align: center;
	padding: 0.5em;
	border: solid 1px var(--school_color);
}

.schedule_flow dl{
	border: solid 1px var(--sub_color);
}
.schedule_flow dl dt{
	text-align: center;
	padding: 0.5em;
	background-color: var(--base_color);
}
.schedule_flow dl dd{
	padding: 0.5em;
}

.schedule_flow .flow_all{
	font-size: 1.2em;
	text-align: center;
	padding: 0.5em;
	border: solid 1px var(--sub_color);
	background-color: var(--base_color);
}

.schedule_flow .flow_arrow{
	text-indent: 200%;
	min-height: 4em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 2em auto;
}
.schedule_flow .arrow_color01{
	background-image: url("../img/flow_arrow_online.svg");
}
.schedule_flow .arrow_color02{
	background-image: url("../img/flow_arrow_school.svg");
}
.schedule_flow .arrow_color03{
	background-image: url("../img/flow_arrow.svg");
}

.schedule_flow .flow_flex{
	display: flex;
	justify-content: space-between;
}

.schedule_flow .flow_w73{
	width: 73%;
}
.schedule_flow .flow_w70{
	width: 70%;
}
.schedule_flow .flow_w66{
	width: 66%;
}
.schedule_flow .flow_w48{
	width: 48%;
}
.schedule_flow .flow_w29{
	width: 29%;
}
.schedule_flow .flow_w27{
	width: 27%;
}
.schedule_flow .flow_w20{
	width: 20%;
}
.schedule_flow .flow_w10{
	width: 10%;
}

/*****
日程・スケジュールについて
*****/
.bg_jan{
	background-color: #d9e9f3;
}
.bg_feb{
	background-color: #fdf0c5;
}
.bg_mar{
	background-color: #c4e6d0;
}
.bg_aug{
	background-color: #fadae2;
}

.tbl_lesson_schedule{}
.tbl_lesson_schedule th{
	font-weight: normal;
	text-align: left;
	background-color: var(--tbl_color);
}
.tbl_lesson_schedule td{
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}

/*****
講習全体の内容
*****/


/*------------------------------
早期申込＆無料キャンセル特約について
------------------------------*/
.point_img{
	max-width: 540px;
}
.point_ttl{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1.5em;
}
.point_ttl .point_icon{
	display: inline-block;
	color: #fff;
	margin-right: 0.5em;
	padding: 0.25em 0.5em;
	border-radius: 0.25em;
	background-color: var(--main_color);
}
.point_text{
	margin-top: 0.5em;
}

/*------------------------------
インターネットでお申し込み
------------------------------*/
/***顔写真***/
.face_error{}
.face_error li{
	display: inline-block;
	margin-right: 1em;
}

/*------------------------------
郵送でお申し込み
------------------------------*/
/*------------------------------
日程・会場一覧
------------------------------*/
.course_schedule{
	display: flex;
	flex-wrap: wrap;
}
.course_box{
	text-align: center;
	margin-bottom: 1em;
	padding: 0.5em;
	border: solid 1px var(--tbl_border);
	border-radius: 0.25em;
}
.course_ttl{
	border-radius: 0.25em;
}

/*****
開催会場日程リスト
*****/
.place_area{}
.place_box{
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: solid 1px var(--tbl_border);
}
.place_ttl{
	margin-bottom: 0.5em;
}
.place_ttl a,
.place_ttl span.nolink_place{
	display: inline-block;
	font-weight: bold;
	width: 6em;
}

.course_list{}
.course_list ul{
	display: flex;
	flex-wrap: wrap;
	font-size: 0.85em;
	line-height: 1;
}
.course_list ul li{
	padding: 0.5em 1em;
	margin: 0 1em 1em 0;
	border-radius: 0.25em;
}

.course_list ul li:nth-of-type(n+1):nth-of-type(-n+6){
	background-color: #d9e9f3;
}
.course_list ul li:nth-of-type(n+7):nth-of-type(-n+9){
	background-color: #fdf0c5;
}
.course_list ul li:nth-of-type(n+10):nth-of-type(-n+12){
	background-color: #c4e6d0;
}
.course_list ul li:nth-of-type(n+13){
	background-color: #fadae2;
}

.course_list ul li.off_color{
	color: #fff;
	background-color: #ccc !important;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*------------------------------
	ページヘッダー
	------------------------------*/
	.header_apply_nav .btn_header_apply{
		width: 100%;
	}
	
	/*------------------------------
	講習について
	------------------------------*/
	/*****
	宅建実務講習のポイント
	*****/
	.jitsumu_point{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.jitsumu_point_box{
		width: 48%;
	}
	
	/*****
	お申込みから修了までの流れ
	*****/
	.apply_flow{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.apply_flow dt{
		width: 20%;
		margin: 0 5% 3.5em 0;
		border-radius: 0.25em;
		position: relative;
	}
	.apply_flow dt::after{
		content: '';
		display: block;
		width: 3em;
		height: 1.5em;
		background-color: var(--main_color);
		clip-path: polygon(0 0,100% 0,50% 100%);
		position: absolute;
		top: calc(100% + 1em);
		left: 50%;
		transform: translateX(-50%);
	}
	
	.apply_flow dt:last-of-type::after{
		display: none;
	}
	.apply_flow dd{
		width: 75%;
		margin-bottom: 3.5em;
		border-radius: 0.25em;
	}
	.apply_flow dt:last-of-type,
	.apply_flow dd:last-of-type{
		margin-bottom: 0;
	}
	
	/*****
	日程・スケジュールについて
	*****/
	.tbl_lesson_schedule{
		font-size: 0.85em;
	}
	
	/*------------------------------
	早期申込＆無料キャンセル特約について
	------------------------------*/
	.point_img{
		flex-shrink: 0;
		width: 32%;
		margin: 1.5em 1em 0 0;
	}
	
	/*------------------------------
	インターネットでお申し込み
	------------------------------*/
	/*------------------------------
	郵送でお申し込み
	------------------------------*/
	/*------------------------------
	日程・会場一覧
	------------------------------*/
	.course_schedule{}
	.course_box{
		width: 19%;
		margin-right: 1%;
	}
	.course_box:nth-of-type(5n){
		margin-right: 0%;
	}
	
	/*****
	地域アンカーナビ
	*****/
	.place_nav a{
		margin: 0 1em 0 0;
	}
	
	/*****
	開催会場日程リスト
	*****/
	.course_list{}
}

/* スマホ----------------------------- */
@media (max-width: 767px){
	/*------------------------------
	ページヘッダー
	------------------------------*/
	.page_header_wrap{
		margin-top: 7.498em;
	}
	
	/*------------------------------
	講習について
	------------------------------*/
	/*****
	宅建実務講習のポイント
	*****/
	/*****
	お申込みから修了までの流れ
	*****/
	.apply_flow{}
	.apply_flow dt{
		border-radius: 0.25em 0.25em 0 0;
	}
	.apply_flow dd{
		margin-bottom: 3.5em;
		border-radius: 0 0 0.25em 0.25em;
		position: relative;
	}
	.apply_flow dd::after{
		content: '';
		display: block;
		width: 3em;
		height: 1.5em;
		background-color: var(--main_color);
		clip-path: polygon(0 0,100% 0,50% 100%);
		position: absolute;
		top: calc(100% + 1em);
		left: 50%;
		transform: translateX(-50%);
	}
	
	.apply_flow dd:last-of-type{
		margin-bottom: 0;
	}
	.apply_flow dd:last-of-type::after{
		display: none;
	}
	
	/*****
	日程・スケジュールについて
	*****/
	.scroll_wrap .scroll_table table.tbl_jan{
		width: 1100px;
	}
	.scroll_wrap .scroll_table table.tbl_feb{}
	.scroll_wrap .scroll_table table.tbl_mar{
		width: 780px;
	}
	
	/*------------------------------
	早期申込＆無料キャンセル特約について
	------------------------------*/
	.point_img{
		margin: 1em auto 0 auto;
	}
	
	/*------------------------------
	インターネットでお申し込み
	------------------------------*/
	/*------------------------------
	郵送でお申し込み
	------------------------------*/
	/*------------------------------
	日程・会場一覧
	------------------------------*/
	.course_schedule{
		justify-content: space-between;
	}
	.course_box{
		width: 48%;
	}
	
	/*****
	地域アンカーナビ
	*****/
	.place_nav a{
		margin: 0 1em 0.5em 0;
	}
	
	/*****
	開催会場日程リスト
	*****/
	.course_list ul li{
		margin-top: 0.5em;
	}
}