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




/* ****************.kv ******************* */
.sidebar {
  min-height: 285px;
  background-color: #62c41a;
}

.sidebar .breadcramb {
  background-color: #1c9f07;
}

.sidebar .breadcramb ul {
  display: flex;
}

.under-page-header {
  width: 130%;
  margin-left: 50%;
  bottom: 3em;
  position: absolute;
  left: -50%;
  color: #fff;
  font-size: 0.7em;
}

.under-page-header ul {
  padding: 1.7em;
}

.under-page-header ul li {
  padding: 0 0.6em;
}

.under_leyer_kv {
  width: 100%;
}

.under_leyer_kv img,
.sns_badge img {
  max-width: initial;
  width: 100%;
}

.kv {
  margin-bottom: 70px;
}

/***********h1.under_leyer_title**********************/
h1.under_leyer_title {
  position: absolute;
  z-index: 100;
  top: 30%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  font-size: 1.5em;
  font-weight: bold;
	color: #fff;
}

h1.under_leyer_title div {
  font-size: 0.3em;
  font-weight: normal;
  text-align: center;
  margin-top: -0.5em;
}

h1.under_leyer_title span.icon {
  position: relative;
}

h1.under_leyer_title span.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  left: -15px;
  bottom: 0;
  /* display: block; */
  margin: auto;
  background: url(../img/icn_sec_title.png)no-repeat 50%/cover;
  width: 8px;
  height: 6px;
}

.pc_hidden {
  display: none;
}

@media (max-width: 1023px) {


  .current_color {
    background-color: #78c50b;
    border-color: #78c50b;
    color: #fff;
  }
/* ***************#footer_recruit_sec********************** */


#footer_recruit_sec .footer_recruit_industry_wrap{
  display: flex;
 flex-wrap: wrap;

}
.footer_recruit_industry_wrap .footer_recruit_industry{
  width: 100%;
}
.footer_recruit_key h3 {
    font-size: 2em;
    padding-top: 1em;
}
.footer_recruit_key h4 {
    font-size: 1.2em;
}
.footer_recruit_industry{
  display: flex;
}

.footer_recruit_industry div:last-child {
    padding: 0.6em;
}
.footer_recruit_industry h5 {
    font-size: 0.78em;
    margin-bottom: 0.5em;
}
.footer_recruit_industry span {
    font-size: 0.6em;
    line-height: 1;
    display: block;
}

.footer_recruit_industry span br{
  display: none;
}

.footer_recruit_industry div:first-child {
min-height: initial;
min-width: 51vw;

overflow: hidden;

}
.footer_recruit_industry div:first-child img{
  transform: scale(1.5) translateX(-0.1em) translateY(0.1em);
}


  .under-page-header ul {
    padding: 1em 0.5em;
    font-size: 0.4em;
  }

  div.submenu {
    display: none;
  }

  div.swiper-container {
    margin-top: 70px;
    /* transform: scale(1.8); */
  }

  h1.under_leyer_title {
    left: 50%;
    font-size: 2em;
  }


.breadcramb{
    background-color: #1c9f07;
    position: absolute;
    bottom: 0;
    left:0;
}
.breadcramb ul{
  color: #fff;
  display: flex;
  font-size: 0.7em;
  padding: 1em;
}
.breadcramb ul li{
  padding-right: 1em;
}
  .sp_hidden {
    display: none;
  }

  .pc_hidden {
    display: block;
  }
}



/*profile_person*/

#profile_person{
	width:100%;
	z-index: 2;
	position: relative;
}
@media screen and (max-width:767px){
	#profile_person{
	width:100%;
	z-index: 2;
	position: relative;
	}
}

#profile_person:after{
	content: "";
	display: block;
	clear: both;
	padding-bottom: 100px;
}

#profile_person .inner{
	margin: -200px auto -100px;
}



@media screen and (max-width:767px){
	#profile_person .inner{
	padding: 0;
	width: 95%;
	margin: 0 auto 0;
}

}

/*person_box*/

.person_box{
	width:100%;
	max-width: 1400px;
	margin: auto;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
}


.person_box .department{
	max-width: 150px;
	width: 85%;
	height: auto;
	padding: 5px;
	background: #84d04d;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin: 20px 10px;
	border-radius: 100px;

}

.person_box h3{
	font-family:YuMincho,'Yu Mincho',serif;
	font-size: 150%;
	line-height: 30px;
	text-align: center;}

@media screen and (max-width:767px){
	.person_box h3{font-size: 18px;}
}



.person_box .person{
    max-width:350px;
	min-height: 480px;
    padding:30px 15px;
    background:url(../../assets/img/crosstalk/bg_cross_person.png) no-repeat;
    overflow:hidden;
	text-align: center;
}


.person_box .content_wrap{
	display: flex;
	align-items:stretch;
	justify-content: center;
	margin: 20px auto;
	
}

.person_box .text{padding: 0 5px;font-size: 13px;line-height: 22px;text-align: left;width:250px;}

.person_box .pic{padding: 0;font-size: 14px;text-align: center;}

.person_box .pic{width:80%;height: auto;}

.cross{font-size:80px;
	font-weight: bold;
	text-align: center;
	color: #62c41a;
}

@media screen and (max-width:768px){
	.person_box{
			width:100%;
			height: auto;
			display: block;
		}
	.cross{display: none;}
	.person_box .person{
	min-height: auto;
    padding:50px 10px 10px;
    overflow:hidden;
	text-align: center;
	margin:0 auto 20px;
	}
	.person_box .person:last-child{margin:0 auto 0;}
	.person_box .text{font-size: 12px;width: 50%;}
	.person_box .pic{width:50%;font-size: 12px;text-align: center;padding: 0 0;}
	.person_box .pic img{max-width:130px;height: auto;}

}


/*sub_ttl*/

.sub_ttl h3.black{font-size: 24px;line-height: 30px;text-align: center;position: relative;height: 150px;}
.sub_ttl h3.black span{
		position: absolute;
	top: 65px;
	left: 0;
	right: 0;
	margin: auto;
      width: 1px;
      height: 50px;
      background-color: #46E77D;}



@media screen and (max-width:767px){
	.sub_ttl h3.black{
		font-size: 16px;
		line-height:22px;
		padding: 0 0;
		height: auto;
		margin: 20px 0 40px;
	}
	.sub_ttl h3.black span{height: 15px;}
	
}

/*-----------------------------
-----------photo01---------------
-------------------------------*/

#photo01{
	clear:both;
	margin:0 auto;
	font-size:14px;
	width:100%;
	height:350px;
	background: url("../../assets/img/crosstalk/photo_coss01_1.jpg") no-repeat;
	background-size: 100%;
	background-attachment: fixed;
}
#photo01_sp{display: none;}

@media screen and (max-width:767px){
	#photo01{display: none;}
	#photo01_sp{display: block;width: 100%;height: auto;margin-top: 80px;}
	#photo01_sp img{max-width: 100%;height: auto;}
}



/*-----------------------------
-----------photo02---------------
-------------------------------*/

#photo02{
	clear:both;
	margin:100px auto 0;
	font-size:14px;
	width:100%;
	height:350px;
	background: url("../../assets/img/crosstalk/photo_coss01_2.jpg") no-repeat;
	background-size: 100%;
	background-attachment: fixed;
}
#photo02_sp{display: none;}

@media screen and (max-width:767px){
	#photo02{display: none;}
	#photo02_sp{display: block;width: 100%;height: auto;margin-top: 80px;}
	#photo02_sp img{max-width: 100%;height: auto;}
}


.split-box{
	position:absolute;
	width:50%;
	height:100%;
}



/*.single_wrap*/
.single_wrap{
	width: 100%;
	position: relative;
}


/*single_box01*/

.single_box01{
	width:100%;
	margin:100px auto 0;
	z-index: 10;
	height:100vh;
	display: flex;
}



.single_box01 h3{
	text-align: center;
	color: #222;
	font-size: 24px;
	z-index: 2;
}


.single_box01 .text_area{
	/*max-width: 755px;*/
	right:0;
	overflow-y:scroll;
	padding: 0px 50px;
	z-index: 2;
	font-size: 16px;
	line-height: 36px;
}

.single_box01 .text_area::-webkit-scrollbar {
  width: 3px;
  height: 10px;
}

.single_box01 .text_area::-webkit-scrollbar-track {
  box-shadow: 0 0 3px #46E77D inset;
}

.single_box01 .text_area::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #46E77D;
}


.single_box01 .pic_area{
	z-index: 3;
	overflow: hidden;
	position: relative;
	left:0;
	}


.img01{background: url(../img/crosstalk/pic01.jpg) no-repeat;
background-size:cover;
height: 100vh;
background-position: center top;
transition-property: background-position;
transition-duration: .7s;
transition-delay: .035s;}


.img02{background: url(../img/crosstalk/pic02.jpg) no-repeat;
background-size: cover;
height: 100vh;
background-position: center top;
transition-property: background-position;
transition-duration: .7s;
transition-delay: .035s;}


.img03{background: url(../img/crosstalk/pic03.jpg) no-repeat;
background-size: cover;
height: 100vh;
background-position: center top;
transition-property: background-position;
transition-duration: .7s;
transition-delay: .035s;}


.img04{background: url(../img/crosstalk/pic04.jpg) no-repeat;
background-size: cover;
height: 100vh;
background-position: center top;
transition-property: background-position;
transition-duration: .7s;
transition-delay: .035s;}

.img05{background: url(../img/crosstalk/pic05.jpg) no-repeat;
background-size:cover;
height: 100vh;
background-position: center top;
transition-property: background-position;
transition-duration: .7s;
transition-delay: .035s;}



.single_box01 .pic_area img{
	max-width:100%;
	height: auto;
	z-index: 10;
}

.single_box_sp{display: none;}

@media screen and (max-width:768px){
	
	.single_wrap{display: none;}
	
	
	.single_box_sp {
	width:90%;
	margin:50px auto;
	z-index: 10;
	display: block;
	}
	
	.single_box_sp .pic_area{
	box-shadow: 30px -20px #f4ffec;
	z-index: 0;
	}
	

	.single_box_sp .text_area{
		width: 100%;
		padding: 0px 0;
		font-size: 14px;
		line-height: 32px;
	}
	
	
}




/*single_box02*/

	.single_box02{
	width:100%;
	margin:100px auto;
	z-index: 10;
	height:100vh;
	display: flex;
}



	.single_box02  h3{
	text-align: center;
	color: #222;
	font-size: 24px;
	z-index: 2;
}


	.single_box02 .text_area{
	left:0;
	overflow-y:scroll;
	padding: 0px 50px;
	z-index: 2;
	font-size: 16px;
	line-height: 36px;
}

	.single_box02 .text_area::-webkit-scrollbar {
	  width: 3px;
	  height: 10px;
	}

	.single_box02 .text_area::-webkit-scrollbar-track {
	  border-radius: 3px;
	  box-shadow: 0 0 3px #46E77D inset;
	}

	.single_box02 .text_area::-webkit-scrollbar-thumb {
	  border-radius: 3px;
	  background: #46E77D;
	}




.single_box02 .pic_area{
	right:0;
	z-index: 2;
	font-size: 16px;
	line-height: 36px;
	}

.single_box02 .pic_area img{
	max-width:100%;
	min-width: 350px;
	height: auto;
}



.single_box01_bg {width: 90%;height: 260px;background: #f4ffec;z-index:0;position: absolute;left: 0;bottom:5%;}

.single_box02_bg {width: 80%;height: 260px;background: #f4ffec;z-index:0;position: absolute;right: 0;top:25%;}

.single_box03_bg {width: 80%;height: 260px;background: #f4ffec;z-index:0;position: absolute;left: 0;top:-5%;}

.single_box04_bg {width: 50%;height: 620px;background: #f4ffec;z-index:0;position: absolute;left: 0;right:0;margin:auto;top:25%;}

@media screen and (max-width:1000px){
	.single_box01_bg {display:  none;}
	.single_box02_bg {display:  none;}
	.single_box03_bg {display:  none;}
	.single_box04_bg {display:  none;}
}