@charset "UTF-8";
/*
 * recruit.css
 * **************************************************
 * Common__layout
 * Common__parts
 * Heading
 * Main__recruit-top　recruit扉ページ
 * Main__recruit-pages　recruit下層ページ
 * **************************************************
 */

/* Common__layout
====================================================== */
/* header */
@media print, screen and (min-width:641px) {
  .l-nav__item:not(:first-child) { margin-left: 32px;}
}
/* .anchor-wrap */
@media print, screen and (min-width:641px) {
  .anchor-wrap .button-wrap { flex-shrink: 0;}
}

/* box */
.box-white { border-radius: 20px;}
.box-blue {
  position: relative;
  background-color: var(--color_main_02);
  border-radius: 20px;
  color: var(--color_white);
}
.box__inner {
  position: relative;
  padding: 24vmin 4.3478% 26.67vmin;
  z-index: 1;
}
/* imgTxt-wrap */
.imgTxt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.imgTxt-wrap__image {
  border-radius: 10px;
  overflow: hidden;
}
.imgTxt-wrap__image:nth-of-type(n + 2) { margin-top: 2rem}
.button.button--bordered {border: 1px solid var(--color_main)}
/* バナー */
.bnr-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bnr-list {
  margin-top: 1.5rem;
}
@media screen and (max-width:640px) {
  .imgTxt-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .bnr-list__item:nth-of-type(n + 2) {margin-top: 5.33vmin}
}
@media print, screen and (min-width:641px) {
  .box__inner {
    padding: 8.0rem 3.6231% 10rem;
  }
  .container__inner {
    padding: 8.0rem 3.6231% 10rem;
  }
  .imgTxt-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .imgTxt-wrap__text-box {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: 47.2%;
    padding-left: 3.62%;
  }
  .imgTxt-wrap__image-box {
    width: 45.7%;
  }
  .imgTxt-wrap__image { border-radius: 20px;}
  .imgTxt-wrap__image:nth-of-type(n + 2) { margin-top: 7rem}
  .bnr-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .bnr-list__item {
    /*border-radius: 5px;*/
    overflow: hidden;
  }
  .bnr-list__item:nth-of-type(n + 2) {
    margin-left: 2.0rem;
  }
}
/* .box-blue グラデーション */
.box-blue:before,
.box-blue:after {
  content: "";
  border-radius: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: radial-gradient(rgba(133, 241, 179, 0.39), rgba(133, 241, 179, 0) 65%) no-repeat;
}
.box-blue:before {
  background-size: 155.2vmin 82.66vmin;
  background-position: left -77.6vmin top -41.33vmin;
  opacity: .85;
}
.box-blue:after {
  background-size: 122vmin 63.47vmin;
  background-position: right -61vmin bottom -31.735vmin;
  opacity: .7;
}
#training .box-blue:before,
#benefits .box-blue:before,
#career .box-blue:before,
#flow .box-blue:before {
  background-image:
    radial-gradient(rgba(133, 241, 179, 0.39), rgba(133, 241, 179, 0) 65%),
    radial-gradient(rgba(133, 241, 179, 0.39), rgba(133, 241, 179, 0) 65%);
  background-size: 155.2vmin 82.66vmin, 118.4vmin 118.4vmin;
  background-position: 
    left -77.6vmin top -41.33vmin,
    right -59.2vmin center;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  opacity: .8;
}
@media print, screen and (min-width:641px) {
  .box-blue:before {
    background-size: 1800px 932px;
    background-position: left -900px top -466px;
  }
  .box-blue:after {
    background-size: 1132px 600px;
    background-position: right -566px bottom -300px;
  }
  #training .box-blue:before,
  #benefits .box-blue:before,
  #career .box-blue:before,
  #flow .box-blue:before {
    background-size: 1800px 932px, 907px 907px;
    background-position: 
      left -900px top -466px,
      right -100% center;
    }
}
/* .dl-list */
.dl-list .list__item {
  padding: 5.33vmin 4vmin 0 4vmin;
  background-color: var(--color_white);
  border-radius: 20px;
}
.dl-list .list__item:nth-of-type(n+2) {
  margin-top: 1rem;
}
.dl-list .list__title {
  position: relative;
  padding-bottom: 5.33vmin;
  font-size: 5.87vmin;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
}
.dl-list .list__title .icon-toggle {
  position: absolute;
  right: 0;
  top: 13.33vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1em;
  height: 1em;
  background-color: var(--color_main);
  border-radius: 100%;
}
.dl-list .list__title .icon-toggle::before,
.dl-list .list__title .icon-toggle::after {
  content: "";
  position: absolute;
  width: .8rem;
  height: 1px;
  background-color: var(--color_white);
  line-height: 1;
}
.dl-list .list__title .icon-toggle::after {
  opacity: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all .2s;
  transition: all .2s
}
.dl-list .list__title.is-open .icon-toggle::after {
  opacity: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.dl-list .list__title--question {
  position: relative;
}
.dl-list .list__title--question::before {
  content: "Q.";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1.8em;
  height: 1.8em;
  background-color: var(--color_main_02);
  border-radius: 5px;
  color: var(--color_white);
  font-size: 5.33vmin;
  text-align: center;
  line-height: 1.8;
}
.dl-list .list__body {
  padding: 5.33vmin 0 8vmin;
  border-top: 1px solid var(--color_grey);
}
.js-accordion.dl-list .list__body {
  display: none;
}
.dl-list .list__body--answer {
  position: relative;
}
.dl-list .list__body--answer .list__copy { position: relative; }
.dl-list .list__body--answer .list__copy::before {
  content: "A.";
  position: absolute;
  left: 0;
  top: -11.73vmin;
  display: block;
  width: 1.8em;
  height: 1.8em;
  background-color: #DEECFE;
  border-radius: 100%;
  color: var(--color_main_02);
  font-size: 5.33vmin;
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width:640px) {
  .dl-list .list__title { 
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .dl-list .list__title--question { padding-top: 13.33vmin; padding-right: 7vmin }
  .dl-list .list__body--answer {padding-top: 17.33vmin}
}
@media print, screen and (min-width:641px) {
  .dl-list .list__item { padding: 4.0rem 8.0rem 0;}
  .dl-list .list__item:nth-of-type(n+2) { margin-top: 1rem; }
  .dl-list .list__title {
    padding-bottom: 4.0rem;
    font-size: 2.2rem;
  }
  .js-accordion.dl-list .list__title {
    cursor: pointer;
  }
  .dl-list .list__title .icon-toggle {
    right: -5rem;
    top: 0;
    width: 2.2rem;
    height: 2.2rem;
  }
  .dl-list .list__title .icon-toggle::before,
  .dl-list .list__title .icon-toggle::after {
    width: .8rem;
  }
   .dl-list .list__title--question {
    padding-left: 7.0rem;
  }
  .dl-list .list__title--question::before {
    top: -.1em;
    font-size: 2.0rem;
  }
  .dl-list .list__body { padding: 4.0rem 0; }
  .dl-list .list__body--answer { padding-left: 7.0rem;}
  .dl-list .list__body--answer .list__copy::before {
    font-size: 2.0rem;
    left: -7.0rem;
    top: 0;
  }
}
/* card */
.card-wrap{}
.card {
  margin-top: 5.33vmin;
  background-color: var(--color_white);
  border-radius: 20px;
}
.card__link {
  display: block;
  padding: 5.33vmin;
}
.card__aside {
  position: relative;
}
.card__figure {
  border-radius: 10px;
  overflow: hidden;
}
.tags {
  position: absolute;
  bottom: 1.0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tags__item {
  background-color: var(--color_main_02);
  border-radius: 4px;
  margin-left: 1.0rem;
  padding: 0 .8em;
  font-size: 1.4rem;
  color: var(--color_white);
  letter-spacing: .02em;
}
.card__title {
  min-height: 4.5em;
  margin-top: 5.33vmin;
  font-size: 5.33vmin;
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: .046em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.card__copy {
  margin-top: 3.73vmin;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: .015em;
}
.card__actions {
  margin-top: 5.33vmin;
}
@media print, screen and (min-width:641px) {
  .card {
    width: 31.72%;
    margin-top: 0;
  }
  .card:nth-of-type(n+4) {
    margin-top: 3.0rem;
  }
  .card__link {
    padding: 3.0rem;
    transition: all .2s ease;
  }
  .card__link:hover { opacity: .7 }
  .card-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card__copy { margin-top: 3.0rem;}
  .card-wrap--col3 .card, .card-wrap--col3 .empty { width: 31.72%; }
  .card__title { margin-top: 3.0rem; font-size: 2.5rem;}
  .card__actions { margin-top: 3.0rem;}
}
/* Common__parts
====================================================== */
/* button */
.button--text {
  min-height: auto;
  padding: 0;
  padding-right: 2em;
  background: none;
  color: var(--color_black);
  line-height: 1;
  letter-spacing: .1em;
}
.button--text::after {
  right: 0;
  width: 1.375em;
  background-image: url("/files/user/gt/images/common/icon-arrow_circle.svg")
}
@media screen and (max-width:640px) {
  .button--text {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
}
/* ラジオボタン */
.radio__title {
  border: 1px solid var(--color_main_02);
  color: var(--color_main_02);
}
.radio__title::before {
  background-color: #CBD9EF;
  border: 2px solid var(--color_main_02);
}
.radio__icon:checked + .radio__title { background-color: var(--color_main_02); }
.radio__icon:checked + .radio__title::before { background-color: var(--color_main_02); }

/* テキストリンク　アイコン付き */
.textLink-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.textLink-icon::after {
  content: "";
  width: 1.375em;
  height: 1.375em;
  margin-left: .5em;
  background: url("/files/user/gt/images/recruit/icon-arrow_blue.svg") no-repeat center/contain;
}
.textLink-icon:hover {
  color: var(--color_main_02);
}
.card__link .textLink-icon:hover {
  color: inherit;
}
.fz-large {
  font-size: 1.65em;
  font-weight: 700;
}
.fz-notes {
  font-size: 0.875em;
}

/* heading
====================================================== */
.heading02 {
  margin-bottom: 1em;
  color: var(--color_black)
}
.box-blue .heading01,
.box-blue .heading02,
.box-blue .heading03 {color: var(--color_white)}
.heading01.category-title {
  position: relative;
  margin-bottom: .6em;
  padding-left: 1.5em;
  font-weight: 400;
  line-height: 1;
}
.heading01.category-title::before {
  content: "";
  position: absolute;
  left: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1em;
  height: 1em;
  background: url(/files/user/gt/images/common/icon-2block.svg) no-repeat left center / auto .5em;
}
@media screen and (max-width:640px) {
  .heading01.category-title {padding-left: .55em;}
  .heading01.category-title::before {left: 0}
}
@media print, screen and (min-width:641px) {
  .heading01.category-title {}
}


/* Main__recruit-top　recruit扉ページ
====================================================== */
/* #mv */
#mv-recruit {
  padding: 30px 0;
}
.movie-wrap {
  position: relative;
  border-radius: 20px;
  background: url("../images/recruit/mv_01.webp") no-repeat left top /cover;
  overflow: hidden;
  max-height: 550px;
  line-height: 0;
}
.mv-text {
  position: absolute;
  left: 4vmin;
  bottom: 4.53vmin;
  color: var(--color_white);
  font-size: 5.33vmin; /*20px*/
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .1em;
  z-index: 1
}
@media screen and (max-width:640px) {
  .movie-wrap { height: 61.33vmin; }
}
@media print, screen and (min-width:641px) {
  .mv-text {
    left: 5.0rem;
    bottom: 3.5rem;
    font-size: 4.0rem;
    line-height: 1.25;
  }
}
/* anchor */
.anchor-title {
  color: var(--color_main_02);
  font-size: 3.2vmin;
  font-weight: 500;
}
@media screen and (max-width:640px) {
  .anchor-wrap .button {font-size: 3.73vmin}
}
@media print, screen and (min-width:641px) {
  .anchor-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    align-items: center;
  }
  .anchor-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .anchor-title { 
    flex-shrink: 0;
    margin-top: .2em;
    margin-right: 1em;
    font-size: 1.8rem;
  }
  .anchor-wrap .button {margin-left: 1em;}
}
/* .bg-lightblue */
.bg-lightblue {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 150vw;
  min-height: 2160px;
  background-color: #DEECFE;
  z-index: -1;
  overflow: hidden;
}
.bg-lightblue::before,
.bg-lightblue::after {
  content: "";
  position: absolute;
  display: block;
  width: 241.87vw;
  height: 241.87vw;
  background: radial-gradient(rgba(48,140,248, 1), rgba(48,140,248, 0) 65%);
}
.bg-lightblue::before {
  right: -113.07vw;
  top: -76.27vw;
  opacity: 0.2;
}
.bg-lightblue::after {
  left: -93.33vw;
  bottom: -98.13vw;
  opacity: 0.3;
}
@media screen and (max-width:640px) {
  .bg-lightblue {height: 550vmin}
}
@media print, screen and (min-width:641px) {
  .bg-lightblue { min-width: 1440px; }
  .bg-lightblue::before,
  .bg-lightblue::after {
    width: 62.99vw;
    height: 62.99vw;
  }
  .bg-lightblue::before {
    right: -21.46vw;
    top: -24.79vw;
    opacity: 0.17;
  }
  .bg-lightblue::after {
    left: -17.5vw;
    bottom: -17.5vw;
    opacity: 0.3;
  }
}


/* #info */
#info {
  padding: 18.67vmin 0;
  overflow: hidden;
}
#info .imgTxt-wrap__image {
  position: relative;
  height: 77.4vmin;
  -webkit-box-shadow: var(--shadowNormal);
          box-shadow: var(--shadowNormal);
}
#info .imgTxt-wrap__image img {}
#info .button-wrap {
  margin-top: 10.67vmin;
}
#info .slider {
  margin-top: 8vmin;
}
#info .slider__img {
  width: 58.4vmin;
  border-radius: 20px;
  overflow: hidden;
  margin-left: 5.33vmin;
}
@media screen and (max-width:640px) {
  #info .imgTxt-wrap {padding: 0 8vmin}
  #info .imgTxt-wrap__image-box {margin-top: 16vmin}
}
@media print, screen and (min-width:641px) {
  #info { padding: 10rem 0; }
  #info .button-wrap {margin-top: 5rem;}
  #info .imgTxt-wrap__image { height: 580px;}
  #info .imgTxt-wrap__image img {}
  #info .imgTxt-wrap__text-box {
    padding: 0 3.62%;
  }
  #info .slider { margin-top: 6.0rem;}
  #info .slider__img {
    width: 350px;
    margin-left: 2.08vw;
  }
  .thumbnail {
    width: 200vw;
    margin-top: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .thumbnail-img {
    width: 350px;
    border-radius: 20px;
    overflow: hidden;
  }
  .thumbnail-img+ .thumbnail-img {
    margin-left: 3rem
  }
}


/* #interview */
#interview {
  padding: 26.67vmin 0;
  background-color: var(--color_white);
}
#interview .card {
  background-color: var(--color_grey_light);
}
#interview .button--more {
  margin-top: 10.67vmin;
}
#interview .bnr-wrap { margin-top: 5.0rem; }
#interview .bnr__item {
  display: inline-block;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
#interview .bnr__item:hover {
  opacity: .7;
}
@media screen and (max-width:640px) {
  #interview .container__inner { padding: 0 4vmin;}
}
@media print, screen and (min-width:641px) {
  #interview { padding: 10rem 0;}
  #interview .button--more {
    margin-top: 5.0rem;
    width: 25rem;
    min-height: 3.125em;
  }
}

/* #job */
#job {
  padding: 26.67vmin 0 18.67vmin;
  background-color: var(--color_grey_light);
  overflow: hidden;
}
#job .heading04 {
  margin-top: 3.66em;
  margin-bottom: 2.08em;
}
.job-category {
  position: relative;
  padding-bottom: 8rem;
}
.job-category:nth-of-type(n+2) {
  padding-top: 8rem;
}
.job-category:last-of-type{
  padding-bottom: 0;
}
.job-category:nth-of-type(n+2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4vmin;
  width: 84vmin;
  height: 1px;
  background-color: var(--color_grey);
}
.job-name {
  margin-bottom: 1em;
  padding: 2.67vmin 7.47vmin;
  display: inline-block;
  background-color: var(--color_main_02);
  border-radius: 5px;
  color: var(--color_white);
  font-size: 5.33vmin;
  font-weight: 700;
  text-align: center;
  letter-spacing: .1em;
  line-height: 1.4;
}
.skill {
  margin-top: 5.33vmin;
  padding: 5.33vmin;
  border: 1px solid var(--color_grey);
  border-radius: 1.0rem;
  font-size: 3.2vmin;
  line-height: 1.66;
  letter-spacing: .015;
}
.skill__title {
  color: var(--color_main_02);
}
#job .imgTxt-wrap__image {
  -webkit-box-shadow: var(--shadowNormal);
          box-shadow: var(--shadowNormal);
}
@media screen and (max-width:640px) {
  #job .category-name, #job .heading02, #job .heading04 {
    margin-left: 4vmin;
    margin-right: 4vmin;
  }
  #job .heading02 { margin-bottom: 1.6em}
  #job .imgTxt-wrap__text-box {
    margin-top: 10.67vmin;
  }
  #job .imgTxt-wrap__image-box {
    width: 92vmin;
    margin-left: -4vmin;
  }
  .skill_body {
    margin-top: 5.33vmin;
    padding-top: 5.33vmin;
    border-top: 1px solid var(--color_grey);
  }
  #job .heading04 {
    text-align: center;
  }
  .job-category {padding: 0 4vmin 18.67vmin;}
  .job-category:nth-of-type(odd) .imgTxt-wrap__text-box {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2}
}
@media print, screen and (min-width:641px) {
  #job { padding: 12rem 0 10rem;}
  #job .category-name, #job .heading02, #job .heading04 {
    margin-left: 3.62%
  }
  #job .heading04 {margin-bottom: 0;}
  #mecha .imgTxt-wrap__text-box {
    margin-right: 3.62%;
  }
  .job-name {
    padding: .55em 1.7em;
    font-size: 2.0rem;
  }
  #job .card-wrap {
    padding: 5.0rem 3.62% 0;
  }
  .skill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 3.0rem;
    padding: 2.0rem;
    font-size: 1.2rem;
  }
  .skill__title {
    width: 21%;
    padding-right: 2.0rem;
  }
  .skill_body {
    width: 79%;
    padding-left: 2.0rem;
    border-left: 1px solid var(--color_grey);
  }
  .job-category:nth-of-type(n+2)::before {
    left: -50%;
    width: 150vw;
  }
}

/* #training */
#training {
  padding: 8vmin 0 5.33vmin;
  background-color: var(--color_white);
}
#training .box__inner {
  padding-right: 9.33vmin;
  padding-left: 9.33vmin;
}
#training .box-white  {
  margin-top: 5.33vmin;
  padding: 13.33vmin 5.33vmin;
}
#training .bnr-wrap { margin-top: 10.67vmin; }
.training__title {
  margin-bottom: 1em;
  color: var(--color_main_02);
  font-size: 5.87vmin;
  font-weight: 500;
  line-height: 1.5;
}
.past-case {
  margin-top: 8vmin;
  padding: 9.87vmin 5.33vmin;
  background-color: #DEECFE;
  border-radius: 5px;
}
.past-case__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: .2em;
  color: var(--color_main);
  font-size: 4.8vmin;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1.5;
}
.past-case__title span {
  border-bottom: 1px solid var(--color_main);
}
.past-case__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-top: 6.67vmin;
}
.past-case__item {
  border: 1px solid var(--color_main_02);
  border-radius: 5px;
  padding: .2em .5em;
  color: var(--color_main_02);
  text-align: center;
  line-height: 1.5;
}
.past-case__body-wrap {
  margin-top: 0;
}
.past-case__image {

  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width:640px) {
  #training .heading02 { margin-bottom: 1em; font-size: 10.67vmin}
  #training .box-white {
    width: 84vmin;
    margin-left: -5.33vmin;
  }
  #training .box__inner { padding-bottom: 4vmin}
  .past-case__title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
  .past-case__item {
    min-width: 8em;
    margin: auto;
  }
  .past-case__body { margin-top: 5.33vmin;}
  .past-case__copy {margin-top: .8em;}
  .past-case__image { margin-top: 8vmin}
}
@media print, screen and (min-width:641px) {
  #training { padding: 3.0rem 0; }
  #training .heading02 {font-size: 4.5rem}
  .training__title {font-size: 2.2rem}
  #training .box-white  {
    margin-top: 3rem;
    padding: 5.0rem 6.76%;
  }
  #training .box__inner {
    padding-right: 7.11%;
    padding-left: 7.11%;
  }
  #training .bnr-wrap {
    max-width: 88.15%;
    margin: auto;
    margin-top: 6rem;
  }
  .past-case {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 3.0rem;
    padding: 2.2rem 4.9%;
  }
  .past-case__body-wrap { 
    width: 61.5%;
  }
  .past-case__body:nth-of-type(n+2) {
    margin-top: 1.5rem;
  }
  .past-case__image { width: 38.5%; }
  .past-case__title {margin-top: .3em; font-size: 1.8rem}
  .past-case__list { margin-top: 1.5rem;}
  .past-case__body {margin-top: 0; }
  .past-case__item {
    width: 25.6%;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .past-case__copy {
    width: 74.4%;
    padding: 0 1em;
  }
}


/* #benefits */
#benefits {
  background-color: var(--color_white);
}
#benefits .box__inner {
  padding-right: 9.33vmin;
  padding-left: 9.33vmin;
}
.card--benefits {
  padding: 2.67vmin 5.33vmin 8vmin;
  color: var(--color_black);
}
.card--benefits .card__title {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 5.87vmin;
  color: var(--color_main_02);
  font-weight: 500;
  line-height: 1.5;
}
.card--benefits .card__copy {
  font-size: 4.27vmin;
  line-height: 2;
  letter-spacing: .02em;
}
.add-items {
  margin-top: 2.5rem;
  padding: 1.5em;
  border: 1px solid var(--color_grey);
  border-radius: 10px;
  font-size: 0.75em;
  text-align: center;
  letter-spacing: .015em;
}
#benefits .button-wrap { margin-top: 8vmin}
#benefits .heading03 { margin-top: 2.3em;}
@media screen and (max-width:640px) {
  #benefits { padding-bottom: 26.67vmin}
  #benefits .box__inner { padding-bottom: 4vmin}
  #benefits .card-wrap {
    width: 84vmin;
    margin-left: -5.33vmin
  }
  #benefits .heading02 { margin-bottom: 1em; font-size: 10.67vmin;}
  #benefits .card__figure {
    width: 40vmin;
    margin: auto;
  }
  .card--benefits .card__title { min-height: auto; text-align: center;}
}
@media print, screen and (min-width:641px) {
  #benefits { padding-bottom: 3.0rem;}
  #benefits .heading02 {font-size: 4.5rem}
  #benefits .box__inner {
    padding-right: 7.11%;
    padding-left: 7.11%;
  }
  .benefits-list {margin-top: 6rem}
  .card--benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    width: 48.3516%;
    /*min-height: 320px;*/
    padding: 5.0rem 4.25%;
  }
  .card--benefits:nth-of-type(n+3) {margin-top: 4.0rem}
  .card--benefits .card__aside { width: 31.8%; }
  .card--benefits .card__figure { margin-top: -2rem; }
  .card--benefits .card__body { width: 68.2%; }
  .card--benefits .card__footer { width: 100%; }
  .card--benefits .card__title { min-height: auto;  margin-bottom: 2rem; font-size: 2.2rem;}
  .card--benefits .card__copy { margin-top: 0; font-size: 1.6rem}
  .card--benefits .card__image { width: 90%}
  #benefits .button-wrap {margin-top: 5.0rem;}
  #benefits .heading03 {margin-top: 4.0rem}
}


/* #selection */
#selection {}
#selection .tab-content { padding: 6.13vmin 3.47vmin 16vmin}
#selection .button {}
/* .list--selection */
.list--selection .list__item {
  position: relative;
  border: 2px solid #6C9DE6;
  border-radius: 5px;
}
.list--selection .list__item:nth-of-type(n+ 2)::before {
  content: "";
  position: absolute;
  top: -3.0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 6.9rem;
  height: 2.2rem;
  background: url("/files/user/gt/images/recruit/icon_allow01.png") no-repeat center/contain;
  z-index: 1;
}
.list--selection .list__item.lv-change::before {
  top: -5.2rem;
}
.list--selection .list__item.lv-change::after {
  content: "";
  position: absolute;
  top: -4.0rem;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px dashed var(--color_main);
}
.list--selection .list__item+ .list__item {
  margin-top: 4rem;
}
.list--selection .list__item.lv-change{
  margin-top: 8.2rem;
}
.list--selection .list__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .5em;
  background-color: #6C9DE6;
  border-radius: 2.5px 0 0 2.5px;
  font-size: 5.33vmin;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color_white);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
.list--selection .list__item--lv01 {border-color: #6C9DE6;}
.list--selection .list__item--lv02 {border-color: #508AE1;}
.list--selection .list__item--lv03 {border-color: var(--color_main_02);}
.list--selection .list__item--lv01 .list__title {background-color: #6C9DE6;}
.list--selection .list__item--lv02 .list__title {background-color: #508AE1;}
.list--selection .list__item--lv03 .list__title {background-color: var(--color_main_02);}
.list--selection .list__body {
  padding: 5.33vmin 5.33vmin;
}
#selection .button-wrap { margin-top: 5.33vmin}
@media screen and (max-width:640px) {
  #selection .container__inner { padding: 26.67vmin 4vmin; }
  #selection .heading02 {font-size: 10.67vmin; line-height: 1.1;}
  #selection .tabs {
    width: 92vmin;
    margin-top: 10.67vmin;
    margin-left: -4vmin;
  }
}
@media print, screen and (min-width:641px) {
  #selection .container__inner {}
  #selection { padding-top: 4rem;}
  #selection .tabs { margin-top: 6.0rem}
  #selection .tab-content {
    padding: 7.0rem 7.8rem;
  }
  #selection .button-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 1.5rem;
  }
  #selection .button {
    min-height: auto;
    padding: .7em 4.4em;
  }
  /* .list--selection */
  .list--selection .list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .list--selection .list__title { 
    width: 25%;
    padding: 1em .1em;
    font-size: 2.0rem;
  }
  .list--selection .list__body {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 3rem 4rem;
  }
}

/* #faq */
#faq {border-top: 1px solid var(--color_grey)}
@media screen and (max-width:640px) {
  .faq .container__inner { padding: 26.67vmin 4vmin;}
  .faq .heading02 {
    font-size: 10.67vmin;
    line-height: 1.1;
  }
  .faq .dl-list {
    width: 92vmin;
    margin-left: -4vmin;
  }
  .faq .textLink-icon {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media print, screen and (min-width:641px) {
}

/* #requirements */
#requirements {border-top: 1px solid var(--color_grey)}
#requirements .tabs__section> .tab-content { }
.table-job { }
.table-job:nth-of-type(n + 2) { margin-top: 3em}
.table-job caption { 
  text-align: left;
  font-weight: 500;
  font-size: 1.3em;
}
#requirements .heading03 {
  font-size: 5.87vmin;
  text-align: center;
}
#requirements-button { margin-top: 13.33vmin }
.requirements-button__title {
  margin-top: 10.67vmin;
  font-weight: 500;
  text-align: center;
}
#requirements-button .button-wrap { margin-top: 1em}
#requirements-button .button-wrap.application .button { background-color: var(--color_main_02)}
/*#requirements-button .bnr-list { margin-top: 10.67vmin }*/

@media screen and (max-width:640px) {
  #requirements .container__inner { padding: 26.67vmin 0; }
  #requirements .heading02 {
    padding-left: 4vmin;
    font-size: 10.67vmin;
    line-height: 1.1;
  }
  #requirements-button .button-wrap.application .button { font-size: 4.27vmin}
}
@media print, screen and (min-width:641px) {
  #requirements { padding-bottom: 5rem}
  .radio__body+ .radio__body { margin-left: 3rem;}
  #requirements .heading03 {font-size: 2.8rem;}
  #requirements-button {margin-top: 7.0rem}
  .requirements-button__title {
    margin-top: 5.0rem;
    font-size: 2.0rem
  }
  #requirements-button .bnr-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
  }
  #requirements-button .button {
    min-width: 20.8em;
    font-size: 2.4rem
  }
  .radio-wrap {
  }
  .radio__title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .3em 2em .3em 4em;
    width: 34rem;
    height: 100%;
    font-size: 2.2rem;
    letter-spacing: .1em;
    line-height: 1.5;
    cursor: pointer;
  }
}

/* application */
#application {
  padding: 26.67vmin 0;
  background-color: var(--color_white)
}
#application .box-blue { padding: 4vmin; }
#application .box__inner {
  border-radius: 10px;
  overflow: hidden;
}
#application .heading02 {font-weight: 700}
#application .button-wrap {}
#application .bnr-list {margin-top: 4.0rem}
@media screen and (max-width:640px) {
  #application .heading02 {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: .08em;
  }
  #application .box__inner {
    padding: 8vmin 5.33vmin 72.8vmin;
    background: url("../images/recruit/bg-application_sp.webp") no-repeat left bottom /contain;
  }
}
@media print, screen and (min-width:641px) {
  #application { padding: 2.0rem 0 7.0rem 0; }
  #application .box-blue { padding: 3.0rem 3.0rem 3.0rem 5.0rem; }
  #application .box__inner {
    padding-left: 0;
    background: url("../images/recruit/bg-application_pc.webp") no-repeat right top /cover;
  }
  #application .button-wrap {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; margin-top: 6.0rem}
  #application .bnr-list {margin-top: 4.0rem}
}


/* Main__recruit-pages recruit下層ページ
====================================================== */
/* 共通　その他の社員インタビュー */
#others .bnr-wrap { margin-top: 10.67vmin;}
#others .button-wrap { margin-top: 10.67vmin;}
.others--bgWhite { background-color: var(--color_white)}
.others--bgWhite .card { background-color: var(--color_grey_light)}
@media screen and (max-width:640px) {
  .others--bgWhite .container__inner {padding-bottom: 0}
}
@media print, screen and (min-width:641px) {
  #others .bnr-wrap { margin-top: 9rem;}
  #others .button-wrap { margin-top: 5rem;}
  .others--bgWhite .container__inner {padding-bottom: 7.0rem}
}
/* MV */
.mv__inner {
  display: block;
  max-width: 1440px;
  padding: 10.67vmin 4vmin 58.67vmin;
}
.mv__title {
  position: relative;
  margin-top: .3em;
  padding-left: 0;
  color: var(--color_black);
  font-size: 8vmin ;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .02em;
}
.mv__title::before {content: none;}
.mv__subtitle {
  position: relative;
  padding-left: 1.4em;
  color: var(--color_main_02);
  font-size: 4.8vmin;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .01em;
}
.mv__subtitle::before { 
  content: "";
  position: absolute;
  left: 0;
  top: .15em;
  display: block;
  width: 0.3em;
  height: 1em;
  background: url("/files/user/gt/images/common/icon-2block.svg") no-repeat left center/100% auto;
}
.mv__body {
  position: relative;
  width: 92vmin;
  margin-top: 8vmin;
  margin-left: -4vmin;
}
.mv__headding02 {
  margin: 3em 0 1em;
  font-size: 5.87vmin;
  color: var(--color_main_02);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .05em;
}
.mv__copy {
  position: absolute;
  width: 100%;
  color: var(--color_white);
  font-size: 5.33vmin;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.6;
  z-index: 1;
}
.mv__figure {
  padding: 4vmin;
  background-color: rgba(255,255,255,.5);
  border-radius: 20px;
  overflow: hidden;
}
.mv__image {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.mv-wrap--interview .mv__image::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 58.67vmin;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 168, 210, 0)), color-stop(24.63%, #36a8d2), to(#1e69d9));
  background: linear-gradient(rgba(54, 168, 210, 0) 0%, #36a8d2 24.63%, #1e69d9 100%);
}
.mv-wrap {
  position: relative;
  background: #DEECFE;
  height: auto;
  max-height: none;
}
.mv-wrap:before,
.mv-wrap:after {
  content: "";
  position: absolute;
  display: block;
  background: radial-gradient(rgba(48,140,248, 1), rgba(48,140,248, 0) 65%);
}
.mv-wrap:before {
  width: 207.73vw;
  height: 207.73vw;
  right: -113.07vw;
  top: -76.27vw;
  opacity: 0.2;
}
.mv-wrap:after {
  width: 241.87vw;
  height: 241.87vw;
  left: -93.33vw;
  bottom: -17.33vw;
  opacity: 0.3;
}
@media screen and (max-width:640px) {
  .mv__copy {
    left: 0;
    bottom: 14.93vmin;
    text-align: center;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: .05em;
  }
  .mv__image {padding-bottom: 42.67vmin}
}
@media print, screen and (min-width:641px) {
  .mv__inner {padding: 3.6rem 5.0rem 13rem}
  .mv__figure { padding: 2.0rem;}
  .mv__subtitle { font-size: 1.8rem }
  .mv__title { font-size: 3.6rem;}
  .mv__body {
    width: 107.81%;
    margin-top: 3.2rem;
    margin-left: -5.0rem;
  }
  .mv__headding02 { 
    margin-top: 2.5em;
    font-size: 2.2rem;
  }
  .mv__copy {
    top: 50%;
    padding-left: 56%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 3.0rem
  }
  .mv-wrap:before, .mv-wrap:after {
    width: 62.99vw;
    height: 62.99vw;
  }
  .mv-wrap:before {
    right: -21.46vw;
    top: -24.79vw;
    opacity: 0.14;
  }
  .mv-wrap:after {
    left: -17.5vw;
    bottom: -17.5vw;
    opacity: 0.3;
  }
  .mv-wrap--interview .mv__image::after {
    left: auto;
    right: 0;
    width: 64%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(54, 168, 210, 0)), color-stop(40%, #36a8d2), to(#1e69d9));
    background: linear-gradient(to right, rgba(54, 168, 210, 0) 0%, #36a8d2 40%, #1e69d9 100%);
  }
}
/* #profile （インタビューページ 個人プロフィール）*/
.profile {
  position: relative;
  margin-top: -50.67vmin;
  z-index: 1;
}
.profile__inner { 
  max-width: 1120px;
  margin: auto;
  padding: 0 8vmin;
}
.profile__list {
  padding: 8vmin;
  background-color: var(--color_white);
  border-radius: 5px;
  -webkit-box-shadow: var(--shadowNormal);
          box-shadow: var(--shadowNormal);
}
.profile__title {
  padding-bottom: 1.78em;
  font-size: 0.875em;
  color: var(--color_main_02);
  line-height: 1.7;
}
@media screen and (max-width:640px) {
  .profile__copy {
    padding-top: 1.875em;
    border-top: 1px solid var(--color_grey);
  }
}
@media print, screen and (min-width:641px) {
  .profile { margin-top: -9.5rem}
  .profile__inner { padding: 0 }
  .profile__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4.5rem 6.5rem;
  }
  .profile__title { width: 25%;}
  .profile__copy { 
    width: 75%;
    padding-left: 4em;
    border-left: 1px solid var(--color_grey);
  }
}

/* personal-interview （インタビューページ 個人インタビュー） */
#personal-interview .container {
  padding: 26.67vmin 8vmin;
}
#personal-interview .imgTxt-wrap:nth-of-type(n + 2) {
  margin-top: 21.33vmin;
}
@media screen and (max-width:640px) {
  #personal-interview .imgTxt-wrap__image-box { margin-top: 13.33vmin; }
}
@media print, screen and (min-width:641px) {
  #personal-interview .container { padding: 12.5rem 8.0rem 9.0rem; }
  #personal-interview .imgTxt-wrap__text-box {
    width: 45.32%;
    padding-left: 0;
  }
  #personal-interview .imgTxt-wrap__image-box { width: 45.32%;}
  #personal-interview .imgTxt-wrap:nth-of-type(even)> .imgTxt-wrap__text-box { 
    -webkit-box-ordinal-group: 3; 
        -ms-flex-order: 2; 
            order: 2;
  }
  #personal-interview .imgTxt-wrap:nth-of-type(n + 2) { margin-top: 3.4rem;}
}

/* #career （インタビューページ キャリア年表） */
#career {
  background-color: var(--color_white);
  padding-top: 21.33vmin
}
.career .heading02 { font-size: 10.67vmin}
.career__list { padding: 0 5.33vmin; }
.career__body { padding: 5.33vmin 0; }
.career__body:nth-of-type(n + 2) {
  border-top: 1px solid var(--color_grey);
}
.career__title {
  background-color: var(--color_main);
  border-radius: 10px;
  padding: .38em;
  color: var(--color_white);
  font-size: 5.33vmin;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  letter-spacing: .05em;
}
.career__body--future .career__title {
  background-color: var(--color_main_02);
}
.career__title .fz-large {
  position: relative;
  top: .06em;
  padding-right: .15em;
}
.career__copy {padding-top: 5.33vmin;}
@media screen and (max-width:640px) {
}
@media print, screen and (min-width:641px) {
  #career {padding-top: 3.0rem}
  .career .box__inner { padding: 8.0rem 9.8rem 10rem}
  .career .heading02 { font-size: 4.5rem}
  .career__list {padding: 0 2.0rem}
  .career__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.0rem 0;
  }
  .career__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 10.8rem;
    height: 10.8rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 2.2rem;
  }
  .career__title .fz-large {
    display: block;
    font-size: 2.045em;
    margin-bottom: .2em;
  }
  .career__copy { padding: 0 3.0rem 0 5.0rem }
}

/* #flow （インタビューページ 1日の流れ） */
#flow {
  background-color: var(--color_white);
  padding-top: 5.33vmin;
  padding-bottom: 26.67vmin
}
.flow .heading02 { font-size: 10.67vmin}
.flow__list {}
.flow__item { position: relative; }
.flow__item:not(:last-of-type)::before {
  content: "";
  position: absolute;
  left: 2.67vmin;
  top: 9vmin;
  display: block;
  width: 2.67vmin;
  height: 100%;
  background-color: var(--color_white);
  opacity: .2;
  z-index: -1
}
.flow__item:nth-of-type(n + 2) { margin-top: 5.33vmin; }
.flow__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: .66em;
  background-color: var(--color_white);
  border-radius: 5px;
  font-size: 9.33vmin;
  color: var(--color_main_02);
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
  letter-spacing: .05em;
}
.flow__item--off .flow__title {
  background-color: #DEECFE;
  font-size: 8vmin;
  color: #6C9DE6;
}
.icon-clock {
  content: "";
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 1rem;
  background: url("../images/recruit/icon-clock.svg") no-repeat left center/contain;
}
.icon-clock::before,
.icon-clock::after {
  content: "";
  position: absolute;
  bottom: calc(50% + 1px);
  left: calc(50% - 1px);
  transform-origin: bottom center;
}
.icon-clock::before {
  width: 2px;
  height: 8px;
  background: var(--color_main_02); /* 時針 */
  transform: rotate(var(--hour-deg, 0deg));
}
.icon-clock::after {
  width: 2px;
  height: 12px;
  background: var(--color_main_02); /* 分針 */
  transform: rotate(var(--minute-deg, 0deg));
}
.flow__body { padding-left: 13.33vmin}
.flow__figure {
  width: 53.33vmin;
  margin-top: 5.33vmin;
  border-radius: 10px;
  overflow: hidden;
}
.flow__copy {
  margin-top: 5.33vmin;
  line-height: 1.75;
}
@media screen and (max-width:640px) {
  .flow__title {
    height: 13.33vmin;
  }
}
@media print, screen and (min-width:641px) {
  #flow { 
    padding-top: 3.0rem;
    padding-bottom: 3.0rem
  }
  .flow .heading02 { font-size: 4.5rem}
  .flow__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flow__item:not(:last-of-type)::before {
    width: 1.0rem;
    left: 10.5rem;
    top: 5rem;
  }
  .flow__title {
    width: 20rem;
    margin: 0 1rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 3.5rem;
  }
  .flow__title:has(.icon-clock) { width: 22rem; margin: 0;}
  .flow__item--off .flow__title { font-size: 3.0rem}
  .flow__body {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 4.6rem;
    padding: 2.0rem;
    background-color: var(--color_white);
    border-radius: 10px;
  }
  .flow__body::before {
    content: "";
    position: absolute;
    left: -2.0rem;
    top: 3.8rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3.5rem;
    height: 3.0rem;
    background: url("/files/user/gt/images/recruit/allow.svg") no-repeat center/contain;
    z-index: -1;
  }
  .flow__copy {
    margin-top: 0;
    padding-left: 5.4rem;
    color: var(--color_black);
  }
  .flow__figure { 
    flex-shrink: 0;
    width: 20rem;
    margin-top: 0;
  }
}

/* .faq--interview（インタビューページ　faq） */
@media screen and (max-width:640px) {
  .faq--interview .heading02 { font-size: 8vmin}
  .faq--interview .dl-list .list__title--question { padding-right: 0;}
}

/* .mv-cstk （若手座談会ページ　MV） */
.mv-cstk::after {content: none;}
.mv-cstk__figure, .mv-cstk .container {position: relative;}
.mv-cstk__inner {padding: 12.8vmin 4vmin 23.2vmin}

@media screen and (max-width:640px) {
}
@media print, screen and (min-width:641px) {
  .mv-cstk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mv-cstk__figure { 
    -webkit-box-ordinal-group: 3; 
        -ms-flex-order: 2; 
            order: 2;
    width: 61.94vw;
    height: 40.28vw;
    max-height: 580px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    overflow: hidden;
  }
  .mv-cstk__image {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
  .mv-cstk .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mv-cstk__inner {padding: 0 14.3% 0 10.2%;}
}
/* #member （若手座談会ページ　メンバー） */
#member {background-color: var(--color_white);}
.member__headding {
  margin-bottom: 1.3em;
  border-bottom: 1px solid var(--color_grey);
  font-size: 4.8vmin;
  color: var(--color_main_02);
  font-weight: 500;
  line-height: 1.5;
}
.member__title{
  margin-top: 1.5em;
  font-size: 4.8vmin;
  color: var(--color_main_02);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
.member__copy {text-align: center;}
.member__figure {
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width:640px) {
  .member__item:nth-of-type(n + 2) {margin-top: 13.33vmin; }
}
@media print, screen and (min-width:641px) {
  .member .container__inner { padding-bottom: 4rem;}
  .member__headding { font-size: 1.8rem}
  .member__title { font-size: 1.8rem}
  .member__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .member__item { width: 32.8125% }
}

/* #conversation  （若手座談会ページ　会話エリア） */
#conversation { padding: 24vmin 0 26.67vmin}
#conversation p { line-height: 1.75}
.conversation-wrap:nth-of-type(n + 2) { margin-top: 26.67vmin}
.conversation__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.conversation__body:nth-of-type(n + 2) { margin-top: 10.67vmin}
.conversation__figure {
  width: 24vmin
}
.conversation__figure figcaption {
  color: var(--color_main_02);
  text-align: center;
}
.conversation__copy {
  width: 60vmin
}
@media screen and (max-width:640px) {
  #conversation .imgTxt-wrap__image-box { margin-top: 13.33vmin; }
}
@media print, screen and (min-width:641px) {
  #conversation { padding: 13.3rem 0 12.2rem}
  #conversation .width__extension {
    display: inline-block;
    width: 112%;
    font-feature-settings: "palt";
    letter-spacing: .05em;
  }
  .conversation-wrap:nth-of-type(n + 2) { margin-top: 12.0rem}
  #conversation .imgTxt-wrap:nth-of-type(even) .imgTxt-wrap__text-box { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}
  #conversation .imgTxt-wrap__text-box { 
    -webkit-box-flex: 0; 
        -ms-flex: 0 0 auto; 
            flex: 0 0 auto;
    width: 48.5%;
    padding-left: 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  #conversation .imgTxt-wrap__image-box { width: 43%; }
  .conversation-wrap {padding: 0 5.0rem}
  .conversation__body:nth-of-type(n + 2) { margin-top: 2.3rem}
  .conversation__copy {width: 77.419%}
  .conversation__figure {width: 9.0rem}
}