h3{
	color: #013893;
	margin: 2rem auto;
}
.h4_title{
	margin: 2rem auto;
	display: table;
	
}
.h4_title h4{
	color: #013893;
	vertical-align: bottom;
	display: table-cell;
}
.h4_title img{
	margin: auto 1rem auto auto;
}
/*タイトルバナー*/
.banner {
	margin-top: 90px;
	background-color: #AFE08E;
}
.banner_img{
	width: 70%;
	float: left;
}
.h1_img{
	width: 96px;
}

.demo_wrapper{
	display: flex;
    align-items: center;
}
.demo{
	display: block;
	margin: 1rem;
}
.demo img{
	margin: 0 2rem 0 0;
}

.seminar_block{
	border: solid #afe08e;
	border-width: 1px 1px 1px 4px;
	text-align: center;
	color: #60ba1c;
	font-size: 1.2rem;
	padding: 0.5rem;
}
.seminar_list{
	width: 100%;
	height: 480px;
	margin: auto;
	display: table;
}
.seminar_list_s{
	width: 100%;
	height: 300px;
	margin: auto;
	display: table;
}
.link_button{
	border: solid 2px #0f477b;
}
#learning_wrapper .card-header p{
	font-size: 0.7rem;
	color: #ffffff;
	background-color: #a7a7a7;
	border: double;
	border-top: none;
	padding: 0.2rem;
	text-align: center;
}
#learning_wrapper .card{
	border-radius: 0.5rem;
}
#learning_wrapper .card:hover{
	box-shadow:0px 0px 15px;
    border:1px solid #dddddd;
	color: #C3C3C3;
}
#learning_wrapper .card-header{
	background: none;
	border: none;
	padding: 0 0.8rem;
}
#learning_wrapper .card-body{
	padding: 0;
	text-align: center;
}
#learning_wrapper .card-body img{
	max-width: 150px;
}
#learning_wrapper .card-body p{
	margin: 0.5rem auto;
	font-size: 1.2rem;
	color: #212529;
}
#learning_wrapper .card-footer{
	background: none;
	border: none;
	text-align: center;
	padding: 0 0 0.8rem 0;
}

/* キャンセル規定 */
#cancel_wrapper .table-striped{
	width: 20rem;
}
#cancel_wrapper .table th, .table td{
	border: none;
	border-top: none!important;
	padding: 0.75rem 2rem!important;
}
#cancel_wrapper .table{
	border-bottom: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
}
#cancel_wrapper dt, dd{
	margin: 0.75rem 1rem;
}
/* map */
.bg-lightgray2 {
    background-color: #dedede;
}
.bg-lightgray3 {
    background-color: #f2f2f2;
}
.table th, .table td{
	border-top: none;
}
@media (max-width: 1063px) {
	.banner h1::after {
 	   left: 11rem;
	}
	.h1_img{
	width: 52px;
	}
	.demo{
		font-size: 2rem;
	}
	.demo img{
		margin: 0 1rem 0 0;
	}
}
@media (max-width: 767px) {
	.banner {
		margin-top: 24px;
	}
	.h1_img{
		width: 60px;
		height: auto;
		float: none;
	}
	.demo{
		font-size: 2rem;
	}
	.banner_title p {
		margin: 0 0 0 0;
	}
	.banner-img{
		width: 100%;
	}
	h2{
		font-size: 1.6rem;
	}
	.h4_title{
	display: inline;
	}	
	.h4_title img{
	margin: 1rem 0;
		max-width: 200px;
	}	
	#learning_wrapper .card-body img{
		max-width: 100px;
	}
}