@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&family=M+PLUS+Rounded+1c:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

h2#symposium_ttl::after {
  content: "";
}

/*#MV
---------------------------------------*/
#main-visual {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
	@media screen and (max-width: 768px) {
		#main-visual {
		}
	}
#main-visual figure img {
	width: calc(1920 / 1920 * 100vw);
}
	@media screen and (max-width: 750px){
		#main-visual figure img {
			width: calc(750 / 750 * 100vw);
		}
	}
#main-visual figure img.text {
	display: block;
	position: absolute;
	width: calc(532 / 1920 * 100vw);
	height:  calc(218 / 1920 * 100vw);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;	
}
	@media screen and (max-width: 750px){
		#main-visual figure img.text {
			width: calc(445 / 750 * 100vw);
			height:  calc(187 / 750 * 100vw);
		}
	}
#main-visual figure img.text {
	animation-name: fadeInAnime;
	animation-duration: 4s;
	animation-fill-mode: forwards;
	opacity: 0;
}
	@keyframes fadeInAnime {
		from {
			opacity: 0;
		}
		50% {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}


/*#news
---------------------------------------*/
#newsAncher {
	margin-top: -80px;
	padding-top: 80px;
}
#news {
  background: #515151;
  box-shadow: 0px 10px 8px -6px #00000059 inset;
}
#news .conCenter {
  width: 1020px;
  margin: 0 auto;
  display: flex;
}
#news .conCenter .infoArea {
  width:100%;
  font-size: 1.6rem;
  color: #fff;
  padding: 22px 0;
}
@media screen and (max-width: 1024px){
	#news .conCenter .infoArea {
	  padding: 22px;
	}
}
#news .conCenter ul .black,
#news .conCenter .itemArea li a {
  font-size: 1.2rem;
}
#news .conCenter .infoArea li:first-of-type {/* margin-bottom: 6px; */}
#news .conCenter .infoArea span {display: inline;margin-right: 22px;}
#news .conCenter .itemArea {width: 232px;}
#news .conCenter .itemArea li {
  padding: 37px 0;
  text-align: center;
  color: #fff;
}
#news .conCenter .itemArea li a {color: #fff;display: block;}
#news .conCenter ul .black {background: #040404;}
#news .conCenter ul .gray {background: #212121;}

/*#news
---------------------------------------*/


/*===============================================
SPECIAL MOVIE AREA
==============================================*/
.specialBlock {
  padding: 55px 0 78px;
  position: relative;
  overflow: hidden;
  background: url(/company/recruit/adoption_detail/images/common/upper_bg.png) no-repeat  right 0;
  margin-top: -80px;
  padding-top: 135px;
}
	@media screen and (max-width: 1024px){
		.specialBlock {
		  background-size: 80%;
		}
	}
/*
.specialBlock::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 370px;
  background: #daebf2;
  transform: translate(50%) rotate(-7.3deg);
  top: 420px;
  left: -65%;
  z-index: -2;
}*/
.specialBlock h2 {margin-bottom: 55px;}
.specialBlock .readText {
  line-height: 32px;
  width: 335px;
  margin-bottom: 36px;
}
.type01__btn {
  font-size: 1.4rem;
	border: 2px solid #0376da;
  border-radius: 5px;
  padding: 19px;
  width: 290px;
  display: flex;
  align-items: center;
  justify-content: space-between;
	color: #fff;
	background-color: #0376da;
	font-weight: bold;
}
.movieBox--flex {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 6666;
}
.movieBox__items {width: 293px;}
.movieBox__items figure {position: relative;}
.movieBox__items figure figcaption {
  position: absolute;
  bottom: 12px;
  left: 12px;
  text-shadow: 1px 1px 6px #000;
  color: #fff;
}
.movieBox__items .movieBox__items__datiles {
  font-size: 1.4rem;
  padding: 17px 13px 38px;
  background: #fff;
}
.movieBox__items:last-of-type .movieBox__items__datiles {padding-bottom: 16px;}
.movieBox__items:first-of-type {margin-top: 43px;}
.movieBox__items:last-of-type {margin-top: -29px;}
.tit_img {
  position: relative;
  z-index: 6655;
  top: -32px;
  float: right;
}

.movie_short01 a{
float: left;
margin-right: 6px;
}
@media all and (max-width: 1200px) {
	.movie_block{
	  padding: 20px;
	}
}
.movie_block .movie_readtext{
  display: block;/*
  background: linear-gradient(90deg, rgba(255,163,227,1) 0%, rgba(0,172,251,1) 74%);
  -webkit-background-clip: text;
  color: transparent; */
  font-size: 80%;
	font-weight: 600;
  line-height: 240%;
  padding: 2% 0 5%;
}
.movie_block .movie_list{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.movie_block .movie_list .movie_youtube{
  width:49%;
}

.movie_block .movie_list .movie_youtube .youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie_block .movie_list .movie_youtube .youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.movie__wrap {
	display: flex;
}
	@media screen and (max-width: 1020px) {
		.movie__wrap {
			width: 94%;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 768px) {
		.movie__wrap {
			width: 100%;
		}
	}
.movie__wrap div {
	position: relative;
	width: 47%;
	height: auto;
	cursor: pointer;
	min-height: 190px;
	margin: 0 1.5% 50px;
}
	@media screen and (max-width: 750px) {
		.movie__wrap div {
			width: 100%;
			margin-bottom: 40px;
		}
	}
.movie__wrap div i {
	position: absolute;
	top: 40%;
	left: 0;
	color: #d91515;
	font-size: 5rem;
}
.movie__wrap div img {
	width: 100%;
	height: auto;
}
.movie__wrap div img:hover {
	opacity: .5;
	transition: .5s;
}


.movie_block .movie_btn {
	margin: 0 auto;
	padding: 3% 0;
}
	@media all and (max-width: 750px) {
		.movie_block .movie_btn{
		  width: 70%;
		}
	}
.movie_block .movie_btn a {
  display: block;
  position: relative;
  background:#0577da;
  color:#fff;
	width: 40%;
  font-size:75%;
	text-align: center;
  border:2px solid #0577da;
  border-radius: 10px;
	margin: 0 auto 2%;
  padding: 2%;
  /* padding-left: 30%; */
  transition: .3s;
}
	@media all and (max-width: 750px) {
		.movie_block .movie_btn a{
			font-size:60%;
			margin-bottom: 5%;
		}
	}
.movie_block .movie_btn a:after{
  content: "";
  width: 10%;
  height: 15px;
  background-image: url(/company/recruit/adoption_detail/images/top/arrow_c.png);
  background-size: contain;
  position: absolute;
  bottom: calc(50% - 7.5px);
  right: 5%;
  background-repeat: no-repeat;
  transition: .8s;
}
.movie_block .movie_btn a:hover{
  opacity: .5;
  transition: .8s;
}
.movie_block .movie_btn a:hover:after{
  transition: .8s;
  right: 2%;
}
@media all and (max-width: 1200px) {
	.special_btns{
	  padding: 0 20px;
	}
}
.special_btns{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  margin-bottom: 4%;
}
.special_btns a{
  display:block;
  width:49%;
}
.special_btns_ws{
  margin-bottom: 4%;
}
@media all and (max-width: 1200px) {
	.special_btns_ws{
	  padding: 0 20px;
	}
}
.special_btns_ws .sp{
  display: none;
}
@media screen and (max-width: 700px) and  (orientation: portrait){
    .movie_block{
      padding:2% 5%;
    }
    .movie_block .movie_readtext{
      text-align:left;
      line-height: 150%;
    }
    .movie_block .movie_list .movie_youtube{
      width:100%;
      margin-bottom: 3%;
    }
    .movie_block .movie_btn a{
	  width: 90%;
	  color: #fff;
	  /* text-shadow: none; */
      padding-left: 4%;
      padding: 4%;
    }
    .movie_block .movie_btn a:after{
      right: 5%;
    }
    .special_btns{
      margin: 0 5%;
      margin-bottom: 0;
      flex-direction: column;
    }
    .special_btns a{
        width:100%;
        margin-bottom: 4%;
    }
    .special_btns_ws{
      margin:0 5%;
    }
    .special_btns_ws .pc{
      display: none;
    }
    .special_btns_ws .sp{
      display: inline-block;
    }
}



/*===============================================
/SPECIAL MOVIE AREA
==============================================*/
/*====================== special フォントサイズ*/
.flexArea__intro__textBlock {}
.name {font-size: 2.2rem;margin-top: 10px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;color: #000;}
.name--small {font-size: 1.2rem;color: #999;margin-bottom: 5px;}
.name--small:nth-of-type(2) {color: #000;}
/*====================== /special フォントサイズ*/




/*===============================================
 raundBlock AREA
==============================================*/
.raundBlock {
  position: relative;
}
	@media screen and (max-width: 750px){
		.raundBlock {
			margin-top: 50px;
		}
	}
.raundBlock .round_ttl {
	display: flex;
	width: 100%;
	margin: 0 auto;
}
	@media screen and (max-width: 750px){
		.raundBlock .round_ttl {
			width: 100%;
		}
	}
.raundBlock .round_ttl h2 {
	background: url("/company/recruit/adoption_detail/images/top/round_ttl_bg.png") no-repeat 0 0;
	color: #0078E0;
	font-size: 7rem;
	line-height: 2;
	padding: 1rem 0 0 6rem;
	z-index: 10;
}
	@media screen and (max-width: 1024px){
		.raundBlock .round_ttl h2 {
			font-size: 7rem;
		}
	}
	@media screen and (max-width: 768px){
		.raundBlock .round_ttl h2 {
			background-position: right top;
			font-size: 4.5rem;
			padding-left: 3rem;
		}
	}
	@media screen and (max-width: 750px){
		.raundBlock .round_ttl h2 {
			font-size: 2.8rem;
			margin: 0;
			padding-left: 2rem;
		}
	}
.raundBlock .round_ttl h2 span {
	display: inline-block;
	color: #fff;
	font-family: "Noto Sans JP", serif;
	font-size: 6rem;
	text-shadow: 1px 1px 0 #07d, -1px -1px 0 #07d,
				-1px 1px 0 #07d, 1px -1px 0 #07d,
				0px 1px 0 #07d,  0 -1px 0 #07d,
				-1px 0 0 #07d, 1px 0 0 #07d;
	font-weight: 500;
	transform: scale(1, 0.86);
}
	@media screen and (max-width: 768px){
		.raundBlock .round_ttl h2 span {
			font-size: 4rem;
		}
	}
	@media screen and (max-width: 750px){
		.raundBlock .round_ttl h2 span {
			font-size: 2rem;
		}
	}
.raundBlock .round__flex {
	display: flex;
	max-width: 1040px;
	margin: 2.5rem auto 140px;
}
	@media screen and (max-width: 768px){
		.raundBlock .round__flex {
			margin-top: 3.8rem;
		}
	}
	@media screen and (max-width: 750px){
		.raundBlock .round__flex {
			display: block;
		}
	}
.raundBlock .round__flex a.round__flex__item {
	display: block;
	position: relative;
	width: 48%;
	margin: 0 auto;
	z-index: 5;
}
	@media screen and (max-width: 750px){
		.raundBlock .round__flex a.round__flex__item {
			width: 90%;
			margin-bottom: 120px;
		}
	}
.raundBlock .round_img {
	z-index: -1;
}
	@media screen and (max-width: 1024px){
		.raundBlock .round_img {
			margin-top: -50px;
		}
	}
	@media screen and (max-width: 750px){
		.raundBlock .round_img {
			margin-top: -25px;
		}
	}
.raundBlock .raundBlock__link {
	position: absolute;
	right: -5px;
	bottom: -40px;
	background-color: #0376da;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	border: 2px solid #0376da;
	border-radius: 5px;
	padding: 2rem 1rem 1.5rem;
}
	@media screen and (max-width: 768px){
		.raundBlock .raundBlock__link {
			font-size: 1.6rem;
		}
	}
	@media screen and (max-width: 750px){
		.raundBlock .raundBlock__link {
			font-size: 1.4rem;
			padding: 1.5rem 1rem 1rem;
		}
	}
.raundBlock .raundBlock__link::after {
	content: url("/company/recruit/adoption_detail/images/top/arrow.png");
	padding-left: 2rem;
}
	@media screen and (max-width: 768px){
		.raundBlock .raundBlock__link::after {
			padding-left: 1rem;
		}
	}

/*===============================================
 projectBlock AREA
==============================================*/
.projectBlock {
  text-align: center;
  padding: 60px 0;
  background-color: #eee;
}
	@media screen and (max-width: 768px){
		.projectBlock {
			margin-top: 100px;
		}
	}
.projectBlock h2 {
	display: inline-block;
}
.projectBlock p {
	margin-top: 50px;
}
	@media screen and (max-width: 1024px){
		.projectBlock p {
			font-size: 1.8rem;
		}
	}
	@media screen and (max-width: 768px){
		.projectBlock p {
			padding: 0 2rem;
		}
	}
.projectBlock .slide_wrap {
  margin: 30px auto;
}
	@media screen and (max-width: 768px){
		.projectBlock .slide_wrap {
		  width: 92%;
		}
	}
.projectBlock .slider {
  position: relative;
  width: 90%;
  max-width: 1020px;
  list-style: none;
  margin-top: 30px;
  margin: 0 auto;
}
.projectBlock .slide {
  position: relative;
  margin: 0 10px;
}
	@media screen and (max-width: 768px){
		.projectBlock .slide {
		  width: 90%;
		}
	}
.projectBlock .slide img {
  width: 100%;
}
.projectBlock .energy_btn {
  position: absolute;
  bottom: 20px;
  right: 12px;
  max-width: 260px;
  background: #eee;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
  padding: 1.5rem;
}
	@media screen and (max-width: 1024px){
		.projectBlock .energy_btn {
		  right: 9px;
		  margin-left: 30px;
		  font-size: 2.0rem;
		}
	}
	@media screen and (max-width: 768px){
		.projectBlock .energy_btn {
		  right: 6px;
		  margin-left: 30px;
		  font-size: 1.8rem;
		  font-weight: normal;
		}
	}
.projectBlock .energy_btn span {
  font-size: 1.8rem;
}
.projectBlock .project_tit {
	color: #0074C0;
	font-family: 'Montserrat', sans-serif;
	font-size: 9.8rem;
}
	@media screen and (max-width: 768px){
		.projectBlock .project_tit {
		  font-size: 6rem;
		}
	}
	@media screen and (max-width: 750px){
		.projectBlock .project_tit {
		  font-size: 3.2rem;
		}
	}
.projectBlock button {
	background: transparent;
	position: absolute;
	width: 50px;
	height: 50px;
	top: calc(50% - 25px);
	border: none;
	opacity: .3;
	cursor: pointer;
	z-index: 10;
}
	@media screen and (max-width: 768px){
		.projectBlock button {
		}
	}
.projectBlock button:hover {
	opacity: 1;
	transition: .5s all;
}
.projectBlock button.prev {
	left: -20px;
}
.projectBlock button.next {
	right: -20px;
}
.projectBlock button img {
	width: 100%;
}



/* 基本のスタイル */
   .intro1.delighter {
    transform: translate(120%, 0%);
    opacity: 0;
    transition: all .7s ease-out;
   }

/* スタート時のスタイル */
   .intro1.delighter.started {
    transform: translate(0%, 0%);
      opacity: 1;
   }

   /* 基本のスタイル */
   .intro2.delighter {
    transform: translate(120%, 0%);
    opacity: 0;
    transition: all .8s ease-out;
   }

/* スタート時のスタイル */
   .intro2.delighter.started {
    transform: translate(0%, 0%);
      opacity: 1;
   }

   /* 基本のスタイル */
   .intro3.delighter {
    transform: translate(120%, 0%);
    opacity: 0;
    transition: all .9s ease-out;
   }

/* スタート時のスタイル */
   .intro3.delighter.started {
    transform: translate(0%, 0%);
      opacity: 1;
   }

   /* 基本のスタイル */
   .bt01.delighter {
    transform: translate(-120%, 0%);
    opacity: 0;
    transition: all .7s ease-out;
   }

/* スタート時のスタイル */
   .bt01.delighter.started {
    transform: translate(0%, 0%);
      opacity: 1;
   }
  .min_teir{
    font-size: 14px;
  }
  .m1024_none {
	  display: none!important;
}
@media screen and (max-width:1020px) {
  .m1024_none {
	  display: block!important;
	}
  .specialBlock {
	  padding: 55px 15px 78px;
	  margin-top: 0;
	}
  #news .conCenter,
  .pick__item,
  .footCopy--flex {
	  width: 92%;
	  padding: 0 15px;
	}
}/*1020px media*/

@media screen and (max-width:750px) {
  .m1024_none {
	  display: none;
	}
  main {
	  op: 0;
	  margin-bottom: 0;
	}
  #news .conCenter {
    width: 100%;
    padding-left: 2%;
    padding: 0;
  }
  #news {
	  position: relative;
	}
  h2{
    margin: 0 auto;
  }
  h2 span{
    font-size: 0.8em;
    margin: 10px 0 10px;
  }
 .specialBlock__inner{
    width: 100%;
 }
 .mv01{
 	width: 100%;
 }
.tit_img,
.round_tit_img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
	.footCopy--flex {
	  width: 197px;
	  margin: 30px auto 0;
	  padding: 0 15px;
	}
#news .conCenter .infoArea {
	padding: 15px 0 15px 10px;
	}
#news .conCenter .itemArea li {
	/* height: 50%; */
	padding: 24px 0;
	}
	
	
/*===============================================
 specialBlock AREA
==============================================*/
.specialConte__text {text-align: center;}
.specialBlock h2 {
  display: inline-block;
  width: auto;
}
.specialBlock h2 {margin-bottom: 32px;}
.specialBlock {
  padding: 30px 0 0;
}
.specialBlock .readText {
  width: 85%;
  margin: 0 auto;
  margin-bottom: 24px;
}
.type01__btn {margin: 0 auto 10px;}
.movieBox--flex {
  display: block;
  padding: 0 15px;
}
.movieBox__items {display: flex;width: 100%;margin-bottom: 15px;}
.movieBox__items figure,
.movieBox__items__datiles {width: 70%;overflow: hidden;}
.movieBox__items figure img {transform: scale(1.3);}
.movieBox__items:last-of-type {margin: 0;}
.movieBox__items:first-of-type{margin-bottom: 15px;}
.tit_img {top: 3px;}
	
/*===============================================
 raundBlock AREA
==============================================*/
.projectBlock {
  padding-bottom: 50px;
}
.energyText {padding: 0 15px;}
.projectBlock .flexArea {
  width: 100%;
}
.project_tit_img {bottom: -4%;}
.energy_btn {
  right: -28%;
  left: 0;
  margin: 0 auto;
}
.flex__items::before {left: -10px;}

.flexBox{
  display: block;
}
.flexBox__left{
  width: 100%;
  margin-bottom: 50px;
}
.flexBox__right{
  display: block;
}
.flexBox__right a img{
  display: block;
  margin: 0 auto;
  width: 100%;
  border: 1px solid #eaeaea;
}
.specialBlock__inner, .raundBlock__inner {
  width: 100%;
  padding: 15px;
}
.specialBlock__inner {
  padding: 30px 15px 50px;
}
.flexBox__left p,.projectBlock__inner p{
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    line-height: 180%;
    font-size: 0.8em;
    margin-top: 22px;
}
footer {
    min-width: 100%;
    position: relative;
    top: -20px;
}

}
@media all and (max-width:807px) {
.movie_short01 a{
float: none;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
}
}

@media all and (max-width:640px) {
  #news .conCenter .infoArea { width: calc(100% - 10px);font-size: 1.3rem;}
  #news .conCenter .itemArea {width: 100px;}
}
@media all and (max-width:480px) {
  .raundBlock__circle h2::before, .raundBlock__circle h2::after {left: 80px;}
  .type01__btn {width: 185px;}
  .raundBlock_subTit {margin:15px 0;}
  .raundBlock__circle {top: 54%;}
  .flex__items::before {left: -34px;}
  .tit_img, .project_tit_img {bottom: -2%;}
}


/*2021 0108 追加　内間　ここから*/
.shain_flex{
  display: flex;
  margin-bottom: 5%;
}
.shain_flex .flex_left{
  flex:1;
}
.shain_flex .flex_right{
  flex:2;
  margin-left: 3%;
}
.shain_flex .flex_left .shainmv_sp{
  display: none;
}
@media screen and (max-width: 807px){
  .shain_flex{
    width: 100%;
    margin:1% auto 5%;

  }
  .shain_flex .flex_left{
    text-align:center;
  }
  .shain_flex .flex_left .sp_white_block{
    background: white;
    width:90%;
    margin:auto auto 5%;
    padding-bottom:5%;

  }

  .shain_flex .flex_left .shainmv_sp{
	  display: block;
    margin: 2% auto ;
  }

  .shain_flex .flex_left .readText{
    text-align:left;
  }
  .shain_flex .flex_left .type01__btn{
    margin: 5% auto;
  }
  .shain_flex .flex_right{
    display: none;
  }
  .shain_flex .flex_left .readText,
  .specialConte__text.bt01{
    /* text-shadow: 1px 1px 1px white, 1px -1px 1px white, 1px -1px 1px white, -1px -1px 1px white; */
  }
}
@media screen and  (max-width: 480px){
  .raundBlock__circle {
      top: 40%;
      width: 100%;
  }
}
/*2021 0108 追加　内間　ここまで*/