@charset "utf-8";
.ly_cont_main {
	background: url(https://learn-work-prod.s3.ap-northeast-1.amazonaws.com/images/service/top/bg.png) top center / 1920px no-repeat;
}
/*白いボックス背景*/
.el_whiteBox {
	background: #fff;
	border-radius: 50px;
	padding: 50px 20px;
}
/*スライダー*/
.swiper-slide {
	cursor: pointer;
}
.swiper {
	overflow: visible!important;
	padding-bottom: 50px!important;
}
/*--------------------------------------------------
FV
--------------------------------------------------*/
#fv ul {
	display: flex;
	justify-content: space-between;
}
#fv ul li {
	width: 50%;
	height: 500px;
}
#fv ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 20px;
	transition: all 0.3s;
}
#fv ul li.el_learn a {
	background: url(https://learn-work-prod.s3.ap-northeast-1.amazonaws.com/images/service/top/img_learn.jpg) center / cover no-repeat,var(--blue);
}
#fv ul li.el_works a {
	background: url(https://learn-work-prod.s3.ap-northeast-1.amazonaws.com/images/service/top/img_works.jpg) center / cover no-repeat,var(--pink);
}
#fv ul li a:hover {
	transition: all 0.3s;
	background-image: none;
}
#fv ul li h2 {
	text-align: center;
}
#fv ul li h2 span {
	display: block;
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 10px;
}
/*--------------------------------------------------
見出し
--------------------------------------------------*/
.el_lv2Header {
	font-size: 30px;
	text-align: center;
	border: none;
	margin-bottom: 40px;
	padding-bottom: 0;
}
.el_lv2Header span {
	display: block;
	font-size: 16px;
  font-family: "Lato", sans-serif;
	font-weight: 700;
	margin-top: 10px;
}
/*--------------------------------------------------
NEWマーク
--------------------------------------------------*/
.el_new {
	border-radius: 50%;
	color: #fff;
	display: flex!important; 
	align-items: center; 
	justify-content: center;
	position: absolute; 
	top: -80px;
	left: -90px;
	width: 80px; 
	height: 80px;
	margin-top: 0;
}
.learn .el_new {
	background: var(--blue);
}
.works .el_new {
	background: var(--pink);
}
.el_new::before {
	content: "NEW";
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 24px;
}
/*--------------------------------------------------
新着求人
--------------------------------------------------*/
#new_jobs {
	overflow: hidden;
}
#new_jobs .ly_cont_inner {
	margin-top: 126px; 
}
#new_jobs .el_lv2Header {
	width: 130px; 
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#new_jobs .bl_card {
	height: 367px!important;
	background: #fff;
	padding-right: 30px;
}
#new_jobs .bl_card_body {
	flex-shrink: 5;
}
#new_jobs .bl_card_imgWrapper {
	height: 200px;
}
#new_jobs .bl_card_header {
	margin-bottom: 0;
	height: 55px;
}
#new_jobs .bl_card_header .bl_card_header_cont {
	margin-bottom: 2px;
}
#new_jobs .el_btn {
	margin-top: 40px;
}
/*スライダー*/
#new_jobs .swiper-pagination {
	bottom: 0;
}
#new_jobs .swiper-pagination-bullet {
	width: 7px; 
	height: 7px;
	margin: 0 6px;
}
#new_jobs .swiper-pagination-bullet-active {
	width: 25px;
	background: var(--pink);
	border-radius: 20px;
}
#new_movies .swiper-movies {
	overflow: visible;
}
/*--------------------------------------------------
新着動画
--------------------------------------------------*/
#new_movies {
	overflow: hidden;
}
#new_movies .ly_cont_inner {
	margin-top: 100px; 
}
#new_movies .el_lv2Header {
	width: 130px; 
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#new_movies .swiper-movies {
	overflow: hidden;
	max-width: 1105px; 
	margin: auto;
	padding: 8px 0;
}
#new_movies .bl_card_imgWrapper img {
	height: 110px;
}
#new_movies .bl_card_detail li {
	font-size: 10px;
}
#new_movies .bl_card_detail {
	padding: 0 8px;
}
#new_movies .el_btn_more {
	margin-top: 0;
}
/*--------------------------------------------------
特集記事
--------------------------------------------------*/
#feature .ly_cont_inner {
	max-width: 810px;
	padding: 0 10px;
	margin-top: 100px;
	padding-bottom: 90px;
}
#feature .bl_card {
	width: 174px;
	box-shadow: none;
}
#feature .bl_card_imgWrapper img {
	border-radius: 10px;
}
#feature .bl_card_small_imgWrapper img {
	border-radius: 10px;
}
#feature .bl_card:nth-of-type(2),
#feature .bl_card:nth-of-type(3),
#feature .bl_card:nth-of-type(4) {
	margin-right: 30px;
}
#feature .bl_card_header time {
	font-size: 14px; 
	color: #999;
}
#feature .bl_card_header {
	padding: 0;
	height: auto;
}
#feature .bl_card_header .el_label_cat {
	font-size: 10px; 
	padding: 3px 5px;
  letter-spacing: 0.05em;
}
#feature .bl_card_ttl {
	padding: 0;
	font-size: 14px;
}
#feature .bl_card:not(:first-of-type) .bl_card_txt,
#feature .bl_card:not(:first-of-type) .el_btn {
	display: none;
}
/*一番最初の記事*/
#feature .bl_card:first-of-type {
	width: 100%;
	margin-bottom: 50px;
	background: none;
}
#feature .bl_card:first-of-type a {
	display: flex;
	align-items: flex-start;
}
#feature .bl_card:first-of-type .bl_card_imgWrapper {
	margin-bottom:0;
	margin-right: 32px;
	height: 320px;
  width: 379px;
}
#feature .bl_card:first-of-type .bl_card_imgWrapper img {
	height: 320px;
}
#feature .bl_card:first-of-type .bl_card_header_cat {
	justify-content: flex-start;
}
#feature .bl_card:first-of-type .bl_card_header .el_label_cat {
	font-size: 14px;
	padding: 5px 10px;
	margin-right: 15px;
}
#feature .bl_card:first-of-type .bl_card_header time {
	font-size: 16px;
}
#feature .bl_card:first-of-type .bl_card_ttl {
	font-size: 18px;
	margin-bottom: 10px;
}
#feature .bl_card_txt {
	font-size: 14px;
	line-height: 1.785;
}
#feature .bl_card:first-of-type .el_btn {
	background: #fff; 
	border: 1px solid var(--black);
	color: var(--black);
	margin-right: 0;
}
#feature .bl_card:first-of-type .el_btn::after {
	border-right: 1px solid var(--black);
	border-top: 1px solid var(--black);
}
/*--------------------------------------------------
お知らせ
--------------------------------------------------*/
#news .ly_cont_inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 850px;
	width: 100%;
	padding-top: 90px;
	padding-bottom: 100px;
}
#news .bl_vertPosts {
	width: 577px;
}
#news .el_btn {
	margin-left: 0;
}
#news .el_lv2Header {
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}
/*--------------------------------------------------
特集記事4つ並び 823px
--------------------------------------------------*/
@media screen and (max-width : 823px) {
	#feature .bl_cardUnit {
		justify-content: center;
	}
	#feature .bl_card:nth-of-type(2), 
	#feature .bl_card:nth-of-type(4),
	#feature .bl_card:nth-of-type(3),
	#feature .bl_card:nth-of-type(5) {
		width: 40.465vw;
		margin-bottom: 35px;
	}
	#feature .bl_card:nth-of-type(2), 
	#feature .bl_card:nth-of-type(4) {
    margin-right: 5.116vw;
	}
	#feature .bl_card:nth-of-type(3),
	#feature .bl_card:nth-of-type(5) {
		margin-right: 0;
	}
	#feature .bl_card_ttl {
		font-size: 16px;
	}
}
/*--------------------------------------------------
新着動画　1081pxまで
--------------------------------------------------*/
@media screen and (min-width : 1081px) {
	#new_movies .swiper-wrapper {
		transform: initial!important;
	}
	#new_movies .bl_card {
		height: 422px;
		width: 18%!important;
		max-width: 205px;
	}
}
/*--------------------------------------------------
新着動画　1081px以下
--------------------------------------------------*/
@media screen and (max-width : 1080px) {
	#new_movies .bl_card {
		height: 420px;
	}
}
/*--------------------------------------------------
スマホ用 750px～430px
--------------------------------------------------*/
@media screen and (max-width : 750px) {
	/*FV----------------------*/
	#fv ul {
		display: block;
	}
	#fv ul li {
		width: 100%;
		height: 275px;
	}
	/*共通----------------------*/
	.el_whiteBox {
		padding-bottom: 40px;
	}
	.el_new::before {
		font-size: 20px;
	}
	.el_lv2Header span {
		font-size: 14px;
	}
	/*新着求人----------------------*/
	#new_jobs .ly_cont_inner {
    margin-top: 80px;
	}
	#news .ly_cont_inner {
		display: block;
	}
	#new_jobs .bl_card {
    height: 537px !important;
    padding: 0;
		border-radius: 10px;
	}
	#new_jobs .bl_card a {
		display: block;
	}
	#new_jobs .bl_card_imgWrapper {
    width: 100%;
    height: 110px;
    margin-right: 0;
		margin-bottom: 15px;
    border-radius: 10px 10px 0 0;
	}
	#new_jobs .bl_card_imgWrapper img {
    border-radius: 10px 10px 0 0;
		height: 110px;
	}
	#new_jobs .bl_card_body {
		padding: 0 15px;
	}
	#new_jobs .bl_card_header {
    height: 127px;
		margin-bottom: 18px;
	}
	#new_jobs .bl_card_header .bl_card_header_cont {
    display: block;
		text-align: center;
		margin-bottom: 10px;
	}
	#new_jobs .bl_card_header .el_label {
    margin-right: 0;
		margin-bottom: 5px;
		width: 100%;
	}
	#new_jobs .bl_card_header .bl_card_header_cont div {
		text-align: center;
	}
	#new_jobs .bl_card_detail li {
		font-size: 12px;
	}
	#new_jobs .bl_card_detail li + li {
		margin-top: 8px;
	}
	#new_jobs .swiper {
		padding-bottom: 45px;
	}
	#new_jobs .el_btn {
    margin-top: 30px;
	}
	/*新着動画----------------------*/
	#new_movies .ly_cont_inner {
    margin-top: 80px;
	}
	#new_movies .swiper-movies {
		overflow: visible;
	}
	#new_movies .bl_cardUnit {
		flex-wrap: nowrap;
	}
	#new_movies .bl_card {
    height: 397px;
		max-width: 100%;
	}
	#new_movies .bl_card_imgWrapper {
		height: 110px;
	}
	#new_movies .bl_card_imgWrapper img {
		height: 110px;
	}
	/*特集記事----------------------*/
	#feature .ly_cont_inner {
    padding: 0 30px 100px;
	}
	#feature .bl_card:first-of-type a {
		display: block;
	}
	#feature .bl_card:first-of-type .bl_card_imgWrapper {
    margin-bottom: 30px;
    margin-right: 0;
    height: 250px;
    width: 100%;
	}
	#feature .bl_card:first-of-type .bl_card_imgWrapper img {
    height: 250px;
	}
	#feature .bl_card:first-of-type .bl_card_header .el_label_cat {
    padding: 6px 11px;
	}
	#feature .bl_card_txt {
		font-size: 16px;
	}
	/*お知らせ----------------------*/
	#news .el_lv2Header {
		margin-bottom: 50px;
	}
	#news .el_btn {
    margin-left: auto;
	}
	#news .bl_vertPosts {
		width: 100%;
	}
}
@media screen and (max-width : 429px) {
	#feature .bl_card:nth-of-type(2), #feature .bl_card:nth-of-type(4), #feature .bl_card:nth-of-type(3), #feature .bl_card:nth-of-type(5) {
		width: 39.4vw;
	}
	#feature .bl_card_header .el_label_cat {
    font-size: 2.5vw;
    padding: 3px 4px;
    letter-spacing: 0.05em;
    margin-right: 1vw;
	}
	#feature .bl_card_header time {
    font-size: 3.5vw;
    letter-spacing: 0.05em;
	}
}
@media screen and (max-width : 374px) {
	#feature .bl_card:nth-of-type(2), #feature .bl_card:nth-of-type(4), #feature .bl_card:nth-of-type(3), #feature .bl_card:nth-of-type(5) {
		width: 100%;
		margin-right: 0;
	}
}