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


.page-id-53 .page_bn_title-block,
.page-child .page_bn_title-block,
.post-type-archive-people .page_bn_title-block,
.single-people .page_bn_title-block {
  margin-bottom: 7.5rem;
}
.page-id-53 .page_bn_title-block .index-tit_box,
.page-child .page_bn_title-block .index-tit_box,
.post-type-archive-people .page_bn_title-block .index-tit_box,
.single-people .page_bn_title-block .index-tit_box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.page-id-53 .page_bn_title-block .index-tit_box .index-tit_h2 + h6,
.page-child .page_bn_title-block .index-tit_box .index-tit_h2 + h6,
.post-type-archive-people
  .page_bn_title-block
  .index-tit_box
  .index-tit_h2
  + h6,
.single-people .page_bn_title-block .index-tit_box .index-tit_h2 + h6 {
  margin-top: 0;
  margin-left: 2rem;
  padding-bottom: 0.5em;
}
@media (max-width: 768px) {
  .page-id-53 .page_bn_title-block,
  .page-child .page_bn_title-block,
  .post-type-archive-people .page_bn_title-block,
  .single-people .page_bn_title-block {
    margin-bottom: 2.8rem;
  }
  .page-id-53 .page_bn_title-block .index-tit_box,
  .page-child .page_bn_title-block .index-tit_box,
  .post-type-archive-people .page_bn_title-block .index-tit_box,
  .single-people .page_bn_title-block .index-tit_box {
    display: block;
  }
  body.page-id-53 h2.index-tit_h2,
  body.page-child h2.index-tit_h2 {
    font-size: 7.46vw;
    line-height: 1.1;
  }
  .page-id-53 .page_bn_title-block .index-tit_box .index-tit_h2 + h6,
  .page-child .page_bn_title-block .index-tit_box .index-tit_h2 + h6,
  .post-type-archive-people
    .page_bn_title-block
    .index-tit_box
    .index-tit_h2
    + h6,
  .single-people .page_bn_title-block .index-tit_box .index-tit_h2 + h6 {
    margin-top: 0.25rem;
    margin-left: 0;
    font-size: 1.1rem;
    padding-bottom: 0;
  }
}
/**--------------------
   careertop
-------------------**/
html,body,#containerall {
	height:100%;
}
.careers main {
	padding-top:0;
}
.career-header {
  height: calc(100% - 90px);
  position: relative;
	padding-top:90px;
}

/*
.webp .career-header {
  background: url("../../assets/img/career/bg_kv_career@2x.webp") right center no-repeat;
  background-size: cover;
}
.no-webp .career-header {
  background: url("../../assets/img/career/bg_kv_career@2x.jpg") right center no-repeat;
  background-size: cover;
}
*/
.career-header .page-kv {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.career-header .page-kv img, .career-header .page-kv .img {
  width: auto;
  height: auto;
  max-width: none;
  opacity:0;
	position:relative;
}
.career-header .page-kv .img:before {
	position:absolute;
	content:"";
	background: var(--main-txt-color);
	opacity:0.2;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.career-header .page-kv .onplay.movie:before {
	content:none;
}
/*
.career-header .page-kv .movie .video-btn {
	background: url("/wp-content/themes/RegritPertners/assets/img/top/btn_play.png") center no-repeat;
	width:calc(var(--basevw) * 160);
	height:calc(var(--basevw) * 160);
	background-size:100% auto;
	position:absolute;
	top:50%;
	right:20%;
	transform: translateY(-50%);
}
*/
.career-header .video-btn {
	width:calc(var(--basevw) * 160);
	height:calc(var(--basevw) * 160);
	position:absolute;
	top:calc(50% - 45px + 80px);
	right:20%;
	transform: translateY(-50%);
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity:0;
	transition:.5s;
}
.career-header .video-btn:before {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index: 3;
	background: url("/wp-content/themes/RegritPertners/assets/img/top/circle_playmovie.png") no-repeat center;
	background-size:100% auto;
	animation:10s linear infinite rotation;
	content:"";
}
.career-header .video-btn img {
	width:16.875%;
	height: auto;
}
@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

/*画面サイズが変わっても常に動画の中央が表示されるようにする*/
/*動画よりも画面が横に長くなるとき用*/
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
  .page-kv video {
    width: 100%;
  }
}

/*動画よりも画面が縦に長くなるとき用*/
@media (max-aspect-ratio: 16/9) {
  .page-kv video {
    height: 100%;
	max-width:none;
  }
}

.btn_audio_box {
	width:100%;
	position:absolute;
	right:0;
	bottom:0;
	z-index: 10;
}
.btn_audio_box span {
	width:42px;
	height:42px;
	display: block;
	margin:0 4.14% 20px auto;
	background: url("/wp-content/themes/RegritPertners/assets/img/about/btn_audio.svg") no-repeat;
	background-size:100% auto;
}
.btn_audio_box.muted span {
	width:42px;
	height:42px;
	display: block;
	margin:0 4.14% 20px auto;
	background: url("/wp-content/themes/RegritPertners/assets/img/about/btn_audio_off.svg") no-repeat;
	background-size:100% auto;
}
.appear .career-header .page-kv img, .appear .career-header .page-kv .img {
  	animation: imagein 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.appear .career-header .video-btn {
	animation: opa100 2.5s 2s forwards;
}

@media (min-width: 1280px) {
	.career-header .video-btn {
	width:160px;
	height:160px;
	}
}
@media (min-width: 769px) {
	.career-header .page-kv .img  {
/*		aspect-ratio: 384/207;*/
		height:100%;
		width:100%;
		object-fit: cover;
	}
  .career-header .career-kv-copy {
    position: fixed;
    left: calc(64 * var(--basevw) + 6.25%) !important;
    top: 33.07% !important;
    /*	transition: 1s;*/
  }
  .career-header .career-kv-copy .default * {
    color: #fff;
  }
  .career-header .career-kv-copy .blue * {
    color: var(--main-tit-color);
  }
  .career-header .career-kv-copy.nofix {
    opacity: 0;
    /*		transition: 1s;*/
  }

  #career_intro .index-tit_box .career-kv-copy {
    opacity: 0;
    /*	transition: 1s;*/
  }
  #career_intro .index-tit_box .career-kv-copy.nofix {
    opacity: 1;
	position: absolute !important;
    /*		transition: 1s;*/
  }
}
.career-header .career-kv-copy h1,
#career_intro .career-kv-copy h1 {
  font-size: 7vw;
  line-height: 1.1;
}
.win .career-header .career-kv-copy h1,
.win #career_intro .career-kv-copy h1 {
  line-height: 1.0;
}
.career-header .career-kv-copy h1 > span{
	display:block;
}
span.smoothText {
	overflow: hidden;
	display: block;
}

/* アニメーションで傾斜がついている文字列を水平に戻す*/
span.smoothTextTrigger{
	transition:.8s ease-in-out;
	transform: translate3d(0,100%,0) skewY(12deg);
	transform-origin: left;
	display: block;
}
.last span.smoothTextTrigger {
	transition-delay: .5s;
}
span.smoothTextTrigger.anime{
    transform: translate3d(0,0,0) skewY(0);
}
.career-header .career-kv-copy h1 > span:nth-of-type(2) span.smoothTextTrigger{
	transition: .8s .3s ease-in-out;
}
.career-header .career-kv-copy h1 > span:nth-of-type(3) span.smoothTextTrigger{
	transition: .8s .5s ease-in-out;
}
.nofix .midnightHeader.blue .midnightInner, .nofix .midnightHeader.default .midnightInner  {
	overflow: visible !important;
}
.career-header .career-kv-copy p,
#career_intro .career-kv-copy p {
  font-size: 1.25vw;
  margin-top: 2.5rem;
  opacity: 1;
}
.win .career-header .career-kv-copy p,
.win #career_intro .career-kv-copy p {
  margin-top: 2.0rem;
}
.page-id-53 .career-header .breadcrumb,
.page-child .career-header .breadcrumb {
  bottom: 8.6%;
  right: 4.14%;
  margin-bottom: 0;
}
.page-id-53 .career-header .breadcrumb *,
.page-child .career-header .breadcrumb * {
  color: #fff;
  transition: 0.5s;
}
.page-id-53 .career-header .breadcrumb a:hover,
.page-child .career-header .breadcrumb a:hover {
  opacity: 0.8;
  color: #fff;
  transition: 0.5s;
}
.careers .breadcrumb li + li::before {
  background: #fff;
  opacity: 0.2;
}
.scroll-bar {
  position: absolute;
  left: calc(4.6% - 4em);
  bottom: 8.6%;
  z-index: 100;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-flow: column;
}
.scroll-bar .scroll-bar-text {
  color: #fff;
  letter-spacing: 0.2em;
  font-size: calc(var(--baseft) * 0.83);
  padding-bottom: 1px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-bottom: 4em;
}
.scroll-bar .scroll-bar-icon {
  align-items: center;
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 30px;
  height: 30px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  overflow: hidden;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}
.scroll-bar .scroll-bar-icon .link_text__icon {
  width: 100%;
  height: 6px;
  fill: #fff;
}
@media (min-width: 1440px) {

}
@media (min-width: 1367px) {
  .career-header {
    min-height: 864px;
  }
}
@media (min-width: 1281px) {
  .career-header {
    min-height: 678px;
  }
  .career-header .career-kv-copy h1,
  #career_intro .career-kv-copy h1 {
    font-size: calc(var(--baseft) * 7.5);
  }
  .win .career-header .career-kv-copy h1,
  .win #career_intro .career-kv-copy h1 {
    font-size: calc(var(--baseft) * 7.2);
  }
  .career-header .career-kv-copy p,
  #career_intro .career-kv-copy p {
    font-size: calc(var(--baseft) * 1.3);
  }
}

@media (max-width: 1024px) {
  .page-id-53 .career-header,
  .page-child .career-header {
    height: calc(100% - 60px);
    display: flex;
	overflow: hidden;
	padding-top:0;
  }
}

@media (max-width: 768px) {
/*
	.careers {
		padding-top:0;
	}
*/
	.career-header {
		padding-top:0;
	}
  .career-header .page-kv {
/*    height: calc(100vh - 60px);*/
	  object-fit: scale-down;
  }
	.career-header .page-kv img, .career-header .page-kv .img {
		width:100%;
		height: 100%;
		object-fit: cover;
	}
	.career-header .page-kv .img #videosp {
		object-fit: cover;
		height: 100%;
    	width: auto;
	}
	.career-header .video-btn {
	width: calc(var(--basevw) * 122);
    height: calc(var(--basevw) * 122);
		right:auto;
		left:50%;
		transform: translate(-50%, 0);
		top:auto;
		bottom:17.3%;
		z-index: 4
	}
  .page-id-53 .career-header .breadcrumb,
  .page-child .career-header .breadcrumb {
    bottom: 5.3%;
    left: 4.14%;
    right: auto;
    margin-bottom: 0;
    z-index: 3;
  }
  .scroll-bar {
    position: absolute;
    right: 5.3%;
    left: auto;
    bottom: 4.6%;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    flex-flow: row;
  }
  .scroll-bar .scroll-bar-text {
    padding-bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    margin-bottom: 0;
    margin-right: 1rem;
  }
	.btn_audio_box span {
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 5.3%;
		width:32px;
	}
  .career-header .career-kv-copy h1,
  #career_intro .career-kv-copy h1 {
    font-size: 16vw;
  }
  .career-header .career-kv-copy {
    left: 50%;
    top: 28%;
    transform: translate(-50%, -50%);
    z-index: 3;
	position: absolute;
	  color:#FFF;
  }
  .career-header .career-kv-copy p,
  #career_intro .career-kv-copy p {
    font-size: 1.4rem;
	  white-space: nowrap;
  }
}
@media (max-width: 575px) {

}
#career_intro {
  padding: calc(var(--basevw, 0.078vw) * 150) 0 0;
  padding: 150px 0 0;
}
#career_intro .index-tit_box {
  width: 48.5%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
#career_intro .index-txt_box {
  width: 51.5%;
	opacity:0;
	transition: .5s;
}
#career_intro .index-txt_box.is-show {
	opacity:1;
}
#career_intro .index-tit_box h5.en-serif {
  transform: rotate(90deg);
  transform-origin: top left;
  position: absolute;
  left: 1.5em;
  top: 0.8em;
  font-size: calc(var(--baseft) * 1.66);
	opacity:0;
	transition: .5s;
}
#career_intro .index-tit_box h5.en-serif.is-show {
	opacity:1;
}
#career_intro .index-tit_box h1 {
  color: var(--main-tit-color);
}
#career_intro .index-tit_box .career-kv-copy {
  margin-left: calc(64 * var(--basevw));
  position: relative;
  top: -0.75em;
}

#career_intro .career-kv-copy p {
  color: var(--main-tit-color);
}
#career_intro .index-txt_box p {
  font-size: calc(var(--baseft) * 1.16);
  line-height: 2.7;
　overflow: visible;
}
#career_intro .img-box {
  width: 93.75%;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
  padding-bottom: calc(var(--basevw, 0.078vw) * 100);
}
#career_intro .img-box img {
  width: 100%;
}
.careers #career_intro .page_bn_title-block {
  margin-bottom: calc(var(--basevw, 0.078vw) * 150);
}
#career_intro .btm_sect {
  position: relative;
}
#career_intro .btm_sect:before {
  content: "";
  background: var(--bg-light-color);
  width: 93.75%;
  height: calc(100% - var(--basevw, 0.078vw) * 100);
  position: absolute;
  left: 0;
  bottom: 0;
}

#career_message {
  padding: calc(var(--basevw, 0.078vw) * 150) 0
    calc(var(--basevw, 0.078vw) * 180);
}
.message-wrap {
  position: relative;
}
.message-wrap:before {
  content: "";
  width: 88.75%;
  height: calc(100% - var(--basevw, 0.078vw) * 200);
  background: #f7f9fb;
  position: absolute;
  left: 0;
  top: calc(var(--basevw, 0.078vw) * 200);
}
.photo-section:before {
  width: 72.5%;
}
.photo-section:before {
  left: auto;
  right: 0;
}
.photo-section .page_bn_img-block {
  width: 42.5%;
  margin-left: 6.25%;
  overflow: hidden;
  padding-bottom: calc(var(--basevw, 0.078vw) * 80);
}
.photo-section .page_bn_img-block img {
  width: 100%;
}
.photo-section .page_bn_title-block {
  position: relative;
  width: 56.25%;
  right: 0;
  top: calc(var(--basevw, 0.078vw) * 180);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: calc(100% - var(--basevw, 0.078vw) * 80);
  margin-left: -5%;
  z-index: 3;
}
.photo-section .page_bn_title-block .index-txt_box {
  background: #fff;
  width: 100%;
  height: auto;
  padding: calc(var(--basevw, 0.078vw) * 80);
}
.photo-section .page_bn_title-block .index-txt_box p.name {
  text-align: right;
  font-size: calc(var(--baseft) * 1.16);
}
.photo-section .index-txt_box h5,
.photo-section .index-tit_box h5 {
  margin-top: calc(var(--basevw, 0.078vw) * 45);
}

#career_plinciple {
	background: #f7f9fb;
}
.column .page_bn_title-block {
	padding:0 14.2%;
	display: flex;
	height:100%;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
}
#career_plinciple .img-box {
	padding:calc(var(--basevw)*140) 14.2%;
	display: flex;
	height:100%;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
}
#career_plinciple .img-box figure {
	width:100%;
}
#career_values {
  padding: calc(var(--basevw, 0.078vw) * 150) 0
    calc(var(--basevw, 0.078vw) * 170);
}
#career_values h3.index-tit_h2 {
  font-size: calc(var(--baseft) * 5);
  line-height: 1.16;
}
#career_values h3.index-tit_h2 + h5 {
  margin-top: calc(var(--baseft) * 1.66);
}

#career_values .page_bn_cont-block {
  padding: 0 2.5%;
}
#career_values .numbers-index .inn-box {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 calc(var(--basevw, 0.078vw) * 55);
  justify-content: flex-start;
}
#career_values .numbers-index:last-child .inn-box {
  border-right: none;
}
.icon_value {
  width: calc(var(--basevw, 0.078vw) * 82);
  height: calc(var(--basevw, 0.078vw) * 82);
}
.icon_value img {
  width: 100%;
}
#career_values .numbers-index .inn-box h4.en-serif {
  font-size: calc(var(--baseft) * 2.5);
  margin-top: calc(var(--basevw, 0.078vw) * 18);
  line-height: 1.1;
}
#career_values .numbers-index .inn-box h4.en-serif + h6 {
  margin-top: calc(var(--basevw, 0.078vw) * 16);
  line-height: 1.1;
}
#career_values .numbers-index .inn-box .txt-box {
  margin-bottom: calc(var(--basevw, 0.078vw) * 25);
}
#career_values .numbers-index .inn-box .txt-box + p {
  text-align: left!important;
}
#career_top_office {
  padding: calc(var(--basevw, 0.078vw) * 150) 0
    calc(var(--basevw, 0.078vw) * 180);
}
#career_top_office:before {
  content: "";
  background: var(--bg-light-color);
  width: 93.75%;
  height: calc(var(--basevw) * 595);
  position: absolute;
  left: 0;
  top: calc(var(--basevw, 0.078vw) * 240);
}
.page-id-53 .office-slider,
.page-child .office-slider {
  width: 93.75%;
  margin: 0 0 0 auto;
  overflow: hidden;
}

.ex-button-next {
  position: absolute;
  z-index: 4;
  right: 0;
  top: 0;
  width: 12%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  opacity: 0;
}
.ex-button-prev {
  position: absolute;
  z-index: 4;
  left:0;
  top: 0;
  width: 12%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  opacity: 0;
}
.ex-button-next.disabled,
.ex-button-prev.disabled {
  pointer-events: none;
}
.ex-button-next.is-show,
.ex-button-prev.is-show {
  opacity: 1;
}
/*
.ex-button-next img,
.ex-button-prev img {
  opacity: 0.6;
  transform: scale(1);
  transition: all 0.1s ease;
}
.ex-button-next:hover img,
.ex-button-prev:hover img {
  transform: scale(1.5);
  opacity: 1;
}
*/

#career_top_office .page_bn_title-block {
  position: relative;
  top: calc(var(--basevw, 0.078vw) * -90);
  z-index: 1;
  margin-bottom: calc(var(--basevw, 0.078vw) * -90);
}

#career_top_office .page_bn_title-block .section {
  margin: 0 auto 0 0;
  background: #fff;
  padding: calc(var(--basevw, 0.078vw) * 90) 0 0 7%;
  width: 88.75%;
}
#career_top_office .page_bn_title-block .section .office_bn_title-block {
  width: 50%;
}
.careers #career_top_office .office_bn_title-block .index-tit_box,
.careers #career_top_office .office__bn_content-block .index-txt_box {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 12.2%;
}
.office__bn_content-block {
  width: 50%;
}
#career_top_people {
  padding: 0 0 calc(var(--basevw, 0.078vw) * 200);
}
.photo-section2 .is-flex-tablet {
  justify-content: space-between;
}
.photo-section2 .page_bn_img-block {
  width: 51.25%;
  padding-bottom: calc(var(--basevw, 0.078vw) * 80);
  position: relative;
}
.photo-section2 .page_bn_img-block:before {
  content: "";
  background: var(--bg-light-color);
  width: 109%;
  height: calc(var(--basevw) * 615);
  position: absolute;
  left: 0;
  bottom: 0;
}
#career_top_people .page_bn_title-block {
  width: 41.25%;
  padding-right: 6.25%;
  padding-top: 110px;
}
.careers #career_top_people .page_bn_title-block .index-tit_box {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: calc(var(--basevw, 0.078vw) * 48);
}

/*
.career_contact .contact__info-wrap .contact__info-wrap-inner {
  width: 77.7%;
  max-width: none;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 100%;
}
.career_contact .contact__info-wrap .contact__info-wrap-inner .column .inn-box {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.career_contact
  .contact__info-wrap
  .contact__info-wrap-inner
  .column:last-child
  .inn-box {
  border-right: none;
}
.career_contact
  .contact__info-wrap
  .contact__info-wrap-inner
  .column
  .inn-box
  .index-tit_box {
  margin-bottom: calc(var(--basevw, 0.078vw) * 45);
}
*/
@media (max-width: 1024px) {
	#career_intro {
	  padding: 140px 0 0;
	}
}
@media (max-width: 768px) {
  #career_intro {
    padding: calc(var(--basevw, 50px) * 50) 0 0;
  }
  #career_intro .index-tit_box,
  #career_intro .index-txt_box {
    width: 100%;
  }
  #career_intro .index-tit_box .career-kv-copy {
    margin-left: calc(var(--basevw, 30px) * 30);
  }
  #career_intro .index-tit_box h5.en-serif {
    left: 1.5em;
    top: 0.25em;
    font-size: calc(var(--baseft) * 1.16);
  }
  #career_intro .index-txt_box {
    margin-top: calc(var(--basevw, 30px) * 30);
  }
  #career_intro .index-txt_box p {
    font-size: calc(var(--baseft) * 1);
    line-height: 2.1;
    margin-left: calc(30 * var(--basevw, 30px));
  }
  .careers #career_intro .page_bn_title-block {
    margin-bottom: calc(var(--basevw, 60px) * 60);
  }
  #career_intro .img-box {
    height: auto;
    padding-bottom: 0;
  }

  #career_intro .btm_sect:before {
    width: 94.67%;
    height: calc(var(--basevw, 220px) * 220);
  }
  .section_full.btm_sect {
    padding-bottom: calc(var(--basevw, 30px) * 30);
  }
  .photo-section .page_bn_img-block {
    width: 89.3%;
    margin-left: 0;
    overflow: hidden;
    padding-bottom: 0;
    min-height: calc(360 * var(--basevw));
  }
  .photo-section .page_bn_title-block {
    width: 94.67%;
    top: calc(var(--basevw, -50px) * -50);
    margin: 0 0 calc(var(--basevw, -50px) * -50) auto;
    height: auto;
  }
  .photo-section .page_bn_title-block .index-txt_box {
    padding: calc(var(--basevw, 30px) * 30);
  }
  #career_message {
    padding: calc(var(--basevw, 60px) * 60) 0 calc(var(--basevw, 120px) * 120);
  }
  .message-wrap:before {
    content: "";
    width: 94.67%;
    height: calc(100% - calc(var(--basevw, 170px) * 170));
    top: calc(var(--basevw, 180px) * 180);
  }
  .photo-section .index-txt_box h5,
  .photo-section .index-tit_box h5 {
    margin-top: calc(var(--basevw, 25px) * 25);
  }
  body.careers #career_message h2.index-tit_h2 {
    font-size: 9.6vw;
  }
body.careers #career_message .index-txt_box p{
		margin-bottom:1.2rem;
	}
  .photo-section .page_bn_title-block .index-txt_box p.name {
    text-align: right;
    font-size: calc(var(--baseft) * 1.08);
  }
  .message-wrap {
    position: relative;
    margin-bottom: 0;
  }
#career_plinciple {
    padding: calc(var(--basevw)*80) 0 0;
}
#career_plinciple .column .page_bn_title-block {
    padding: 0 5.33% calc(var(--basevw)*60);
	margin-bottom:0;
}
#career_plinciple .img-box {
    padding: calc(var(--basevw)*60) 5.33%;
    height: auto;
}
  #career_values {
    padding: calc(var(--basevw, 60px) * 60) 0;
  }
  #career_values h3.index-tit_h2 {
    font-size: 10.6vw;
    line-height: 1.16;
  }
  #career_values h3.index-tit_h2 + h5 {
    font-size: calc(var(--baseft) * 1);
    margin-top: calc(var(--basevw, 5px) * 5);
  }
  #career_values .page_bn_cont-block {
    padding: 0 5.33%;
  }
  #career_values .numbers-index .inn-box {
    flex-flow: row wrap;
    border-right: none;
    padding: 0;
    justify-content: flex-start;
    padding-bottom: calc(var(--basevw, 36px) * 36);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: calc(var(--basevw, 20px) * 20);
  }
  #career_values .numbers-index:last-child .inn-box {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #career_values .numbers-index .inn-box .txt-box {
    margin-bottom: calc(var(--basevw, 20px) * 20);
    text-align: left;
    padding-left: calc(var(--basevw, 15px) * 15);
  }
  .icon_value {
    width: calc(var(--basevw, 66px) * 66);
    height: calc(var(--basevw, 66px) * 66);
  }
  #career_values .numbers-index .inn-box h4.en-serif {
    font-size: calc(var(--baseft) * 2.16);
  }

  #career_values .numbers-index .inn-box h4.en-serif + h6 {
    margin-top: calc(var(--basevw, 10px) * 10);
    font-size: calc(var(--baseft) * 1.08);
  }
  #career_top_office {
    padding: calc(var(--basevw, 60px) * 60) 0;
  }
  #career_top_office .page_bn_title-block {
    position: relative;
    top: calc(var(--basevw, -37px) * -37);
    z-index: 1;
    margin-bottom: calc(var(--basevw, -37px) * -37);
  }
  .office-slider {
    width: 94.67%;
    margin: 0 0 0 auto;
    overflow: hidden;
  }
  #career_top_office .office-slider .office-img-box {
    height: calc(var(--basevw, 230px) * 230);
  }
  #career_top_office .office-slider .office-img-box img {
    height: 100%;
    width: auto;
  }
  #career_top_office .office-slider .office-img-box {
    overflow: hidden;
  }
  #career_top_office .page_bn_title-block .section .office_bn_title-block,
  .office__bn_content-block {
    width: 100%;
  }
  #career_top_office .page_bn_title-block .section {
    margin: 0 auto 0 0;
    background: #fff;
    padding: calc(var(--basevw, 40px) * 40) 5.33% 0 5.33%;
    width: 94.67%;
  }
  body.careers #career_top_office h2.index-tit_h2,
  body.careers #career_top_people h2.index-tit_h2,
  body.post-type-archive-people #career_top_office h2.index-tit_h2,
  body.post-type-archive-people #career_top_people h2.index-tit_h2,
  body.single-people #career_top_office h2.index-tit_h2,
  body.single-people #career_top_people h2.index-tit_h2 {
    font-size: 9.6vw;
  }
  .careers #career_top_office .office_bn_title-block .index-tit_box,
  .careers #career_top_office .office__bn_content-block .index-txt_box,
  .post-type-archive-people
    #career_top_office
    .office_bn_title-block
    .index-tit_box,
  .post-type-archive-people
    #career_top_office
    .office__bn_content-block
    .index-txt_box,
  .single-people #career_top_office .office_bn_title-block .index-tit_box,
  .single-people #career_top_office .office__bn_content-block .index-txt_box {
    margin-bottom: calc(var(--basevw, 0.13vw) * 30);
    width: 100%;
    padding: 0 0;
  }
  .office__bn_content-block {
    padding-bottom: calc(var(--basevw, 0.13vw) * 30);
  }
  #career_top_office:before {
    content: "";
    width: 100%;
    height: calc(var(--basevw) * 636);
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
  }

  #career_top_people {
    padding: calc(var(--basevw, 0.13vw) * 60) 0 calc(var(--basevw, 80px) * 80);
  }
  .photo-section2 .page_bn_img-block {
    width: 100%;
    padding-bottom: 0;
  }
  .photo-section2 .page_bn_img-block .item-i.item__img {
    width: 85.3%;
    height: calc(var(--basevw, 0.13vw) * 366);
    overflow: hidden;
  }
  .photo-section2 .page_bn_img-block .item-i.item__img img {
    height: calc(var(--basevw, 0.13vw) * 366);
    width: auto;
    max-width: none;
  }
  #career_top_people .page_bn_title-block {
    width: 100%;
    padding: 0 6.25%;
    padding-top: calc(var(--basevw, 0.13vw) * 84);
    margin-bottom: 0;
  }
  .page_bn_title-block .index-tit_box {
    margin-bottom: calc(var(--basevw, 0.13vw) * 30);
  }
  .photo-section2 .page_bn_img-block:before {
    content: "";
    width: 94.6%;
    height: calc(var(--basevw, 0.13vw) * 333);
    position: absolute;
    left: 0;
    top: calc(var(--basevw, 0.13vw) * 77);
    bottom: auto;
  }
  .careers #career_top_people .page_bn_title-block .index-tit_box,
  .post-type-archive-people
    #career_top_people
    .page_bn_title-block
    .index-tit_box,
  .single-people #career_top_people .page_bn_title-block .index-tit_box {
    margin-bottom: calc(var(--basevw, 0.13vw) * 28);
  }
/*
  .contact__info {
    height: auto;
    max-height: none;
  }
  .career_contact .contact__info-wrap {
    padding: 0;
    max-height: none;
  }
  .career_contact .contact__info-wrap .contact__info-wrap-inner .column {
    width: 100%;
  }
  .career_contact
    .contact__info-wrap
    .contact__info-wrap-inner
    .column
    .inn-box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-right: none;
    padding: calc(var(--basevw, 0.13vw) * 60) 5.33%
      calc(var(--basevw, 0.13vw) * 40);
  }
  .career_contact
    .contact__info-wrap
    .contact__info-wrap-inner
    .column:last-child
    .inn-box {
    border-bottom: none;
    padding: calc(var(--basevw, 0.13vw) * 40) 5.33%
      calc(var(--basevw, 0.13vw) * 60);
  }
  .career_contact
    .contact__info-wrap
    .contact__info-wrap-inner
    .column
    .inn-box
    .index-tit_box {
    margin-bottom: calc(var(--basevw, 0.13vw) * 25);
  }
*/
}
@media (max-width: 575px) {
	#career_intro .img-box img {
    height: calc(var(--basevw, 220px) * 220);
    width: auto !important;
    max-width: none;
  }
}
/**--------------------
   environment
-------------------**/
.page-id-66 .page-section {
  padding: calc(var(--basevw, 0.078vw) * 150) 0;
}
.page-id-66 .page-section h3.index-tit_h2 {
  font-size: calc(var(--baseft) * 5);
}
.page-id-66 .page-section h3.index-tit_h2 + h5 {
  margin-top: calc(var(--baseft) * 1.25);
}
.parent-pageid-53.page-id-66 .page_bn_title-block .index-tit_box,
.careers .page_bn_title-block.has-centered .index-tit_box {
  flex-flow: column;
  align-items: center;
}

.parent-pageid-53.page-id-66 .txt-box h4.en {
  font-size: calc(var(--baseft) * 0.91);
  text-align: center;
  margin-bottom: 0.8rem;
}
.parent-pageid-53.page-id-66 .tit-box h4.index-tit_h2.f30 {
  text-align: center;
  font-size: calc(var(--basevw, 0.078vw) * 30);
}
.parent-pageid-53.page-id-66 .txt-box h3.en-serif {
  font-size: calc(var(--baseft) * 2.91);
  text-align: center;
  line-height: 1.1;
}

.parent-pageid-53.page-id-66 .txt-box p {
  font-size: calc(var(--baseft) * 1);
  text-align: center;
}
#career_policy {
  padding: 0;
}
.policy-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: #02396e;
  color: #fff;
  padding: calc(90 * var(--basevw)) calc(70 * var(--basevw));
  height: 100%;
}
.column:nth-of-type(2n) .policy-box {
  background: #053665;
}
.policy-box .txt-box-wrap {
	display: flex;
	flex-flow: column;
	align-items: center;
}
.policy-box .txt-box p {
  margin-top: calc(var(--basevw) * 20);
}
.policy-box .txt-box-wrap .icon_value {
	width: calc(var(--basevw) * 50);
    height: calc(var(--basevw) * 50);
	aspect-ratio:1/1;
}
.policy-box .txt-box h3{
	font-size: 1.5em;
	text-align: center;
	line-height: 1.1;
	letter-spacing: 0.1em;
	margin-top:1em;
}
.policy-box .txt-box h3.en + h6 {
    margin-top: calc(var(--basevw) * 8);
    line-height: 1.1;
	opacity:0.8;
	text-align: center;
	letter-spacing: 0.1em;
}
.policy-box .txt-box-wrap p{
	margin-top:calc(var(--basevw) * 20);
	font-size:0.916666em;
}
.parent-pageid-53.page-id-66 .page_bn_title-block {
  margin-bottom: calc(var(--basevw, 60px) * 60);
}
.environment #career_award .page_bn_title-block {
  margin-bottom: calc(var(--basevw) * 80);
}
.numbers-index .inn-box {
  display: flex;
  justify-content:flex-start;
  align-items: center;
  flex-flow: column;
  text-align: center;
  border-right: 1px solid var(--border-color);
  padding: calc(var(--basevw, 0.078vw) * 50) calc(var(--basevw, 0.078vw) * 35);
  height: 100%;
  width: 100%;
	
}
.graph-index-wrap .numbers-index .inn-box {
  padding: 0 calc(var(--basevw, 0.078vw) * 35);
}
.numbers-index:last-child .inn-box {
  border-right: none;
}
.numbers-index .txt-box h6.en {
  font-size: calc(var(--baseft) * 0.91);
}
.numbers-index .txt-box h5{
  font-size: calc(var(--baseft) * 1.41);
  margin-top: 0.8rem;
  line-height: 1.1;
margin-bottom: calc(var(--basevw) * 20);
}
.graph-index-wrap .numbers-index .inn-box .txt-box h5 {
  font-size: calc(var(--baseft) * 1.5);
}
.graph-index-wrap .numbers-index .inn-box .txt-box h5 small {
  font-size: 0.77em;
}
.numbers-index-wrap .numbers-index .txt-box p {
  font-size: calc(var(--baseft) * 1.33);
}
.graph-index-wrap .numbers-index .inn-box .txt-box h5 + p {
  font-size: calc(var(--baseft) * 1.08);
  margin-top: calc(var(--basevw, 0.078vw) * 10);
	text-align: left!important;
}
.graph-index-wrap .numbers-index .inn-box .graph-box {
  margin-top: calc(var(--baseft) * 1.33);
}
.graph-index-wrap .numbers-index .inn-box .graph-box.circle-graph-box {
  margin-top: calc(var(--baseft) * 2.91);
  width: 78%;
  max-width: 352px;
}
.numbers-index-wrap .numbers-index .txt-box p .en-serif.num {
  color: var(--corp-color);
  font-size: calc(var(--baseft) * 5.83);
  line-height: 1;
}
.columns.is-gapless.numbers-index-wrap:not(:last-child) {
  padding-bottom: calc(var(--basevw, 0.078vw) * 50);
  border-bottom: 1px solid var(--border-color);
  margin-bottom: calc(var(--basevw, 0.078vw) * 50);
}

.learn-card-wrap .learn-card-box {
  background: #fff;
  padding: 3.5em calc(var(--basevw, 0.078vw) * 60);
  text-align: center;
  margin-bottom: calc(var(--basevw, 0.078vw) * 35);
}
.learn-card-wrap .learn-card-box:last-child {
  margin-bottom: 0;
  padding: calc(var(--basevw, 0.078vw) * 35) calc(var(--basevw, 0.078vw) * 40);
}
.learn-card-wrap .learn-card-box h4.index-tit_h2 + h6 {
  font-size: calc(var(--baseft) * 1.16);
  line-height: 1.1;
}
.learn-card-wrap .learn-card-box .tit-box {
  padding-bottom: calc(var(--basevw, 0.078vw) * 35);
  margin-bottom: calc(var(--basevw, 0.078vw) * 35);
  border-bottom: 1px solid var(--border-color);
}
.learn-card-wrap .learn-card-box .tit-box + p {
  font-size: calc(var(--baseft) * 1.08);
  line-height: 2.3;
	text-align:justify;
	text-align:center;
}
.training-index-wrap {
  margin: 0 calc(var(--basevw, 0.078vw) * -20);
}
.training-index-wrap .column {
  padding: 0 calc(var(--basevw, 0.078vw) * 20);
}
.training-box {
  border: 3px solid rgba(0, 57, 116, 0.1);
  padding: calc(var(--basevw, 0.078vw) * 25) calc(var(--basevw, 0.078vw) * 20);
  text-align: center;
  height: 100%;
}
.training-box h6 {
  color: var(--corp-color);
  font-size: calc(var(--baseft) * 1.08);
  line-height: 1.1;
}
.training-box h6 + h5 {
  font-size: calc(var(--baseft) * 1.33);
  line-height: 1.1;
  margin-top: 0.8rem;
}
.training-box .tit-box {
  padding-bottom: calc(var(--basevw, 0.078vw) * 30);
}

#career_pass .page_bn_cont-block {
  margin-bottom: calc(var(--basevw, 0.078vw) * 100);
}
#career_pass .page_bn_cont-block:last-child {
  margin-bottom: 0;
}
.step-index-wrap {
  margin: calc(var(--basevw, 0.078vw) * 40) 0 0;
}
.step-index-wrap .swiper-container {
	position:relative;
}
.step-index-wrap .ex-button-next,.step-index-wrap .ex-button-prev {
	color:transparent !important;
}
.step-slider {
  width: 100%;
}
.step-slider .swiper-slide {
  height: 100%;
  transform: none;
}
.other-slider .step-slider .swiper-slide.wide {
  width: 50%;
}
.other-slider .step-slider .swiper-slide {
  width: 25%;
  height: auto;
}
.step-box {
  border: #4e759a 1px solid;
  background: #02396e;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  padding: calc(var(--basevw, 0.078vw) * 40) calc(var(--basevw, 0.078vw) * 30);
  position: relative;
  height: 100%;
  border-right: none;
}
.swiper-slide:last-child .step-box {
  border-right: 1px solid #4e759a;
}
.step-box:after {
  content: "";
  width: calc(var(--basevw, 0.078vw) * 20);
  height: calc(var(--basevw, 0.078vw) * 23);
  background: url("../../assets/img/career/arrow_step.svg") no-repeat;
  background-size: calc(var(--basevw, 0.078vw) * 20)
    calc(var(--basevw, 0.078vw) * 23);
  position: absolute;
  right: calc(var(--basevw, 0.078vw) * -19);
  top: calc(50% - var(--basevw, 0.078vw) * -11.5);
  z-index: 2;
}
.swiper-slide:last-child .step-box:after {
  display: none;
}
.step-box h6.en {
  font-size: calc(var(--baseft) * 0.91);
  letter-spacing: 0.08em;
  line-height: 1.1;
}
.step-box h6.en + h5 {
  font-size: calc(var(--baseft) * 1.66);
  line-height: 1.1;
  margin-top: 0.5rem;
}
.step-box .tit-box {
  text-align: center;
  padding-bottom: calc(var(--basevw, 0.078vw) * 36);
  margin-bottom: calc(var(--basevw, 0.078vw) * 30);
  border-bottom: 1px solid rgba(255, 255, 2555, 0.2);
  width: 100%;
}


#expart-slider.swiper-autoheight .swiper-wrapper {
	height:auto!important;
	align-items: stretch;
}
#expart-slider .step-slider .swiper-slide {
   height:auto;
   display: flex;
}
.other-slider .swiper-wrapper {
	justify-content: center;
}
#career_pass .ex-button-prev {
	left:-6%;
}
.other-slider .ex-button-next,.other-slider .ex-button-prev {
	display: none;
}

@media (max-width: 768px) {

.policy-box .txt-box-wrap	
	.other-slider .swiper-wrapper {
		justify-content: flex-start;
	}
}

.step-box p {
  line-height: 2.3;
  font-size: calc(var(--baseft) * 1);
}

.step-index-wrap .ex-button-next {
  right: -6%;
}

#career_pass.parent-pageid-53.page-id-66 .page_bn_title-block {
  margin-bottom: calc(var(--basevw, 0.078vw) * 90);
}
.careers.page-id-66 #career_award .page_bn_title-block {
  margin-bottom: calc(var(--basevw, 0.078vw) * 80);
}

.award-box {
  position: relative;
  background: #fff;
  text-align: center;
  padding: calc(var(--basevw, 0.078vw) * 60) calc(var(--basevw, 0.078vw) * 35)
    calc(var(--basevw, 0.078vw) * 40) calc(var(--basevw, 0.078vw) * 35);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.award-box .icon_award {
  width: calc(var(--basevw, 0.078vw) * 77);
  height: calc(var(--basevw, 0.078vw) * 77);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  color: #fff;
  border-radius: 50%;
  background: var(--corp-color);
  position: absolute;
  top: calc(var(--basevw, 0.078vw) * -38.5);
  left: 50%;
  transform: translateX(-50%);
}
.award-box .icon_award small {
  font-size: calc(var(--baseft) * 0.91);
  line-height: 1;
}
.award-box .icon_award .en {
  font-size: calc(var(--baseft) * 1.5);
  line-height: 1;
  margin-top: calc(var(--basevw, 0.078vw) * 10);
}
.award-box h5 {
  font-size: calc(var(--baseft) * 1.33);
  line-height: 1.5625;
}
#career_Welfare
{
  padding: 150px 0;
}
#career_Welfare .numbers-index .txt-box h6.en {
  line-height: 1;
}
#career_Welfare .numbers-index .txt-box h6.en + h5 {
  font-size: calc(var(--baseft) * 1.33);
}
#career_Welfare .numbers-index .icon_welfare {
  width: 29.26%;
  max-width: 103px;
  margin: calc(var(--basevw, 0.078vw) * 20) auto
    calc(var(--basevw, 0.078vw) * 35);
}
#career_Welfare .numbers-index p {
  font-size: calc(var(--baseft) * 1.08);
  line-height: 1.8;
}
#career_Welfare .columns.is-gapless.numbers-index-wrap:not(:last-child) {
  padding-bottom: calc(var(--basevw, 0.078vw) * 60);
  margin-bottom: calc(var(--basevw, 0.078vw) * 60);
}
#career_Welfare .columns.is-gapless:last-child {
  margin-bottom: 0;
}
#career_office {
  padding: calc(var(--basevw, 0.078vw) * 150) 0
    calc(var(--basevw, 0.078vw) * 200);
}
#career_office .office-slider {
	width:100%;
	margin:0 auto;
/*	max-width:1600px;*/
}
.swiper-slide .office-txt {
  text-align: center;
  padding: calc(var(--basevw, 0.078vw) * 25) 0 0 0;
}
.swiper-slide .office-txt h5 {
  color: var(--corp-color);
  font-size: calc(var(--baseft) * 1.5);
  line-height: 1.1;
  margin-bottom: calc(var(--basevw, 0.078vw) * 10);
}
.swiper-slide .office-txt p {
  font-size: calc(var(--baseft) * 1);
  line-height: 1.83;
}
.office-slider .office-img-box img {
  width: 100%;
}

.office-slider .office-txt h5,
.office-slider .office-txt p {
  transform: translateY(10px);
  opacity: 0;
}
.swiper-slide-active .office-txt h5,
.swiper-slide-active .office-txt p {
  transform: translateY(0);
  opacity: 1;
  transition: 0.5s 0.5s;
}
@media (max-width: 1279px) {

}
@media (max-width: 768px) {

  .parent-pageid-53.page-id-66 .page_bn_title-block {
    margin-bottom: calc(var(--basevw, 0.13vw) * 28);
  }
  .page-id-66 .page-section h3.index-tit_h2 {
    font-size: 7.4vw;
  }

  .page-id-66 .page-section h3.index-tit_h2 + h5 {
    margin-top: 0.5rem;
    font-size: calc(var(--baseft) * 0.91);
  }
  .policy-box {
    padding: calc(var(--basevw) * 20) 5.33%
      calc(var(--basevw) * 22);
  }
 .policy-box .txt-box-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
	justify-content: space-between;
	 width:100%;
}
	.policy-box .txt-box-wrap .txt-box {
		padding-left:calc(var(--basevw) * 15);
		text-align: left;
		width:calc(100% - calc(var(--basevw)*50) - calc(var(--basevw)*30))
	}
	.policy-box .txt-box-wrap .i_box {
		width:calc(var(--basevw)*30);
		height:calc(var(--basevw)*30);
		border:1px solid rgba(255,255,255,0.3);
		border-radius: 50%;
		position:relative;
	}
	.policy-box .txt-box-wrap .i_box span {
		background: #FFF;
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%) rotate(0deg);
		transform-origin: center;
		transition: .5s;
	}
	.policy-box .txt-box-wrap .i_box.open span {
		transition: .5s;
		transform: translate(-50%,-50%) rotate(45deg);
		transform-origin: center;
	}
	.policy-box .txt-box-wrap .i_box span:nth-of-type(1) {
		width:calc(var(--basevw)*10);
		height:1px;
	}
	.policy-box .txt-box-wrap .i_box span:nth-of-type(2) {
		height:calc(var(--basevw)*10);
		width:1px;
	}
	.policy-box .txt-box h3.en + h6 {
		text-align: left;
		font-size:calc(var(--basevw)*11);
	}
	.policy-box .txt-box h3 {
		margin-top:0;
		text-align: left;
		font-size:calc(var(--basevw)*14);
	}
	.policy-box .txt-box-wrap p {
		width:100%;
		padding-top:calc(var(--basevw) * 20);
		border-top:1px solid rgba(255,255,255,0.1);
		display: none;
		font-size:calc(var(--basevw)*11);
		
	}
	.policy-index-wrap > .is-one-third.column:last-child {
		display: none;
	}
  .parent-pageid-53.page-id-66 .txt-box h3.en-serif {
    font-size: 8vw;
  }
  .parent-pageid-53.page-id-66 .txt-box h4.en {
    font-size: calc(var(--baseft) * 0.83);
  }

  .parent-pageid-53.page-id-66 .txt-box p {
    font-size: calc(var(--baseft) * 0.91);
  }
  .page-id-66 .page-section {
    padding: calc(var(--basevw, 60px) * 60) 0;
  }
  .numbers-index .inn-box {
    border-bottom: 1px solid var(--border-color);
    border-right: none;
    padding: 0 0 calc(var(--basevw, 0.13vw) * 45);
    margin-bottom: calc(var(--basevw, 0.13vw) * 40);
    height: 100%;
    width: 100%;
  }
  .columns.is-gapless.numbers-index-wrap:not(:last-child) {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
  .graph-index-wrap .numbers-index .inn-box {
    padding: 0 0 calc(var(--basevw, 0.13vw) * 45);
  }

  .columns.is-gapless:last-child.graph-index-wrap .numbers-index .inn-box {
    margin-bottom: 0;
    border-bottom: 0;
    padding: 0;
  }
  .parent-pageid-53.page-id-66 .tit-box h4.index-tit_h2.f30 {
    font-size: 5.3vw;
  }
  .learn-card-wrap .learn-card-box h4.index-tit_h2 + h6 {
    font-size: calc(var(--baseft) * 1.08);
    line-height: 1.1;
    margin-top: calc(var(--basevw, 0.13vw) * 10);
  }
  .learn-card-wrap .learn-card-box,
  .learn-card-wrap .learn-card-box:last-child {
    background: #fff;
    width: 100%;
    padding: calc(var(--basevw, 0.13vw) * 30) calc(var(--basevw, 0.13vw) * 20);
    text-align: center;
    margin: 0 auto calc(var(--basevw, 0.13vw) * 20);
  }
  .training-box {
    margin-bottom: calc(var(--basevw, 0.13vw) * 20);
  }
  .training-box h6 + h5 {
    font-size: calc(var(--baseft) * 1.16);
  }
  .training-box h6 {
    font-size: calc(var(--baseft) * 1);
    line-height: 1.1;
  }
  .learn-card-wrap .learn-card-box .tit-box {
    padding-bottom: calc(var(--basevw, 30px) * 30);
    margin-bottom: calc(var(--basevw, 28px) * 28);
  }
  .learn-card-wrap .learn-card-box .tit-box + p {
    font-size: calc(var(--baseft) * 1);
    line-height: 2.1;
    text-align: left;
  }
  #career_pass .index-tit_box h4.index-tit_h2.f40,
  h4.index-tit_h2.f40 {
    font-size: 5.3vw;
  }
  #career_pass .page_bn_cont-block {
    margin-bottom: calc(var(--basevw) * 50);
  }
  .step-index-wrap {
    margin: calc(var(--basevw, 20px) * 20) 0 0;
  }
  .step-box h6.en + h5 {
    font-size: calc(var(--baseft, 1.2rem) * 1.66);
    line-height: 1.1;
    margin-top: 0.8rem;
  }
  .step-box {
    border: #4e759a 1px solid;
    background: #02396e;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    padding: calc(var(--basevw, 40px) * 40) calc(var(--basevw, 30px) * 30);
    position: relative;
    height: 100%;
    border-right: none;
  }
  .award-index-wrap.columns {
    margin-bottom: 0;
    margin-top: 0;
  }
  .award-index-wrap.columns .column {
    padding-top: 0;
    padding-bottom: 0;
  }
  .award-box {
    position: relative;
    background: #fff;
    text-align: center;
    padding: calc(var(--basevw, 60px) * 60) calc(var(--basevw, 20px) * 20)
      calc(var(--basevw, 40px) * 40) calc(var(--basevw, 20px) * 20);
    height: auto;
    width: 100%;
    margin: calc(var(--basevw, 64px) * 64) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .award-box h5 {
    font-size: calc(var(--baseft, 1.2rem) * 1.333);
    line-height: 1.56;
    letter-spacing: 0.1em;
  }
  .parent-pageid-53.page-id-66 #career_Welfare .page_bn_title-block {
    margin-bottom: calc(var(--basevw, 48px) * 48);
  }
  #career_Welfare .numbers-index .inn-box {
    border-bottom: 1px solid var(--border-color);
    border-right: none;
    padding: 0 calc(var(--basevw, 60px) * 60) calc(var(--basevw, 50px) * 50);
    margin-bottom: calc(var(--basevw, 50px) * 50);
    height: 100%;
    width: 100%;
  }
  #career_Welfare .numbers-index .icon_welfare {
    width: 103px;
    margin: 0 auto calc(var(--basevw) * 20);
  }
  #career_Welfare
    .page_bn_cont-block
    > .numbers-index-wrap:nth-of-type(3)
    .numbers-index:last-child
    .inn-box {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  #career_Welfare .columns.is-gapless.numbers-index-wrap:not(:last-child) {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #career_Welfare .numbers-index p {
    font-size: calc(var(--baseft, 1.2rem) * 1.083);
    letter-spacing: 0.1em;
  }
  #career_office {
    padding: calc(var(--basevw, 0.13vw) * 60) 0 calc(var(--basevw, 0.13vw) * 80);
  }
  .office-slider {
    width: 100%;
    margin: 0 0 0 auto;
    overflow: hidden;
  }
  .swiper-slide .office-txt h5 {
    font-size: calc(var(--baseft, 1.2rem) * 1.33);
  }
  .office-slider .swiper-slide .office-img-box {
    height: auto;
    overflow: hidden;
  }
  .office-slider .swiper-slide .office-img-box img {
    width:100%;
    height: auto;
    max-width: none;
  }
/*
	.office-slider .swiper-slide .office-txt h5,.office-slider .swiper-slide .office-txt p{
		opacity:1;
		transform: translateY(0);
	}
*/
	
}

@media (max-width: 575px) {
  .step-slider {
    display: block;
  }
  .step-box {
    border-right: #4e759a 1px solid;
    border-bottom: none;
    padding: calc(var(--basevw, 0.26vw) * 30) calc(var(--basevw, 0.26vw) * 18)
      calc(var(--basevw, 0.26vw) * 48);
  }
  .step-index-wrap .ex-button-next, .step-index-wrap .ex-button-prev {
    display: none;
  }
  .step-box:after {
    content: "";
    width: calc(var(--basevw, 0.26vw) * 28);
    height: calc(var(--basevw, 0.26vw) * 16);
    background: url(../../assets/img/career/arrow_step_btm.svg) no-repeat;
    background-size: calc(var(--basevw, 0.26vw) * 28)
      calc(var(--basevw, 0.26vw) * 16);
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    z-index: 2;
  }
  .swiper-slide:last-child .step-box {
    border-bottom: #4e759a 1px solid;
  }
  .step-box .tit-box {
    padding-bottom: calc(var(--basevw, 0.26vw) * 18);
    margin-bottom: calc(var(--basevw, 0.26vw) * 18);
  }
  .step-box p {
    line-height: 1.8;
    font-size: calc(var(--baseft, 1.2rem) * 0.91);
  }
  .other-slider .step-slider .swiper-slide.wide,
  .other-slider .step-slider .swiper-slide {
    width: 100%;
  }
	#career_office .office-slider .swiper-slide {
		min-height:340px;
	} 
}

/**--------------------
    people
-------------------**/
.page-id-84 #career_index_section,
.post-type-archive-people #career_index_section,
.single-people #career_index_section {
  padding: calc(var(--basevw, 0.078vw) * 150) 0
    calc(var(--basevw, 0.078vw) * 90);
}
.page-id-84 .page-header .page-kv,
.post-type-archive-people .page-header .page-kv,
.single-people .page-header .page-kv,
.page-template-page-crosstalk .page-header .page-kv{
  display: flex;
  align-items: center;
}

.page-id-84 .expart_index_wrap dd .name-box,
.post-type-archive-people .expart_index_wrap dd .name-box,
.single-people .expart_index_wrap dd .name-box {
  width: 85.92%;
  margin: -55px auto 0;
  height: calc(var(--basevw, 0.078vw) * 134);
}
.page-id-84 .expart_index_wrap dd .name-box .spec,
.post-type-archive-people .expart_index_wrap dd .name-box .spec,
.single-people .expart_index_wrap dd .name-box .spec {
  line-height: 1;
  margin-top: calc(var(--basevw, 0.078vw) * 17.5);
}
.page-id-84 .expart_index_wrap .column,
.post-type-archive-people .expart_index_wrap .column,
.single-people .expart_index_wrap .column {
  margin-bottom: calc(var(--basevw, 0.078vw) * 60);
}
#crosstalk_index_section {
  padding: calc(var(--basevw, 0.078vw) * 125) 0
    calc(var(--basevw, 0.078vw) * 200);
}
.crosstalk-index-box {
  padding-bottom: calc(var(--basevw, 0.078vw) * 80);
  margin-bottom: calc(var(--basevw, 0.078vw) * 150);
	position:relative;
}
.crosstalk-index-box:last-child {
  margin-bottom: 0;
/*  padding-bottom: 0;*/
}
.crosstalk-index-box .img-box {
  width: calc(864 * var(--basevw));
  height: auto;
	aspect-ratio:432/265;
  overflow: hidden;
}
.crosstalk-index-box:nth-of-type(2) .img-box {
  margin: 0 0 0 auto;
}
.crosstalk-index-box .img-box img {
  width: 100%;
  height: auto;
}
.crosstalk-index-box .section {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.crosstalk-index-box .card-box {
  width: calc(580 * var(--basevw));
  background: #fff;
  padding: calc(var(--basevw, 0.078vw) * 64) calc(var(--basevw, 0.078vw) * 80);
  margin: 0 0 0 auto;
}
.crosstalk-index-box:nth-of-type(2) .card-box {
  margin: 0 auto 0 0;
}
.crosstalk-index-box .card-box h6.en-serif {
  font-size: calc(var(--baseft, 1.2rem) * 1.16);
  margin-bottom: calc(var(--basevw, 0.078vw) * 10);
	line-height: 1.4;
}
.crosstalk-index-box .card-box h5 {
  font-size: calc(var(--baseft, 1.2rem) * 1.66);
  color: var(--corp-color);
  line-height: 1.1;
  letter-spacing: 0.1em;
}
.crosstalk-index-box .card-box .tit-box {
  margin-bottom: calc(var(--basevw, 0.078vw) * 20);
}
@media (max-width: 1024px) {
	.single-people .page-header .page-kv{
		height:auto;
	}
}
@media (max-width: 768px) {
  .post-type-archive-people #career_index_section,
  .single-people #career_index_section,
  .page-id-84 #career_index_section {
    padding: calc(var(--basevw, 0.13vw) * 60) 0 calc(var(--basevw, 0.13vw) * 38);
  }
  .page-id-84 .expart_index_wrap .column,
  .post-type-archive-people .expart_index_wrap .column,
  .single-people .expart_index_wrap .column {
    margin-bottom: calc(var(--basevw, 0.13vw) * 20);
  }
  .page-id-84 .expart_index_wrap dd .name-box .spec,
  .post-type-archive-people .expart_index_wrap dd .name-box .spec,
  .single-people .expart_index_wrap dd .name-box .spec {
    font-size: calc(var(--baseft, 1.2rem) * 0.75);
    margin-top: 0.5rem;
  }
  .page-id-84 .expart_index_wrap dt,
  .post-type-archive-people .expart_index_wrap dt,
  .single-people .expart_index_wrap dt {
    margin-bottom: 0;
  }
  .page-id-84 .expart_index_wrap dd .name-box,
  .post-type-archive-people .expart_index_wrap dd .name-box,
  .single-people .expart_index_wrap dd .name-box {
    width: 88.6%;
    margin: calc(var(--basevw, 0.13vw) * -35) auto 0;
    height: auto;
    padding: calc(var(--basevw, 0.13vw) * 20) 0;
  }
  #crosstalk_index_section {
    padding: calc(var(--basevw, 0.13vw) * 60) 0 calc(var(--basevw, 0.13vw) * 80);
  }
  .crosstalk-index-box {
    padding-bottom: 0;
    margin-bottom: calc(var(--basevw, 0.13vw) * 40);
  }
  .crosstalk-index-box .img-box {
    width: 94.67%;
    height: calc(var(--basevw) * 240);
    overflow: hidden;
  }
  .crosstalk-index-box .section {
    position: relative;
    width: 100%;
    padding-right: 0;
    bottom: auto;
    left: auto;
    top: calc(var(--basevw, -0.13vw) * -60);
    margin-bottom: calc(var(--basevw, -0.13vw) * -60);
  }
  .crosstalk-index-box:nth-of-type(2) .section {
    padding-left: 0;
    padding-right: 5.33%;
  }
  .crosstalk-index-box .card-box {
    width: 100%;
    padding: calc(var(--basevw, 0.13vw) * 30) calc(var(--basevw, 0.13vw) * 30)
      calc(var(--basevw, 0.13vw) * 40);
    margin: 0 0 0 auto;
  }
  .crosstalk-index-box .card-box p {
    line-height: 1.66;
  }
  .crosstalk-index-box .card-box .tit-box {
    margin-bottom: calc(var(--basevw, 0.13vw) * 12);
  }
  .crosstalk-index-box .card-box h6.en-serif {
    font-size: calc(var(--baseft) * 1);
    margin-bottom: 0.5rem;
    line-height: 1.1;
  }
  .crosstalk-index-box .card-box h5 {
    font-size: calc(var(--baseft, 1.2rem) 1.33);
  }
#career_Welfare
{
  padding: 60px 0 20px;
}
}

/**--------------------
    interview
-------------------**/

.page-header .interview-tit {
  width: 87.5%;
  margin: 0 auto calc((var(--basevw) * -270) / 2);
  position: relative;
  top: calc((var(--basevw) * -270) / 2);
  padding: calc(var(--basevw) * 90) ;
  height: calc(var(--basevw) * 270);
  background: var(--corp-color);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.page-header .interview-tit h1 {
  font-size: calc(var(--baseft) * 1.66);
  line-height: 1.9;
  width: 61.5%;
  color: #fff;
  display: block;
}
.interview-tit .index-tit_box h4.en,
.interview-tit .index-tit_box .index-tit_h2,
.interview-tit .index-tit_box p {
  color: #fff;
  opacity: 1;
}
.interview-tit .index-tit_box .index-tit_h2 {
  font-size: calc(var(--baseft) * 2.33);
}
.interview-tit .index-tit_box p {
  font-family: "Noto Sans JP", "sans-serif";
  margin-top: calc(var(--basevw) * 12);
}
.interview-tit .index-tit_box h4.en, .interview-tit .index-txt_box h4.en {
    margin-bottom: calc(var(--basevw, 0.078vw) * 5);
}
#interview_cont {
  padding: calc(var(--basevw) * 120) 0 calc(var(--basevw) * 150);
}
#interview_cont .index-tit_box {
  width: 40%;
  display: block;
}
#interview_cont .index-txt_box {
  width: 60%;
}
#interview_cont .page_bn_title-block {
  align-items: flex-start;
  margin-bottom: calc(var(--basevw) * 130);
}
#interview_cont .index-tit_box h6 {
  margin: 1rem 0 0 0;
}
#interview_cont p {
  font-size: calc(var(--baseft) * 1.16);
  line-height: 2.07;
}
.episode-box {
  position: relative;
  margin-bottom: calc(var(--basevw) * 150);
}

.episode-box.episode3 {
  margin-bottom: 0;
}

.episode-box.mb200  {
	margin-bottom: calc(var(--basevw) * 200)
}
.episode-box.episode3.mb200 {
	margin-bottom: calc(var(--basevw) * 100)
}
.episode-box .is-flex {
  align-items: flex-start;
}
.episode-box.episode2 .is-flex {
  flex-flow: row-reverse;
}
.episode-box .photo-box {
  width: 60%;
  position: relative;
  z-index: 1;
}
.episode-box .txt-box {
  width: 50%;
  background: #fff;
  margin: calc(var(--basevw) * 108) 0 0 -10%;
  padding: calc(var(--basevw) * 70) 0 calc(var(--basevw) * 80)
    calc(var(--basevw) * 80);
  position: relative;
  z-index: 2;
}
.episode-box.episode2 .txt-box {
  margin: calc(var(--basevw) * 108) -10% 0 0;
  padding: calc(var(--basevw) * 70) calc(var(--basevw) * 80)
    calc(var(--basevw) * 80) 0;
}

.episode-box .txt-box .sub-title h6 {
  font-size: calc(var(--baseft) * 1.16);
  color: var(--corp-color);
}
.episode-box .txt-box .sub-title h5 {
  font-size: calc(var(--baseft) * 1.5);
  margin-bottom: calc(var(--basevw) * 30);
	line-height: 1.666;
}
.episode-box .txt-box p {
  font-size: calc(var(--baseft) * 1.16);
  line-height: 2.42;
}
.episode-box:before {
    content: "";
    background: var(--bg-light-color);
    width: 58.75%;
    height: 60%;
    max-height: 632px;
    position: absolute;
    z-index: 0;
    bottom:auto;
	top:calc(var(--basevw) * 200);
    left: 0;
}
.episode-box.episode2:before {
  top: auto;
  bottom:0;
  right: 0;
  left: auto;
}
.episode-box.episode2.mb200:before {
	bottom:50%;
	transform:translateY(50%);
}
.episode-box.episode4:before {
    content: "";
    background: var(--bg-light-color);
    width: 60%;
    height: 60%;
    max-height: 632px;
    position: absolute;
    z-index: 0;
    bottom:auto;
	top:calc(var(--basevw) * 200);
    left: 0;
}
#interview_index_section {
  padding: calc(var(--basevw) * 150) 0 calc(var(--basevw) * 200);
}
.swiper-wrapper.expart_index_wrap {
  margin: 0;
}

@media (max-width: 768px) {
  .page-header .interview-tit {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: auto;
    padding: calc(var(--basevw) * 45) 5.33%;
    height: auto;
    display: block;
  }
  .page-header .interview-tit h1 {
    font-size: calc(var(--baseft) * 1.33);
    line-height: 1.625;
    margin-bottom: calc(var(--basevw) * 30);
    width: 100%;
  }
  .interview-tit .index-tit_box .index-tit_h2 {
    font-size: calc(var(--baseft) * 0.91);
  }
  .interview-tit .index-tit_box .index-tit_h2 {
    font-size: calc(var(--baseft) * 0.91);
  }
  .interview-tit .index-tit_box .index-tit_h2 {
    font-size: 6.4vw;
  }
  .interview-tit .index-tit_box p {
    margin-top: calc(var(--basevw) * 10);
    margin-top: calc(var(--basevw) * 12);
  }
  #interview_cont {
    padding: calc(var(--basevw) * 45) 0 calc(var(--basevw, 0.13vw) * 24);
  }
  #interview_cont .index-tit_box,
  #interview_cont .index-txt_box {
    width: 100%;
  }

  #interview_cont .index-tit_box {
    margin-bottom: calc(var(--basevw) * 28);
  }
  #interview_cont p {
    font-size: calc(var(--baseft) * 1);
    line-height: 2.16;
  }
  #interview_cont .page_bn_title-block {
    margin-bottom: calc(var(--basevw) * 48);
  }
  .episode-box,.episode-box.mb200,.episode-box.episode3.mb200 {
    margin-bottom: calc(var(--basevw) * 20);
  }
	.episode-box.episode3.mb200:last-child {
		margin-bottom:0;
	}
  .episode-box .section.is-flex {
    padding: 0;
    display: block;
    flex-flow: column;
  }
  .episode-box .photo-box,
  .episode-box .txt-box {
    width: 100% !important;
  }
/*
  .episode-box .photo-box {
    height: calc(var(--basevw, 0.13vw) * 418);
  }
*/

  .episode-box .photo-box.horizon-photo-box {
    height: auto;
  }
  .episode-box .photo-box.horizon-photo-box > div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
/*
  .cross-interview-section .episode-box.episode3 .photo-box > div img {
    height: 100%;
    width: auto;
    max-width: none;
  }
*/
  .episode-box .txt-box {
    margin: 0% !important;
    padding: calc(var(--basevw, 0.13vw) * 40) 5.33% !important;
  }
/*
  .episode-box.episode3 .txt-box {
    margin: 0% !important;
    padding: calc(var(--basevw, 0.13vw) * 40) 5.33% 0 !important;
  }
*/
  .episode-box .txt-box .sub-title h5 {
    font-size: calc(var(--baseft) * 1.3);
    margin-bottom: calc(var(--basevw, 0.13vw) * 15);
  }
  .episode-box:before {
    display: none !important;
  }
  #interview_index_section {
    padding: calc(var(--basevw, 0.13vw) * 60) 0;
  }

  .people #interview_index_section .expart_index_wrap dd .name-box .spec {
    line-height: 1.4;
  }
  .people #interview_index_section .expart_index_wrap dd .name-box {
    height: calc(var(--basevw, 0.13vw) * 93);
  }  
	.single-people .page-header .page-kv img{
		width:100% !important;
	  height:auto!important;
	}

}
@media (max-width: 480px) {
	.single-people .page-header .section_full.page-kv img {
	height: calc(var(--basevw) * 200) !important;
	min-height:0;
	width: auto !important;
	max-width: none;
	aspect-ratio: 256/107;
	}
}
/**--------------------
    crosstalk
-------------------**/

.page-header .interview-tit.cross-tit {
  height: auto;
  display: block;
}
.page-header .interview-tit.cross-tit h1 {
  width: 100%;
  margin-bottom: calc(var(--basevw, 0.078vw) * 80);
}
.page-header .interview-tit.cross-tit .prof-box * {
  color: #fff;
}
.h6-box {
  position: relative;
  display: flex;
  justify-content: flex-start;
  margin-bottom: calc(var(--basevw, 0.078vw) * 30);
}
.h6-box:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 50%;
}
.h6-box h6 {
  background: var(--corp-color);
  font-size: calc(var(--baseft) * 1.3);
  padding-right: 1em;
  position: relative;
  z-index: 1;
}
.member-index {
	margin-top: calc(var(--basevw, 0.078vw) * 20);
}
.member-index .member {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.member .abata {
  width: calc(var(--basevw, 0.078vw) * 90);
  height: calc(var(--basevw, 0.078vw) * 90);
}
.member .abata img {
  width: 100%;
}
.member .prof {
  width: calc(100% - var(--basevw, 0.078vw) * 120);
}
#interview_cont.cross-interview-section {
  padding: calc(var(--basevw, 0.078vw) * 120) 0
    calc(var(--basevw, 0.078vw) * 200);
}

.cross-interview-section .episode-box {
  margin-bottom: calc(var(--basevw, 0.078vw) * 150);
}
.cross-interview-section .episode-box:last-child {
	margin-bottom:0
}
.cross-interview-section .episode-box.mb200 {
	 margin-bottom:calc(var(--basevw) * 200);
}
.cross-interview-section .episode-box.episode2:before {
	bottom:calc(var(--basevw, 0.078vw) * 100)
}
p.ini {
  position: relative;
  padding-left: calc(var(--basevw, 0.078vw) * 30);
  margin-bottom: calc(var(--basevw, 0.078vw) * 25);
}
.txt-box > p.ini:last-child {
  margin-bottom: 0;
}
p.ini span {
  background: var(--corp-color);
  border-radius: 50%;
  width: calc(var(--basevw, 0.078vw) * 20);
  height: calc(var(--basevw, 0.078vw) * 20);
  color: #fff;
  display: block;
  text-align: center;
  line-height: calc(var(--basevw, 0.078vw) * 19);
  position: absolute;
  left: 0;
  top: 0.4em;
  letter-spacing: 0;
}
/*
.crosstalk02 .cross-interview-section .episode-box.episode3 {
  margin-bottom: 0;
}
*/
.cross-interview-section .episode-box.episode4 {
  margin-bottom: 0;
}

.cross-interview-section .episode-box.episode3 .photo-box {
  width: 100%;
}
.cross-interview-section .episode-box.episode3 .photo-box img {
  width: 100%;
}
.cross-interview-section .episode-box.episode3:before {
  width: 100%;
  height: calc(var(--basevw) * 938);
}
.cross-interview-section .episode-box.episode3.episode-box .txt-box {
  width: 100%;
  background: #fff;
  margin: calc(var(--basevw) * -142) 0 0 -6.25%;
  padding: calc(var(--basevw) * 60) calc(var(--basevw) * 80);
  position: relative;
  z-index: 2;
}
.cross-interview-section .episode-box.episode3.rev.episode-box .txt-box {
  width: 100%;
  background: #fff;
  margin: calc(var(--basevw) * -142) 0 0 0 ;
  padding: calc(var(--basevw) * 60) calc(var(--basevw) * 80);
  position: relative;
  z-index: 2;
	right:-6.25%;
}
.crosstark-index-wrap .photo-box {
  overflow: hidden;
  display: flex;
  height: 100%;
}
.crosstark-index-wrap .photo-box img {
  width: 100%;
  transform: scale(1);
  transition: 0.5s;
  height: auto;
  max-width: none;
}
a:hover .photo-box img {
  transform: scale(1.03) !important;
  transition: 0.5s;
}
.crosstark-index-wrap .card-box {
  height: 100%;
}
.cross-interview-section + #interview_index_section {
  padding: calc(var(--basevw, 0.078vw) * 150) 0
    calc(var(--basevw, 0.078vw) * 130);
}

@media (max-width: 767px) {
  .page-header .interview-tit.cross-tit {
    padding: calc(var(--basevw, 0.13vw) * 40) 5.33%
      calc(var(--basevw, 0.13vw) * 50);
  }
	.page-template-page-crosstalk .page-header .page-kv {
		background: var(--corp-color);
		align-items: flex-start;
	}

  .page-header .interview-tit.cross-tit h1 {
    margin-bottom: calc(var(--basevw, 0.13vw) * 40);
  }
  .h6-box {
    margin-bottom: calc(var(--basevw, 0.13vw) * 20);
  }
  .h6-box h6 {
    font-size: calc(var(--baseft) * 1.16);
  }
  .member .abata {
    width: calc(var(--basevw, 0.13vw) * 76);
    height: calc(var(--basevw, 0.13vw) * 76);
  }
  .member .prof {
    width: calc(100% - var(--basevw, 0.13vw) * 88);
  }
  .index-tit_box h4.en,
  .index-txt_box h4.en {
    margin-bottom: 0.8rem;
    font-size: calc(var(--baseft) * 0.91);
  }
  .interview-tit .index-tit_box p {
    font-size: calc(var(--baseft) * 0.83);
    margin-top: 0.8rem;
  }
  .member-index .member {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: calc(var(--basevw, 0.13vw) * 20);
  }
  .member-index .member:last-child {
    margin-bottom: 0;
  }
  .member-index.columns {
    margin-bottom: 0;
  }
  .member-index.columns:not(:last-child) {
    margin-bottom: 2.5rem;
}
  #interview_cont.cross-interview-section {
    padding: 0 0 calc(var(--basevw, 0.13vw) * 24);
  }
  p.ini span {
    width: calc(var(--basevw, 0.13vw) * 16);
    height: calc(var(--basevw, 0.13vw) * 16);
    line-height: calc(var(--basevw, 0.13vw) * 15);
    font-size: calc(var(--baseft) * 0.91);
  }
  p.ini {
    padding-left: calc(var(--basevw, 0.13vw) * 25);
    margin-bottom: calc(var(--basevw, 0.13vw) * 20);
  }
  .cross-interview-section .episode-box,.cross-interview-section .episode-box.mb200 {
    margin-bottom: calc(var(--basevw, 0.13vw) * 20);
  }
  .cross-interview-section .episode-box.episode3 .section {
    padding: 0;
  }
  .cross-interview-section + #interview_index_section {
    padding: calc(var(--basevw, 0.13vw) * 60) 0 calc(var(--basevw) * 80);
  }
  .crosstark-index-wrap .crosstalk-index-box .card-box {
    width: 100%;
  }
	.cross-interview-section .episode-box.episode3.episode-box .txt-box {
		margin-left:0;
	}
	.cross-interview-section .episode-box.episode3.episode-box.rev .txt-box {
		right:auto;
	}
}
/**--------------------
    joblist
-------------------**/
.joblist .page-header{
    border-bottom: 1px solid var(--border-color);
}
.careers.page-id-81 .page_bn_title-block .index-tit_box,
.post-type-archive-people.page-id-81 .page_bn_title-block .index-tit_box,
.single-people.page-id-81 .page_bn_title-block .index-tit_box {
  display: block;
}
.careers.page-id-81 .page_bn_title-block .index-tit_box .index-tit_h2 + h6,
.post-type-archive-people.page-id-81
  .page_bn_title-block
  .index-tit_box
  .index-tit_h2
  + h6,
.single-people.page-id-81
  .page_bn_title-block
  .index-tit_box
  .index-tit_h2
  + h6 {
  margin-left: 0;
}
#AvailableJobs,
#JobDescription,
#SelectionFlow {
  padding: calc(var(--basevw, 0.078vw) * 120) 0
    calc(var(--basevw, 0.078vw) * 150);
}

#JobDescription,
#SelectionFlow {
  padding: calc(var(--basevw, 0.078vw) * 120) 0
    calc(var(--basevw, 0.078vw) * 560);
}
#JobDescription,
#SelectionFlow {
  padding: calc(var(--basevw, 0.078vw) * 150) 0
    calc(var(--basevw, 0.078vw) * 200);
}
#AvailableJobs .page_bn_title-block,
#JobDescription .page_bn_title-block,
#SelectionFlow .page_bn_title-block {
  width: 31.5%;
}

#AvailableJobs .page_bn_cont-block,
#JobDescription .page_bn_cont-block,
#SelectionFlow .page_bn_cont-block {
  width: 68.5%;
}

.job-list-wrap .accordion_one {
  max-width: 1024px;
  margin: 0 auto calc(var(--basevw) * 10);
}
.job-list-wrap > .accordion_one:last-child {
  margin: 0 auto;
}
.job-list-wrap .accordion_one .accordion_header, .job-list-wrap .accordion_one .no-accordion_header  {
  background-color: var(--corp-color);
  height: calc(var(--basevw) * 100);
  padding: 0 calc(var(--basevw) * 40);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition: 1s;
}
.job-list-wrap .accordion_one .no-accordion_header:before{
  position: absolute;
  top: 50%;
  right: calc(var(--basevw) * 40);
  width: calc(var(--basevw) * 18);
  height: calc(var(--basevw) * 18);
  margin-top: calc(var(--basevw) * -11);
  box-sizing: border-box;
  transform-origin: center center;
  transition-duration: 0.2s;
  content: url("../img/common/icon_blank.svg");	
  width:12px;
  height:12px;
}
/*
.job-list-wrap .accordion_one .no-accordion_header:hover:before{
	transform: translateX(10px);
	 transition-duration: 0.2s;
}
*/
.job-list-wrap .accordion_one .accordion_header .en-serif, .job-list-wrap .accordion_one .no-accordion_header .en-serif  {
  font-size: calc(var(--baseft) * 2);
  line-height: 1;
  color: #fff;
}
.job-list-wrap .accordion_one .accordion_header .go, .job-list-wrap .accordion_one .no-accordion_header .go {
  font-size: calc(var(--baseft) * 1);
  line-height: 1;
  margin-top: calc(var(--basevw) * 10);
  color: #fff;
}
.job-list-wrap .accordion_one .accordion_header:hover, .job-list-wrap .accordion_one .no-accordion_header:hover  {
  background-color: #00274d;
}

.job-list-wrap .accordion_one .accordion_header .i_box, .job-list-wrap .accordion_one .no-accordion_header .i_box  {
  position: absolute;
  top: 50%;
  right: calc(var(--basevw) * 40);
  width: calc(var(--basevw) * 18);
  height: calc(var(--basevw) * 18);
  margin-top: calc(var(--basevw) * -9);
  box-sizing: border-box;
  transform-origin: center center;
  transition-duration: 0.2s;
}
.job-list-wrap .accordion_one .accordion_header .i_box > span:first-child {
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  transition-duration: 0.2s;
  position: relative;
  margin: auto;
  top: calc(var(--basevw) * 10);
}
.job-list-wrap .accordion_one .accordion_header .i_box > span:last-child {
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;

  transition-duration: 0.2s;
  position: relative;
  transform: rotate(-90deg);
  top: calc(var(--basevw) * 9);
}
.job-list-wrap .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.job-list-wrap .accordion_one .accordion_inner {
  display: none;
  padding: calc(var(--basevw, 0.078vw) * 40);
  background: var(--bg-light-color);
  color: var(--main-txt-color);
}

.flow-box {
  background-color: var(--corp-color);
  height: calc(var(--basevw, 0.078vw) * 100);
  padding: 0 calc(var(--basevw, 0.078vw) * 40);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  margin-bottom: 1px;
}
.flow-box:last-child {
  margin-bottom: 0;
}
.flow-box * {
  display: block;
}
.flow-box .en-serif {
  font-size: calc(var(--baseft) * 2);
  position: relative;
  margin-right: calc(var(--basevw, 0.078vw) * 40);
  line-height: 1;
}
.flow-box .en-serif:after {
  content: url("../../assets/img/career/arrow_bottom.svg");
  position: absolute;
  top: calc(var(--basevw, 0.078vw) * 48);
  left: 50%;
}
.flow-box:last-child .en-serif:after {
  content: none;
}
.flow-box .ja {
  font-size: calc(var(--baseft) * 1.16);
}

@media (max-width: 768px) {
  #AvailableJobs {
    padding: calc(var(--basevw, 0.13vw) * 50) 0 calc(var(--basevw, 0.13vw) * 60);
  }
  #JobDescription {
    padding: calc(var(--basevw, 0.13vw) * 60) 0;
  }
  #SelectionFlow {
    padding: calc(var(--basevw, 0.13vw) * 60) 0 calc(var(--basevw, 0.13vw) * 80);
  }
  #AvailableJobs .page_bn_title-block,
  #JobDescription .page_bn_title-block,
  #SelectionFlow .page_bn_title-block,
  #AvailableJobs .page_bn_cont-block,
  #JobDescription .page_bn_cont-block,
  #SelectionFlow .page_bn_cont-block {
    width: 100%;
  }
  #AvailableJobs .page_bn_title-block,
  #JobDescription .page_bn_title-block,
  #SelectionFlow .page_bn_title-block {
    margin-bottom: calc(var(--basevw, 0.13vw) * 30);
  }

  .job-list-wrap .accordion_one .accordion_header, .job-list-wrap .accordion_one .no-accordion_header {
    text-align: left;
    padding: calc(var(--basevw, 0.13vw) * 20);
/*    height: calc(var(--basevw, 0.13vw) * 60);*/
  }
  .job-list-wrap .column {
    padding: 0;
    margin-bottom: calc(var(--basevw, 0.13vw) * 10);
  }
  .job-list-wrap .accordion_one .accordion_header .en-serif {
    font-size: calc(var(--baseft) * 1.16);
  }
  .job-list-wrap .accordion_one .accordion_header .go {
    font-size: calc(var(--baseft) * 0.83);
    margin-top: 0.75rem;
  }
  .job-list-wrap .accordion_one .accordion_header .i_box, .job-list-wrap .accordion_one .no-accordion_header .i_box{
    right: calc(var(--basevw, 0.13vw) * 20);
    width: calc(var(--basevw, 0.13vw) * 14);
    height: calc(var(--basevw, 0.13vw) * 14);
    margin-top: calc(var(--basevw, 0.13vw) * -6);
  }
  .job-list-wrap .accordion_one .no-accordion_header:before {
		right: calc(var(--basevw, 0.13vw) * 20);
	}
  .job-list-wrap .accordion_one .accordion_header .i_box > span:first-child {
    top: calc(var(--basevw, 0.13vw) * 7);
  }
  .job-list-wrap .accordion_one .accordion_header .i_box > span:last-child {
    top: calc(var(--basevw, 0.13vw) * 6);
  }
  .job-list-wrap .accordion_one .accordion_inner {
    padding: calc(var(--basevw, 0.13vw) * 20) calc(var(--basevw, 0.13vw) * 20)
      calc(var(--basevw, 0.13vw) * 40);
	  display: block !important;
	  word-break: break-all;
  }
  .flow-box {
    height: calc(var(--basevw, 0.13vw) * 80);
    padding: 0 calc(var(--basevw, 0.13vw) * 20);
  }
  .flow-box .en-serif {
    font-size: calc(var(--baseft) * 1.5);
    margin-right: calc(var(--basevw, 0.13vw) * 28);
  }
  .flow-box .ja {
    font-size: calc(var(--baseft) * 1.16);
  }
  .flow-box .en-serif:after {
    top: calc(var(--basevw, 0.13vw) * 34);
  }
}