@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 768px) and (max-width: 1023px) {}
/*-------------------------------------------------
共通指定
-------------------------------------------------*/
/* TITLE */
h2.home_title_01{ text-align: center;}
h2.home_title_01 .title_text_01{ font-size: 0.9rem; color:#0083d6;}
h2.home_title_01 .title_text_02{ font-size: 1.8rem;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	h2.home_title_01{ margin-bottom: 40px;}
}
@media screen and (min-width: 768px), print {
	h2.home_title_01{ margin-bottom: 60px;}
}

/*-------------------------------------------------
レイアウト
-------------------------------------------------*/
/* TOP */
.home_top_frame{ position: relative; width: 100%;}
.home_top_frame h2{ position: absolute; top: 24vh; left: 0; right: 0; text-align: center; z-index: 10;}
.bg_line_blue{ /*background-color: #005bcb;*/ background-color: #b7e3ff; mix-blend-mode: multiply; width: 100%; height: 180px; position: absolute; bottom: 0; left: 0;}


/* TOPICS */
.home_topics_frame{ padding-top: 40px; margin-top: -180px;}
#topics_slider li{ background: #fff;}
#topics_slider li h3{ font-weight: bold; margin-bottom: 20px;}

.text_topics_mark{ display: inline-block; color: #fff; font-size: 0.8rem; padding: 2px 6px; margin-bottom: 10px;}

/* NEWS */
ul.home_list_news li > p{ line-height: 1;}
ul.home_list_news li .box_news_01 h3{ font-weight: bold; margin-bottom: 10px;}
ul.home_list_news li .box_news_01 p{ font-size: 0.9rem;}
ul.home_list_news li a{ text-decoration: underline;}
ul.home_list_news li a:hover{ text-decoration: none; color: #007ccb;}

.text_news_date{ padding-top: 0.2em;}
.text_news_mark{ display: inline-block; color: #fff; text-align: center; min-width: 60px; padding: 2px; margin-bottom: 10px;}

/* IR */
.home_ir_frame{ background: #e9f0f6;}
.home_ir_frame ul.home_list_news li h3{ float: left; margin-right: 20px;}

.text_ir_mark{ display: inline-block; color: #fff; text-align: center; min-width: 60px; padding: 4px 2px; margin-bottom: 10px; font-size: 0.9rem;}
.text_pdf_mark span{ display: inline-block; color: #fff; background: #d95151; border-radius: 5px; padding: 2px 8px; font-size: 0.9rem;line-height: 1;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* TOP */
	.home_top_frame{ height: 80vh;}

	/* TOPICS */	
	#topics_slider{ margin: 0 20px;}
	#topics_slider li{ margin: 0 10px;}
	.box_topics_text{ padding-top: 10px;}
	.box_topics_text h3{ font-size: 1.2rem;}

	/* NEWS */
	.home_news_frame{ padding: 100px 0;}

	.home_box_news{ height: 360px; overflow-x: hidden; overflow-y: scroll;}
	ul.home_list_news{ padding-right: 20px;}
	ul.home_list_news li{ padding: 20px 0; border-bottom: 1px solid #d4e1e6;}
	ul.home_list_news li > p{ margin-bottom: 5px;}
	ul.home_list_news li .box_news_01 h3{ clear: both; padding-top: 5px;}
	ul.home_list_news li .box_news_01 p{}

	/* IR */
	.home_ir_frame{ padding: 100px 0;}
	.text_pdf_mark{ display: inline-block;}
}
@media screen and (min-width: 768px), print {
	/* TOP */
	.home_top_frame{ height: 90vh;}
	.home_top_frame h2 img{ width: auto;}

	/* TOPICS */
	#topics_slider li{ margin: 0 30px;}
	.box_topics_text{ padding: 30px;}
	.box_topics_text h3{ font-size: 1.5rem;}
	
	/* NEWS */
	.home_news_frame{ padding: 100px 0;}
	
	.home_box_news{ height: 600px; margin: 0 9%; overflow-x: hidden; overflow-y: scroll;}
	.home_box_news ul.home_list_news{ padding-right: 40px;}
	ul.home_list_news li{ margin-bottom: 40px}
	ul.home_list_news li > p{ float: left; margin-right: 30px;}
	ul.home_list_news li .box_news_01{ padding-left: 200px;}
	
	/* IR */
	.home_ir_frame{ padding: 100px 0;}
	.home_ir_frame ul.home_list_news li{ margin-bottom: 20px;}
	.home_box_ir{ margin: 0 9%;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* TOPICS */
	#topics_slider{ margin: 0 40px;}
	#topics_slider li{ margin: 0 10px;}
	.box_topics_text{ padding: 0; padding-top: 20px;}
	.box_topics_text h3{ font-size: 1.2rem;}

}
/* IEのみ対応 */
@media all and (-ms-high-contrast: none) {
	.bg_line_blue{ background-color: #03326b; opacity: 0.7; filter: alpha(opacity=70);}
}


/*メインテキスト画像*/
.box_contents_home_main{ margin-left: 20px; margin-right: 20px;}
.box_contents_home_main h1{ color: #FFFFFF; margin-bottom: 40px;}
.box_contents_home_main p.main_text_01{ margin-top: 140px;}
.box_contents_home_main p.main_text_02{ margin-bottom: 40px;}
@media screen and (max-width: 767px) {
.box_contents_home_main{ margin-bottom: 100px; padding-bottom: 30px;}
.box_contents_home_main h1{ font-size: 1.5rem;}
.box_contents_home_main p.main_text_02{ width: 85%;}
}
@media screen and (min-width: 768px), print {
.box_contents_home_main{ height: 840px;}
.box_contents_home_main img{ width: auto;}
.box_contents_home_main h1{ font-size: 3.5rem;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.box_contents_home_main{ margin-left: 40px; margin-right: 40px;}
.box_contents_home_main{ height: 740px;}

}



/*homeコンテンツ*/
.box_contents_00{}
.box_home_title{ text-align: center;}
.box_home_title h2{ font-weight: bold;
display: flex;
align-items: center; /* 垂直中心 */
justify-content: center; /* 水平中心 */
}
.box_home_title h2:before, .box_home_title h2:after {
  border-top: 1px solid;
  content: "";
  width: 4em; /* 線の長さ */
}
.box_home_title h2:before {
  margin-right: 1em; /* 文字の右隣 */
}
.box_home_title h2:after {
  margin-left: 1em; /* 文字の左隣 */
}

.box_home_title dl{ margin-bottom: 20px;}
.box_home_title dl dt{}
.box_home_title dl dd{}

.box_home_message .box_home_title h2{ color: #262c6d;}
.box_home_message .box_home_title dl dt{ color: #262c6d;}
.box_home_message .box_home_title dl dd{ color: #ffffff;}

.box_message_text{ margin: 0 20px; overflow: hidden;}
.message_text p{ color: #FFFFFF; margin-bottom: 20px;}
@media screen and (max-width: 767px) {
	.box_home_message .photo_l{ margin-bottom: 20px;}
	.box_message_text{ margin: 0 0px;}
}
@media screen and (min-width: 768px), print {
.box_home_message .photo_l{ float: left; width: 53.2%;}
.message_text{ padding-left: 59.6%;}
.message_text p{ margin-right: 60px; font-size: 1.15rem; margin-bottom: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.box_home_message{ padding-bottom: 50px;}
.box_message_text{ margin: 0 20px;}
}

.box_home_business { background: #FFFFFF; padding-top: 20px;}
.box_home_business .box_home_title h2{ color: #a3cae2;}
.box_home_business .box_home_title dl dt{ color: #e2ecf2;}
.box_home_business .box_home_title dl dd{ }

.box_home_plan{ }
.box_home_plan .box_home_title h2{ color: #3956c4; margin-bottom: 2rem;}
.box_home_plan .box_home_title dl dt{ color: #3956c4;}
.box_home_plan .box_home_title dl dd{ color: #ffffff;}
.box_home_plan .box_home_title p{ color: #ffffff; font-size: 1.15rem; margin-bottom: 60px;}

.interview_slider_frame{ background: url("../images/second/bg_second.png") top center no-repeat; margin-bottom: -70px;}
.interview_slider_frame .box_home_title{}
.interview_slider_frame .box_home_title h2{ color: #4992ed; margin-bottom: 2rem;}
.interview_slider_frame .box_home_title dl dt{ color: #1c69c6;}
.interview_slider_frame .box_home_title dl dd{ color: #ffffff;}
.interview_slider_frame .box_home_title p{ color: #ffffff; font-size: 1.15rem; margin-bottom: 60px;}

.slider_temporary{ -webkit-transition: all 0.3s ease;transition: all  0.3s ease;}
.slider_temporary ul li h3{ font-weight: bold; margin-bottom: 16px;}


@media screen and (max-width: 767px) {
.box_home_title{ text-align: center; margin-bottom: 40px;}
.box_home_title dl dt{ font-size: 3rem;}
.box_home_title dl dd{ font-size: 1.5rem; margin-top: -2rem;}
.box_home_title h2{ font-size: 1rem;}

.box_home_plan .box_home_title h2{}
.box_home_plan .box_home_title p{ text-align: left;}
.box_home_plan{ background-image: url("../images/home/plan_photo_02.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: 200px; padding-bottom: 90px; background-size: 280%;}
.box_home_plan .home_plan_photo{ margin-left: -40px; margin-top: -120px;}

.interview_slider_frame{ margin-bottom: -60px;}
}
@media screen and (min-width: 768px), print {
.box_home_title{ text-align: center; margin-bottom: 80px;}
.box_home_title dl dt{ font-size: 7.5rem;}
.box_home_title dl dd{ font-size: 3rem; margin-top: -4rem;}
.box_home_title h2{ font-size: 1.5rem;}

.box_home_plan{ height: 1092px; background-image: url("../images/home/plan_photo_02.png"); background-repeat: no-repeat; background-position: center top; margin-top: 300px;}
.box_home_plan .home_plan_photo{ margin-left: -340px; float: left; margin-top: -120px; margin-right: 6.4%;}
.box_home_plan .home_plan_photo img{ width: auto;}
.box_home_plan .box_home_title{ text-align: left; float: left; width:54.9%; margin-right: 20px; margin-top: 100px; }
.box_home_plan .box_home_title h2{ justify-content: left;}

.interview_slider_frame{ height: 1514px; margin-bottom: -100px;}

}
@media screen and (min-width: 750px) and (max-width: 1070px) {
.box_home_plan .home_plan_photo{ }
.box_home_plan .home_plan_photo img{ }
.box_home_plan .box_home_title{  }

.box_home_plan .home_plan_photo{ margin-left: -300px; float: left; margin-top: -120px;  width: 70%;}
.box_home_plan .home_plan_photo img{ }
.box_home_plan .box_home_title{ width:45%; margin-right: 0px; float: right;}
.box_home_plan .box_home_title h2{}
.box_home_plan .box_home_title p{ text-align: left;}
.box_home_plan{}
.box_home_plan .home_plan_photo{}

}












/*リンクボタン*/
.btn_link_04 a{ position: relative; display: inline-block; font-family: 'Noto Serif JP', serif; font-style:normal; font-weight: 100; font-size: 1.1rem; text-align: center; padding: 15px 50px; color: #FFFFFF;}
.btn_link_04 a:hover{ background: #91c7f4;}

.box_home_message{}
.box_home_message .btn_link_04 a{ background: #031576; border: 1px solid #FFFFFF;}
.box_home_message .btn_link_04 a:hover{ background: transparent;}

.box_home_business .btn_link_04 a{ background: #FFFFFF; border: 1px solid #000000; color: #000000;}
.box_home_business .btn_link_04 a:hover{ background: #e2ecf2;}

.box_home_plan .btn_link_04 a{ background: #3956c4; border: 1px solid #FFFFFF;}
.box_home_plan .btn_link_04 a:hover{ background: transparent;}

.box_jobs_01 .btn_link_04 a{ background: #0a364e; border: 1px solid #FFFFFF;}
.box_jobs_01 .btn_link_04 a:hover{ background: transparent;}

.box_interview_head_text .btn_link_04 a{ background: #005feb; border: 1px solid #FFFFFF;}
.box_interview_head_text .btn_link_04 a:hover{ background: transparent;}

.slider_interview .btn_link_04 a{ background: #003d60; border: 1px solid #FFFFFF;}
.slider_interview .btn_link_04 a:hover{ background: transparent;}

.btn_link_05 a{ position: relative; display: inline-block; font-family: 'Noto Serif JP', serif; font-style:normal; font-weight: 100; font-size: 1.1rem; text-align: center; padding: 15px 70px; color: #FFFFFF; border: 1px solid #FFFFFF; background: #0a364e url(../images/common/icon_blank_s_white.png) left 0.5em no-repeat; background-size: 19px 19px; background-position: right 20px center;}
.btn_link_05 a:hover{ background: transparent url(../images/common/icon_blank_s_white.png) left 0.5em no-repeat; background-size: 19px 19px; background-position: right 20px center;}

.btn_link_06 a{ 
	display: inline-block;
	font-family: 'Noto Serif JP', serif; font-style:normal;
	font-weight: 100;
	font-size: 1.1rem;
	text-align: center;
	border-radius: 50%;/*角丸*/
	background: #00153c;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
.btn_link_06 a:hover{ background: #005feb;}


@media screen and (max-width: 767px) {
.box_home_message .btn_link_04{ text-align: center; margin-bottom: 60px;}
.box_home_plan .btn_link_04{ text-align: center !important;}
.btn_link_06 a{ 
	position: absolute;
	display: inline-block;
	width: 80px;/*幅*/
	height: 80px;/*高さ*/
	line-height: 80px;
	right: -40px;
	top: 70px;
}

}
@media screen and (min-width: 768px), print {
.box_home_message{ height: 1126px;}

.btn_link_06 a{ 
	position: absolute;
	display: inline-block;
	width: 120px;/*幅*/
	height: 120px;/*高さ*/
	line-height: 120px;
	right: -60px;
	top: 96px;
}

}
@media screen and (min-width: 768px) and (max-width: 1023px) {

}









/*スライダー*/

/* 人材派遣事業 */
.interview_slider_frame .slider_interview{ color: #FFFFFF;}
.interview_slider_frame .slider_interview a{ color: #FFFFFF;}
.interview_slider_frame .slider_interview p.interview_list_text{ display: inline-block; background: #001a2a; padding: 0px 7px; font-size: 0.9rem;}
.interview_slider_frame .slider_interview dl dt{ font-size: 0.9rem;}
.interview_slider_frame .slider_interview dl dd{ font-size: 1.9rem;}

.slider_interview{ -webkit-transition: all 0.3s ease;transition: all  0.3s ease; padding-left: 20px;}
.slider_interview ul li h3{ font-weight: bold; margin-bottom: 16px;}

.interview_slider_bg{ background: url("../images/home/interview_bg_01.jpg") top center no-repeat; padding-top: 80px; overflow: hidden;}


/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* 人材派遣事業 */
	.interview_slider_frame{}
	.interview_slider_bg{ padding-bottom: 60px;}

	.slider_interview{ margin: 0 -20px;}
	.slider_interview ul{ margin-bottom: 30px;}
	.slider_interview ul li{ width: 280px; padding: 0 5px;}
	.slider_interview ul li .pic_slide{ margin-bottom: 20px;}
	.slider_interview ul li h3{ font-size: 1.3em;}
	

}
@media screen and (min-width: 768px), print {
	/* 人材派遣事業 */
	.interview_slider_frame{ background: url("../images/second/bg_second.png") repeat;}
	.interview_slider_frame .inner{ position: relative;}
	.interview_slider_bg{ min-height: 1514px;}

	.box_temporary{ width: 40%; max-width: 480px; padding-right: 60px; background: #D0FF00;}
	.box_temporary h2{ margin-bottom: 60px;}
	.box_temporary h2 span{ font-size: 3em;}
	
	.slider_interview{ /*position: absolute; left: 40%;*/ top: 0; width: 100%;}
	.slider_interview ul{ margin-right:-800px; margin-bottom: 60px;}
	.slider_interview ul li{ width: 405px; min-height: 490px; padding: 0px 60px 0px 0px;}
	.slider_interview ul li .pic_slide{ margin-bottom: 40px;}
	.slider_interview ul li h3{ font-size: 1.4em;}
	
	
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* 人材派遣事業 */
	.box_temporary{ width: 100%; max-width: 100%; padding-right: 0;}
	.box_temporary h2{ margin-bottom: 30px;}
	
	.slider_interview{ position: inherit;}
	.slider_interview ul{ border: none;}
	.slider_interview ul li{ border: none; width: 560px; padding: 0 20px;}
	
}




/*-------------------------------------------------
共通指定
-------------------------------------------------*/
/* slider */
.slick-slide { transition: all ease-in-out 0.3s; /*opacity: 0.2;*/}
.slick-active { opacity: 1;}
.slick-current { opacity: 1;}

.slick-dots{ border: none!important; bottom: -30px!important;}
.slick-dots li{ border: none!important; width: 20px!important; height: 20px!important; padding: 0!important; left: 0!important; right: 0!important; margin: 0 auto!important; min-height: 20px!important;}
.slick-dots li button:before{ color: #dadada!important;}
.slick-dots li.slick-active button:before{ opacity: 1; color: #40ca33!important;}

.slick-prev{ display: none!important;}
.slick-next{ -webkit-transition: all 0.3s ease;transition: all  0.3s ease; border-radius: 50%;}
.slick-next:before{ -webkit-transition: all 0.3s ease;transition: all  0.3s ease; border-radius: 50%; background: url("../images/home/slide/btn_next_ro.png");}
.slick-next:hover{/* box-shadow: 0px 0px 24px -6px rgb(64, 202, 51); box-shadow: 0px 0px 24px -6px rgb(255, 255, 255);*/opacity: 0.8;}

/* ul,li */
ul.list_maru_01 li{ text-indent: -1.5em; padding-left: 1.5em;}
ul.list_maru_01 > li::before{ content: "●"; margin-right: 0.5em;}
ul.list_maru_02 li{ text-indent: -1.2em; padding-left: 1.2em; margin-bottom: 0.5em;}
ul.list_maru_02 > li::before{ content: "・"; margin-right: 0.2em;}

/* 分割 */
.list_view_01{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.list_x2_01 .list_view_contents_01{}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	/* ボタン */
	.btn_arrow_01 a{ color: #40ca33;}
	.btn_arrow_01 span::before{ background: #40ca33;}
	.btn_arrow_01 span::after{ border-top: 1px solid #40ca33; border-right: 1px solid #40ca33;}
	
	/* slider */
	.slick-dots{ width: 100%!important;}
	.slick-next{ left: 77%; top: 250px!important; width: 80px!important; height: 80px!important;}

}
@media screen and (min-width: 768px), print {
	/* slider */
	.slick-dots{ width: 50%!important;}	
	.slick-next{ left: 1000px; width: 120px!important; height: 120px!important;}
	
	/* マウスストーカー */
	#cursor{}
	#cursor.active{
		position: fixed;
		background: #a5e438;
		border-radius:50%;
		width: 20px;
		height: 20px;
		margin: -10px 0 0 -10px;
		z-index: 2;
		pointer-events: none;
		opacity: 0;
		transition: transform 0.5s;
		transform: scale(3);
		/*-webkit-transition: all 0.1s ease;transition: all  0.1s ease;*/
		mix-blend-mode: multiply;	
	}

	/* 分割 */
	.list_x2_01 .list_view_contents_01{ width: 50%;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* slider */
	.slick-dots{ width: 100%!important;}
	.slick-next{ display: none!important;}
}
/* IEのみ対応 */
@media all and (-ms-high-contrast: none) {
	#cursor.active{ background: rgba(165,228,56,0.6);}
}






.slick-box.type_img.arrows{
	position: relative;
}
.slick-box.type_img.arrows .prev{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	background-color: rgba(255,255,255,0.8);
	background-image: url(http://keylopment.com/_cms/wp-content/themes/keylopment/images/common/anchor-prev.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	z-index: 1;
}
.slick-box.type_img.arrows .next{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	background-color: rgba(255,255,255,0.8);
	background-image: url(http://keylopment.com/_cms/wp-content/themes/keylopment/images/common/anchor-next.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	z-index: 1;
}





@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px), print {
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}