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




#main{
	overflow: hidden;
}
	
	
/* pagetitle
--------------------- */
#pagetitle.education {
	background: url("../img/education/pagetitle_pht.jpg") no-repeat center / cover;
}
#pagetitle.welfare {
	background: url("../img/welfare/pagetitle_pht.jpg") no-repeat center / cover;
}



/* education-area
--------------------- */
.education-area .txtbg01:before {
	content: "SEMINARS FOR VARIOUS LICENSES　 SEMINARS FOR VARIOUS LICENSES";
	animation: flowimg-left 30s linear infinite;
}
.education-area .txtbg02:before {
	content: "EXPERTISE/TECHNICAL SEMINAR";
	animation: flowimg-right 30s linear infinite;
}
.education-area .txtbg03:before {
	content: "CAPABILITY IMPROVEMENT SEMINAR";
	animation: flowimg-left 30s linear infinite;
}
.education-area .txtbg04:before {
	content: "OVERSEAS TRAINEE SYSTEM";
	animation: flowimg-right 30s linear infinite;
}
.education-area .txtbg05:before {
	content: "SUPPORTS FOR PERSONAL DEVELOPMENT　 SUPPORTS FOR PERSONAL DEVELOPMENT";
	animation: flowimg-left 30s linear infinite;
}

.textbox-half {
    margin-top: 120px;
}
.textbox-full {
    margin-top: 120px;
}


/* education-system
--------------------- */
.education-system{
	margin-top: 160px;
}
	.education-system .inner .bbox{
		width: 100%;
		border:1px solid #ddd;
		padding: 0 50px 50px;
	}
		.education-system .inner .bbox h2{
			font-size: 2.4rem;
			line-height: 1.5;
			text-align: center;
			transform: translateY(-20px);
			margin-bottom: 10px;
		}
		.education-system .inner .bbox h2 span{
			display:inline-block;
			padding: 0 10px;
			background-color: #fff;
		}
		.education-system .inner .bbox .img{
			width: 100%;
			min-width: 600px;
		}


/* interview_sec
--------------------- */
.interview_sec{
	margin-top: 120px;
	padding: 230px 0 150px;
	position: relative;
	background-color: #FDCD00;
}
.interview_sec:before {
	content: "INTERVIEW  INTERVIEW  INTERVIEW";
	animation: flowimg-right 30s linear infinite;
    white-space: nowrap;
    width: 100%;
    height: auto;
    font-size: 10.0em;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
    letter-spacing: 0;
    color: #fff;
	opacity: 0.13;
    line-height: 1;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 0;
}
	.interview_sec .clmn2{
		width: 100%;
	}
		.interview_sec .clmn2 .img{
			width: 38%;
			margin-right: 40px;
		}
		.interview_sec .clmn2 .txtarea{
			width: calc(62% - 40px);
		}
			.interview_sec .clmn2 .txtarea .secasi{
				font-size: 1.8rem;
				line-height: 1;
			}
			.interview_sec .clmn2 .txtarea h2{
				margin-top: 15px;
				font-size: 4rem;
				line-height: 1.4;
			}
			.interview_sec .clmn2 .txtarea .prof{
				margin-top: 40px;
			}
				.interview_sec .clmn2 .txtarea .prof .shozoku{
					font-size: 1.5rem;
				}
				.interview_sec .clmn2 .txtarea .prof .name{
					font-size: 3rem;
					line-height: 1;
					font-weight: bold;
					margin-top: 7px;
				}
					.interview_sec .clmn2 .txtarea .prof .name .en{
						font-size: 1.2rem;
						letter-spacing: 0.02rem;
						padding-left: 12px;
					}
	.faq_area li{
		margin-top: 70px;
	}
		.faq_area li .ttl{
			position: relative;
			font-size: 3rem;
			font-weight: 600;
			line-height: 1.4;
			padding-left: 35px;
		}		
		.faq_area li .ttl:before{
			content:'Q.';
			font-size: 3.4rem;
			line-height: 1;
			font-family: 'Barlow', sans-serif;
   			font-weight: 600;
			position: absolute;
			top:5px;
			left: 0;
		}
		.faq_area li .txt{
			margin-top: 15px;
			font-size: 1.4rem;
			line-height: 2;
		}



/* welfare-donyu
--------------------- */
.welfare-donyu p {
	width: 100%;
	margin-top: 120px;
	font-size: 2.4rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
}


/* welfare-area
--------------------- */
.welfare-area .txtbg01:before {
	content: "WELFARE SYSTEM  WELFARE SYSTEM";
	animation: flowimg-left 30s linear infinite;
}
.welfare-area .txtbg02:before {
	content: "WORK LIFE BALANCE SUPPORT";
	animation: flowimg-right 30s linear infinite;
}
.welfare-area .txtbg03:before {
	content: "PROMOTION OF DIVERSITY";
	animation: flowimg-left 30s linear infinite;
}

	.welfare-area .bbox{
		width: 100%;
		padding: 20px 50px 30px;
		border:1px solid #ddd;
	}
		.welfare-area .bbox .img{
			max-width: 770px;
			width: 100%;
			margin: 0 auto;
		}
		.welfare-area .komoku li.flex{
			width: 100%;
			align-items: center;
			background-color: #F7F7F7;
			padding: 30px;
			border-radius: 6px;
		}
		.welfare-area .komoku li.flex:nth-child(n+2){
			margin-top: 10px;
		}
			.welfare-area .komoku li.flex .ttl{
				width: 250px;
				font-size: 1.8rem;
				font-weight: 600;
				line-height: 1.5;
				text-align: left;
			}
			.welfare-area .komoku li.flex .txtarea{
				width: calc(100% - 250px);
				font-size: 1.4rem;
				line-height: 1.8;
				text-align: left;
			}
			.welfare-area .komoku li.flex .txtarea ul.ulist li{
				margin-top: 15px;
				margin-left: 15px;
			}
				.welfare-area .komoku li.flex .txtarea ul.ulist li .shin_ttl{
					position: relative;
					font-size: 1.5rem;
					line-height: 1;
					font-weight: 600;
				}
				.welfare-area .komoku li.flex .txtarea ul.ulist li .shin_ttl:before{
					content:'';
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background-color:#FDCD00;
					position: absolute;
					top:50%;
					left:-15px;
					transform: translateY(-40%);
				}
				.welfare-area .komoku li.flex .txtarea ul.ulist li .txt{
					font-size: 1.4rem;
					line-height: 1.8;
					margin-top: 8px;
				}







/* 1300px */
@media screen and (max-width: 1300px) {



	

}








/* 1024px */
@media screen and (max-width: 1024px) {

	
	
.textbox-half {
    margin-top: 80px;
}
.textbox-full {
    margin-top: 80px;
}


/* education-system
--------------------- */
.education-system{
	margin-top: 100px;
}
	.education-system .inner .bbox{
		padding: 0 30px 30px;
	}
		.education-system .inner .bbox h2{
			font-size: 2.0rem;
			transform: translateY(-15px);
			margin-bottom: 5px;
		}
	

/* interview_sec
--------------------- */
.interview_sec{
	margin-top: 80px;
	padding: 180px 0 120px;
}
.interview_sec:before {
    font-size: 8.0em;
    top: 80px;
}
		.interview_sec .clmn2 .img{
			margin-right: 30px;
		}
		.interview_sec .clmn2 .txtarea{
			width: calc(62% - 30px);
		}
			.interview_sec .clmn2 .txtarea .secasi{
				font-size: 1.6rem;
			}
			.interview_sec .clmn2 .txtarea h2{
				margin-top: 12px;
				font-size: 3rem;
			}
			.interview_sec .clmn2 .txtarea .prof{
				margin-top: 30px;
			}
				.interview_sec .clmn2 .txtarea .prof .shozoku{
					font-size: 1.4rem;
				}
				.interview_sec .clmn2 .txtarea .prof .name{
					font-size: 2.4rem;
					margin-top: 5px;
				}
					.interview_sec .clmn2 .txtarea .prof .name .en{
						font-size: 1.0rem;
						padding-left: 10px;
					}
	.faq_area li{
		margin-top: 50px;
	}
		.faq_area li .ttl{
			font-size: 2.4rem;
			padding-left: 30px;
		}		
		.faq_area li .ttl:before{
			font-size: 2.8rem;
			top:2px;
		}
		.faq_area li .txt{
			margin-top: 10px;
			font-size: 1.4rem;
			line-height: 2;
		}	
	
	
/* welfare-donyu
--------------------- */
.welfare-donyu p {
	margin-top: 100px;
	font-size: 2rem;
}


/* welfare-area
--------------------- */
	.welfare-area .bbox{
		padding: 20px 30px 30px;
	}
		.welfare-area .komoku li.flex{
			width: 100%;
			align-items: center;
			background-color: #F7F7F7;
			padding: 30px;
			border-radius: 6px;
		}
		.welfare-area .komoku li.flex:nth-child(n+2){
			margin-top: 10px;
		}
			.welfare-area .komoku li.flex .ttl{
				width: 250px;
				font-size: 1.6rem;
			}

}

	







/* max 768px */
@media screen and (max-width: 768px) {



.textbox-half {
    margin-top: 60px;
}
.textbox-full {
    margin-top: 60px;
}
	
	

/* education-system
--------------------- */
.education-system{
	margin-top: 80px;
}
	.education-system .inner .bbox{
		padding: 0 15px 20px;
	}
		.education-system .inner .bbox h2{
			font-size: 1.6rem;
			transform: translateY(-10px);
			margin-bottom: 10px;
		}
	
/* interview_sec
--------------------- */
.interview_sec{
	margin-top: 60px;
	padding: 110px 0 80px;
}
.interview_sec:before {
    font-size: 6.6em;
    top: 30px;
}
		.interview_sec .clmn2 .img{
			width: 100%;
			margin-right: 0;
		}
		.interview_sec .clmn2 .txtarea{
			width: 100%;
			margin-top: 25px;
		}
			.interview_sec .clmn2 .txtarea .secasi{
				font-size: 1.3rem;
			}
			.interview_sec .clmn2 .txtarea h2{
				margin-top: 8px;
				font-size: 2.2rem;
			}
			.interview_sec .clmn2 .txtarea .prof{
				margin-top: 20px;
			}
				.interview_sec .clmn2 .txtarea .prof .shozoku{
					font-size: 1.3rem;
				}
				.interview_sec .clmn2 .txtarea .prof .name{
					font-size: 1.8rem;
					margin-top: 4px;
				}
					.interview_sec .clmn2 .txtarea .prof .name .en{
						font-size: 1.0rem;
						padding-left: 10px;
					}
	.faq_area li{
		margin-top: 40px;
	}
		.faq_area li .ttl{
			font-size: 1.8rem;
			padding-left: 20px;
		}		
		.faq_area li .ttl:before{
			font-size: 2.2rem;
			top:0px;
		}
		.faq_area li .txt{
			margin-top: 8px;
		}	
		
	
	
/* welfare-donyu
--------------------- */
.welfare-donyu p {
	margin-top: 60px;
	font-size: 1.8rem;
}


/* welfare-area
--------------------- */
	.welfare-area .bbox{
		padding: 10px 15px 20px;
		background-color: #fff;
	}
		.welfare-area .komoku li.flex{
			padding: 20px 20px;
		}
			.welfare-area .komoku li.flex .ttl{
				width: 100%;
				font-size: 1.6rem;
				text-align: center;
			}
			.welfare-area .komoku li.flex .txtarea {
				width: 100%;
				margin-top: 4px;
			}	

}