@charset "UTF-8";
/* CSS Document */

/* *****************************************************************

教育研修制度

***************************************************************** */

/* ビジュアル周り */
.bottom_visual_campany_wrapper { background-image: url("../images/main.jpg");}

/* テキスト関連 */
h5{
	font-size: 3rem;
	font-feature-settings: "palt";
	color: #06337f;
}
@media screen and (max-width: 767px) {
	h5{font-size: 7vw;}
p.center { text-align: center;}
}


/* コンテンツ */
.curriculum{
	width: 100%;
	height: auto;
	background-color: #F1F4F5;
	padding: 60px 0;
}

/* 宅建取得 */
.takken{
	width: 890px;
	margin: 0 auto;
}
ul.lecture{
	display: flex;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	justify-content: space-between;
}
ul.lecture li{
	display: flex;
}
ul.lecture li .lec_flex{
	position: relative;
}
ul.lecture li p span{
	font-weight: bold;
}
ul.lecture li img{
	margin-right: 30px;
}
ul.lecture .period{
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background-color: #06337f;
	font-size: 1.8rem;
	line-height: 1.0em;
	padding: 6px;
	border-radius: 4px;
 margin-left: 6px;
}
.ninety_percent{
	width: 500px;
	height: 50px;
	color: #fff;
	background-color: #06337f;
	font-size: 2rem;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}
.ninety_percent span.colored {
	color: #FFDF01;
}
.font009 {
	font-size: 2.8rem;
	color: #FFDF01;
}
@media screen and (max-width: 890px) {
	.takken {
		width: 100%;
	}
	ul.lecture {
		display: block;
	}
	ul.lecture li {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 30px;	
	}
	ul.lecture li img{
	margin-right: 3%;
}
	ul.lecture .period {
		font-size: 1.2rem;
		line-height: 1.2rem;
		position: inherit;
		left: inherit;
	}
	.ninety_percent {
		width: 90%;
	}
}

/* eラーニング */
ul.lerning_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.lerning_list li {
	width: 29%;
	height: 400px;
	margin: 0 2% 4% 2%;
	padding: 30px;
	background-color: #e6eaeb;
	position: relative;
}
ul.lerning_list li h4{
	font-size: 3rem;
	text-align: center;
	color: #06337d;
	margin-bottom: 20px;
}
ul.lerning_list li p {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	color: #06337d;
}
ul.lerning_list li img{
	position:absolute;
	right: 0;
	left: 0;
	bottom: 30px;
	margin: 0 auto;
}


@media screen and (max-width: 991px) {
	ul.lerning_list {
		display: block;
	}
	ul.lerning_list li {
		width: 80%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 4%;
	}
	ul.lerning_list li img{
		position:inherit;
		right: 0;
		left: 0;
		bottom: 0;
		margin-top: 5%;
	}
}


/* 2024.9.10 morry modify */
.training_photo { width: 50%; position: absolute; bottom: 5%; right: 5%;}
.training_photo img { width: 100%; height: auto; margin-bottom: 10px;}

@media screen and (max-width: 767px) {
 .training_photo { width: 46%; position: absolute; bottom: -8%;}
}