@charset "utf-8";

/* =============================================
  CPDS 各講座の開催お申し込み
============================================= */
.venue_list{
	line-height: 1;
	margin-top: 2em;
}
.venue_ttl{
	font-size: 1.2em;
	padding: 0.25em;
	border-bottom: dashed 1px #989898;
}
.venue_wrap{}
.venue_single{}
.venue_icon{
	padding: 0.25em 0.5em;
	border-radius: 0.25em;
	background-color: var(--bg-color-light);
}
.venue_name{}
.venue_name .venue_place{
	display: inline-block;
}
.venue_name a{
	display: inline-block;
	color: #fff;
	padding: 0.25em 0.5em;
	border-radius: 0.25em;
	background-color: #0b3190;
}
.venue_box{}
.venue_set{}
.venue_date{}
.venue_apply{}
.venue_apply a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 1em;
	background-color: #5cad35;
	background-image: url("/nikken/guidance/img/icon_arrow.png");
	background-repeat: no-repeat;
	background-size: 1em auto;
	background-position: right 1em center;
	transition: background 0.5s;
}
.venue_apply a:hover{
	text-decoration: none;
	background-color: #2b7905;
}

/*****
開催会場一覧
*****/
.venue_all_list{
	line-height: 1;
	margin-top: 2em;
}
.venue_course{}
.venue_day{}


/* ===========================================
	MediaQueries
=========================================== */
/* スマホ----------------------------- */
@media (max-width: 767px){
	.venue_list{
		font-size: 1.4rem;
	}
	.venue_ttl{}
	.venue_wrap{}
	.venue_single{
		margin-top: 1em;
		padding: 1em;
		border: solid 2px #989898;
	}
	.venue_icon{
		display: block;
		margin-bottom: 0.5em;
	}
	.venue_name{}
	.venue_name a{
		margin-left: 1em;
	}
	.venue_box{}
	.venue_set{
		margin-top: 1em;
	}
	.venue_date{}
	.venue_apply{
		margin-top: 0.5em;
	}
	.venue_apply a{
		padding: 0.5em 2.5em 0.5em 1em;
	}
	
	/*****
	開催会場一覧
	*****/
	.venue_all_list{
		font-size: 1.4rem;
	}
	.venue_course{
		padding-top: 0.5em;
		border-top: dashed 1px #989898;
	}
	.venue_day{
		margin-top: 0.5em;
	}
}
/* PC----------------------------- */
@media (min-width: 768px){
	.venue_list{
		display: flex;
		align-items: flex-start;
		font-size: clamp(1.3rem,1.6vw,1.8rem);
	}
	.venue_ttl{
		flex-shrink: 0;
		width: 5em;
	}
	.venue_wrap{
		flex-grow: 1;
		border-left: solid 2px #989898;
	}
	.venue_single{
		display: flex;
		padding: 0.5em 0 0.5em 1em;
		border-bottom: solid 2px #989898;
	}
	.venue_icon{
		display: inline-block;
		margin-right: 1em;
	}
	.venue_name{
		flex-shrink: 0;
		padding: 0.5em 0;
		width: 40%;
	}
	.venue_name .venue_place{
		display: inline-block;
		width: 10em;
	}
	.venue_name a{}
	.venue_box{
		flex-grow: 1;
		margin-left: 1em;
	}
	.venue_set{
		display: flex;
		align-items: center;
		padding: 0.5em 0;
		border-bottom: dashed 1px #989898;
	}
	.venue_box .venue_set:last-of-type{
		border-bottom: none;
	}
	.venue_date{
		flex-shrink: 0;
		width: 18em;
	}
	.venue_apply{
		flex-grow: 1;
	}
	
	.venue_apply a{
		padding: 0.25em 2.5em 0.25em 1em;
	}
	
	/*****
	開催会場一覧
	*****/
	.venue_all_list{
		display: flex;
		align-items: flex-start;
		font-size: clamp(1.2rem,1.45vw,1.6rem);
	}
	.venue_all_list .venue_name{
		width: 35%;
	}
	
	.venue_all_list .venue_course{
		flex-shrink: 0;
		width: 55%;
	}
	.venue_all_list .venue_day{
		flex-grow: 1;
	}
}

/* ===========================================
	印刷
=========================================== */
@media print {}