/*-----------------------------------
　KV
-----------------------------------*/
.kv {
	width: 100%;
}
.kv img {
	width: 100%;
}
.slide-show {
    width: 100%; /* スライドショーの幅 */
    max-width: 100%; /* スマホで表示が欠けないように */
    position: absolute;
	top: 0;
	z-index: -1;
	overflow: hidden;
}
 
.slide-show img { 
    animation: show 12s infinite; /* 12秒のスライドショーを繰り返し */
    max-width: 100%;
    height: auto;
    opacity: 0;
    position: absolute; /* 画像を重ねて表示 */
    left: 0;
    top: 0;
}
 
@keyframes show {
    0% {opacity: 0;transform: scale(1.1, 1.1);}
    17% {opacity: 1}
    33% {opacity: 1}
    50% {opacity: 0;transform: scale(1.2, 1.2);}
}
.slide-show img:nth-of-type(1) {
    position: relative;
}
 
.slide-show img:nth-of-type(2) {
    animation-delay: 0s;
}
 
.slide-show img:nth-of-type(3) {
    animation-delay: 4s;
}
 
.slide-show img:nth-of-type(4) {
    animation-delay: 8s;
}

/*-----------------------------------
　intro
-----------------------------------*/
.intro {
	width: 100%;
	background: url("/image/jp/about/recruit/new_graduate/top/top_back1.png");
	background-position: bottom center;
	padding-top: 90px;
	padding-bottom: 160px;
	text-align: center;
}
@media screen and (max-width: 640px) {
.intro {
	padding-bottom: 40px;
}
}

article h2 {
	font-family: Clarimo UD PE Bold Italic;
	font-size: 44px;
	letter-spacing: 0.02em;
	margin-bottom: 16px!important;
	line-height: 1;
}
article h3 {
	font-size: 25px;
	font-family: Shin Go DeBold;
	margin-bottom: 45px!important;
}
article h4 {
	font-size: 33px;
	line-height: 1.3;
	font-family: Shin Go Light;
	font-style: italic;
	margin-bottom: 45px!important;
	color: #FFF;
	white-space: nowrap;
}

@media screen and (max-width: 640px) {
 article h2 {
	font-size: 26px;
	margin-bottom: 12px!important;
}
article h3 {
	font-size: 16px;
	margin-bottom: 40px!important;
}
article h4 {
	font-size: 21px;
	margin-bottom: 5px!important;
}
}

.h2ul,.h2ul_w {
	width: 90px;
	height: 4px;
	margin: 0 auto 20px auto;
}
.h2ul { background-color: #01624f }
.h2ul_w { background-color: #fff }



/* コンセプト */
.concept { padding-top: 70px }
.concept p {
	font-size: 18px;
	line-height: 2.0;
	font-family: Shin Go DeBold;
	margin-bottom: 40px!important;
}
.concept .las { margin-bottom: 70px!important }
.concept .las2 { margin-bottom: 58px!important }

.concept .slogan {
	font-size: 40px;
	line-height: 1.0;
	font-family: Shin Go DeBold;
	margin-bottom: 26px!important;
}
.concept .slogan2 {
	font-size: 18px;
	line-height: 1.0;
	font-family: Clarimo UD PE Bold Italic;
	margin-bottom: 236px!important;
}
@media screen and (max-width: 640px) {
.concept { padding-top: 30px }
.concept p {
	font-size: 14px;
	margin-bottom: 30px!important;
	white-space: nowrap;
}
.concept .slogan {
	font-size: 30px;
	margin-bottom: 14px!important;
}
.concept .slogan2 {
	font-size: 10px;
	margin-bottom: 160px!important;
}
}


/* プロジェクトストーリー */
.epis {
	width: 100%;
	text-align: center;
	padding-bottom: 5%; 
}

.swiper-container {
	text-align: center;
	width: 100%;
	height: auto;
}

.swiper-container .swiper-slide img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 860px) {
.swiper-container .swiper-slide img {
	width: 94%;
}
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 30px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 30px;
  left: auto;
}


/* 事業フィールド */
.business {
	width: 100%;
	padding: 70px 0;
	text-align: center;
	background: url("/image/jp/about/recruit/new_graduate/top/top_back2.png");
	background-position: top center;
}
.business_inner {
	width: 100%;
	max-width: 966px;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
}
.business img { width: 90% }

@media screen and (min-width: 701px) {
.sp { display: none }
}
@media screen and (max-width: 700px) {
.business_inner { padding-top: 30px;display: block; }
.pc { display: none }
.business img { margin-bottom: 10px!important; }
}



/* メンバー */
.work_member {
	text-align: center;
	padding-top: 126px;
	padding-bottom: 170px;
	background-color: #FFF;
}
@media screen and (max-width: 700px) {
.work_member {
	padding: 50px 0;
}
}
.members {
	width: 100%;
	max-width: 966px;
	margin: 0 auto;
	display: flex;
	
}
.members img { width: 100% }

/* バナーs */
.banners {
	width: 95%;
	max-width: 928px;
	margin: 0 auto;
	text-align: center;
}
.banners .ban1 {
	margin-bottom: 160px;
}
.banners .ban1 img {
	width: 100%;
	max-width: 876px;
}
.banners .ban2 {
	width: 100%;
	max-width: 930px;
	display: flex;
	justify-content:space-between;
	margin-bottom: 116px;
}
.banners .ban2 div {
	width: 46.5%;
	font-size: 24px;
	font-family: Shin Go DeBold;
}
.banners .ban2 div img {
	width: 100%;
}
.banners .ban2 p {
	margin-bottom: 14px;
}
.banners .ban3 {
	width: 100%;
	max-width: 790px;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
	margin-bottom: 146px;
}
.banners .ban3 img {
	width: 93%;
}

.banners .ban4 {
	margin-bottom: 160px;
}
.banners .ban4 img {
	width: 46.5%;
}

@media screen and (max-width: 840px) {
.banners .ban1 {
	margin-bottom: 50px!important;
}
.banners .ban2 {
	margin-bottom: 30px!important;
}
.banners .ban2 div {
	font-size: 14px;
	width: 50%;
}
.banners .ban2 div img,.banners .ban3 img {
	width: 90%;
}
.banners .ban3 {
	margin-bottom: 70px!important;
}
}




.foot_bt { 
    margin-top: 120px!important;
	margin-bottom: 80px!important; }

/* 最下部エントリー */
.button_foot_entry {
	display: block;
	width: 450px;
	margin: 0 auto 20px;
	padding: 24px 0;
	font-size: 21px;
	font-family: Clarimo UD PE Bold;
	color: #FFF!important;
	text-align: center;
	text-decoration: none;
	outline: none;
	letter-spacing: 1px;
	
	position: relative;
	z-index: 2;
	background-color:#e60127;
	border: 3px solid #e60127;
	overflow: hidden;
}
.button_foot_entry::before,
.button_foot_entry::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	background-color:#FFF;
}
.button_foot_entry,
.button_foot_entry::before,
.button_foot_entry::after {
	box-sizing: border-box;
	transition: all 0.5s;
}
.button_foot_entry:hover { color: #e60127!important }
.button_foot_entry::after {
	top: 100%;
	width: 100%;
	height: 100%;
}
.button_foot_entry:hover::after { top: 0 }

/* 最下部リクナビ */
.button_foot_rnavi {
	display: block;
	width: 450px;
	margin: 0 auto;
	padding: 24px 0;
	font-size: 21px;
	font-family: Clarimo UD PE Bold;
	color: #FFF!important;
	text-align: center;
	text-decoration: none;
	outline: none;
	letter-spacing: 1px;
	
	position: relative;
	z-index: 2;
	background-color:#666;
	border: 3px solid #666;
	overflow: hidden;
}
.button_foot_rnavi::before,
.button_foot_rnavi::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	background-color:#FFF;
}
.button_foot_rnavi,
.button_foot_rnavi::before,
.button_foot_rnavi::after {
	box-sizing: border-box;
	transition: all 0.5s;
}
.button_foot_rnavi:hover { color: #666!important }
.button_foot_rnavi::after {
	top: 100%;
	width: 100%;
	height: 100%;
}
.button_foot_rnavi:hover::after { top: 0 }

@media screen and (min-width: 741px) {
.button_foot_rnavi { display: none;}
}
@media screen and (max-width: 740px) {
.foot_bt {
	display: flex;
	margin-top: 120px!important;
	margin-bottom: 0!important;
}
.button_foot_entry,.button_foot_rnavi {
	font-size: 16px;
	width: 50%;
	margin-top: 15px;
}
}


/*-----------------------------------
フェード
-----------------------------------*/
.scale  {
	animation: ScaleIn 1.0s ease 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

/*　手間からイン　*/
@keyframes ScaleIn {
	0% { opacity: 0;transform:scale(1.2,1.2); }
	100% { opacity: 1;transform:scale(1,1); }
}