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

.base-title {
    width: 100%;
    height: 70vh;
    background-image: url("../images/staff/voice-top2.webp");	
	background-position: top;
	background-size: cover;
	position:relative;
}
/*.seekers {
	width:85%;
	margin:auto;
	position:relative;
}
*/


.base-title h1 span{
	font-size:30px;
	text-shadow: none;
	line-height:40px;
}




.training {
	
}

.training-content1 {
	
}
.training-content1-1{
	width:90%;
	max-width:1200px;
	margin:auto;
}
.training-content1 h2{
	background-color:#AFA293;
	color:#fff;
	display:inline-block;
	padding:5px 10px;
}
.training-content1 h3{
	color:#000;
	font-size:60px;
	padding-top:10px!important;
}
.color-0{
	color:#AFA293;
}
.color-1{
	color:#E57428;
}
.bold-1{
	font-weight:bold;
	color:#1F1D1D;
}
.check-img1{
	width:65px;
	display:inline-block;
	margin-right:10px;
}
.check-img1 img{
	width:100%;
	display:block;
	margin-bottom:-5px;
	margin-left:8px;
}

.training-content1-2-back {
	background-color:#AFA293;
	/*background-image: url("../images/training/back2.webp");
	background-size:cover;*/
}

.training-content1-2 {
	width:90%;
	max-width:1200px;
	margin:auto;
	padding:50px 0;
	margin-top:80px;
}
.training-content1-2-intro{
	color:#fff;
	font-size:20px;
	margin:0;
	max-width:640px;
}
.training-content1-2 ul{
	display:flex;
	justify-content:space-between;
	width:100%;
	margin:100px auto 0 auto;
}
.training-content1-2 ul li{
	width:30%;
	background-color:#fff;
	position:relative;
	padding:25px 20px 25px 20px;
	border-radius:15px;
	height:370px;
	/*display:flex;*/
	align-items:center;
}
.training-content1-2 ul li .level-number{
	position:absolute;
	bottom:102%;
	left:0px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:80%;
	max-width:300px;
}
.training-content1-2 ul li .level-number img{
	display:block;
	width:100%;
}
.check-w{
	width:45px!important;
	margin-left:5px;
}
.level-box1{
	margin-top:100px;
}
.level-box2{
	margin-top:50px;
}
.level-box3{
	margin-bottom:0;
	
}

.level-text {
	font-size:16px;
	margin:0;
	font-weight:bold;
	color:#000;
}

.level-img {
	margin-top:10px;
}
.level-img img{
	width:100%;
	display:block;
}

.level-text-box {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	height:100%;
}
@media(max-width:960px){
.training-content1 h3{
	color:#000;
	font-size:50px;
}
.training-content1-2 {
	padding:50px 0;
	margin-top:60px;
}
.training-content1-2 ul{
	display:flex;
	justify-content:space-between;
	width:95%;
	margin:100px auto 0 auto;
	flex-direction:column;
}
.training-content1-2 ul li{
	width:100%;
	max-width:520px;
	background-color:#fff;
	position:relative;
	padding:25px 30px 30px 30px;
	border-radius:15px;
	height:auto;
	/*display:flex;*/
	align-items:center;
	margin:auto auto 100px auto;
}
.level-box1{
	margin-top:0;
}
.level-box2{
	margin-top:0;
}
.level-box3{
	margin-bottom:0;
	
}	
}
@media(max-width:768px){
.training-content1 h3{
	color:#000;
	font-size:40px;
}	
.training-content1-2 {
	padding:30px 0;
	margin-top:50px;
}
}
@media(max-width:640px){
.training-content1 h3{
	color:#000;
	font-size:30px;
}	
.check-img1{
	width:45px;
	display:inline-block;
	margin-right:10px;
}
.check-img1 img{
	width:100%;
	display:block;
	margin-bottom:-5px;
	margin-left:8px;
}
.training-content1-2 {
	padding:30px 0;
	margin-top:30px;
}
.training-content1-2-intro{
	color:#fff;
	font-size:18px;
	margin:0;
	max-width:640px;
}
}
@media(max-width:520px){
.training-content1-2 {
	padding:30px 0 0 0;
}	
}
.cut {
	display:inline-block;
}

/*感覚で覚えてくださいなんてことは一切ありません*/
.training-content2 {
	padding:50px 0;
	width:90%;
	max-width:1200px;
	margin:auto;
}
.training-content2 h3{
	font-size:50px;
	color:#000;
}
.training-content2 h3 span{
	background:linear-gradient(transparent 92%, #C2B6A9 60%);
}
.training-content2 p{
	font-size:20px;
	margin-top:30px;
	line-height:35px;
}
@media(max-width:768px){
.training-content2 {
	padding:50px 0;
}
.training-content2 h3{
	font-size:40px;
	color:#000;
}
.training-content2 h3 span{
	background:linear-gradient(transparent 92%, #C2B6A9 60%);
}
.training-content2 p{
	font-size:20px;
	margin-top:30px;
	line-height:35px;
}	
}
@media(max-width:520px){
.training-content2 {
	padding:50px 0;
}
.training-content2 h3{
	font-size:30px;
	color:#000;
}
.training-content2 h3 span{
	background:linear-gradient(transparent 92%, #C2B6A9 60%);
}
.training-content2 p{
	font-size:18px;
	margin-top:30px;
	line-height:25px;
}	
}
/*勤務開始から*/


.training-content3-back {
	background-image: url("../images/training/back3-1.webp");
	background-size:cover;
	padding:80px 0;
}
.training-content3 {
	background-color: #fff;
	width:90%;
	max-width:1200px;
	margin:auto;
	padding:30px;
	border-radius:20px;
}
.training-content3 h3{
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
	color:#AFA293;
}
.training-content3 p{
	width:90%;
	max-width:768px;
	margin:auto;
	font-size:20px;
}
.training-content3-img {
	width:100%;
	max-width:960px;
	margin:30px auto;
}
.training-content3-img .img1{
	display:block;
}
.training-content3-img .img2{
	display:none;
}
@media(max-width:640px){
.training-content3-img .img1{
	display:none;
}
.training-content3-img .img2{
	display:block;
}
}