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

/*----------------------------------------------------
  RECRUIT ENTERPRISE PAGE
----------------------------------------------------*/

.page_corp {
  background-color: #95867f;
  color: #95867f;
}

.mv_wrap {
  background-image: url(../img/recruit-enterprise/main01.jpg);
}

.mv_image {
  background-image: url(../img/recruit-enterprise/main02.jpg);
}

.problems {
  background-color: rgba(255, 255, 255, .8);
  padding: calc(111 * var(--size-flex)) 0 calc(154 * var(--size-flex))
}

.problems_title {
  font-size: calc(36 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
  text-align: center;
}

.problems_inner {
  margin: 0 auto;
}
.problems_container {
  margin-top: calc(50 * var(--size-flex));
  display: flex;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  gap: calc(10 * var(--size-flex));
  transition: gap .9s, opacity .9s;
}
.problems_container.is-view {
  opacity: 1;
  gap: calc(39 * var(--size-flex));
}


.problems_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: calc(272 * var(--size-flex));
  height: calc(272 * var(--size-flex));
  border: 1px solid #c6bbb6;
  border-radius: 100%;
  font-size: calc(25 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
  box-sizing: border-box;
}

.support {
  background-color: #95867f;
  color: #fff;
  padding-top: calc(95 * var(--size-flex));
  padding-bottom: calc(110 * var(--size-flex));
}
.support_title{
  font-size: calc(36 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
  text-align: center;
}

.support_inner {
  margin: 0 auto;
}
.support_scheme{
}
.support_scheme_container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: calc(80 * var(--size-flex));
  opacity: 0;
  gap: calc(30 * var(--size-flex));
  transition: gap .9s, opacity .9s;
}
.support_scheme_container.is-view {
  opacity: 1;
  gap: calc(64 * var(--size-flex));
}

.support_scheme_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: calc(60 * var(--size-flex));
  width: calc(416 * var(--size-flex));
  min-height: calc(280 * var(--size-flex));
}

.support_scheme_card_title {
  font-size: calc(36 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
}

.support_scheme_card_text {
  margin-top: calc(20 * var(--size-flex));
  font-size: calc(24 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
}

.support_scheme_plus {
  margin: auto 0;
  font-size: calc(48 * var(--size-flex));
  line-height: 1;
  font-weight: 100;
}

.support_arrow {
  display: block;
  width: calc(44 * var(--size-flex));
  height: calc(25 * var(--size-flex));
  margin: calc(80 * var(--size-flex)) auto calc(65 * var(--size-flex));
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.support_prot{
  
}
.support_prot_container{
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: calc(40 * var(--size-flex));
  margin-top: calc(80 * var(--size-flex));
}
.support_prot_card{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  border: 1px solid #fff;
  border-radius: calc(60 * var(--size-flex));
  width: calc(376 * var(--size-flex));
  min-height: calc(280 * var(--size-flex));
  padding: calc(40 * var(--size-flex)) calc(45 * var(--size-flex));
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(calc(10 * var(--size-flex)));
  transition: .9s;
}
.support_prot_card:nth-child(1){
  transition-delay: .0s;
}
.support_prot_card:nth-child(2){
  transition-delay: .2s;
}
.support_prot_card:nth-child(3){
  transition-delay: .4s;
}
.support_prot_container.is-view .support_prot_card{
  opacity: 1;
  transform: translateY(0);
}
.support_prot_card_title{
  font-size: calc(36 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
}
.support_prot_card_notes{
  font-size: calc(18 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
}
.support_prot_card_text{
  margin-top: calc(20 * var(--size-flex));
  font-size: calc(24 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
}

.support_achievements{
  margin: calc(137 * var(--size-flex)) auto 0;
}
.support_achievements__container{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: calc(60 * var(--size-flex)) auto 0;
  width: calc(1208 * var(--size-flex));
  gap: calc(60 * var(--size-flex)) calc(40 * var(--size-flex));
}
.support_achievements__box{
  width: calc(375 * var(--size-flex));
}
.support_achievements__box__image img{
  width: 100%;
  height: calc(250 * var(--size-flex));
  object-fit: cover;
}
.support_achievements__box__name{
  margin-top: calc(30 * var(--size-flex));
  font-size: calc(16 * var(--size-flex));
  line-height: 1;
  text-align: center;
}


.support_example_card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: calc(80 * var(--size-flex)) auto 0;
  border: 1px solid #fff;
  border-radius: calc(60 * var(--size-flex));
  width: calc(1000 * var(--size-flex));
  padding: calc(56 * var(--size-flex));
  box-sizing: border-box;
  font-size: calc(24 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
  text-align: left;
}


.merit {
  background-color: rgba(255, 255, 255, .8);
  color: #95867f;
  padding: calc(115 * var(--size-flex)) 0 calc(167 * var(--size-flex));
}
.merit_inner {
  margin: 0 auto;
}
.merit_title {
  text-align: center;
  font-size: calc(36 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
}
.merit_checklist {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  margin: calc(95 * var(--size-flex)) auto calc(120 * var(--size-flex));
  width: calc(792 * var(--size-flex));
  gap: calc(40 * var(--size-flex));
}
.merit_checklist_box {
  position: relative;
  position: relative;
  border: 1px solid #95867F;
  padding: calc(29 * var(--size-flex)) calc(98 * var(--size-flex));
  font-size: calc(24 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
  text-align: center;
}
.merit_checklist_box::before {
  content: "";
  display: block;
  background-image: url(../img/common/icon_checkbox.svg);
  background-size: cover;
  position: absolute;
  top: 0;
  left: calc(25 * var(--size-flex));
  bottom: 0;
  margin: auto;
  width: calc(48 * var(--size-flex));
  height: calc(48 * var(--size-flex));
}

.merit_steps {
  margin: calc(34 * var(--size-flex)) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(34 * var(--size-flex));
}
.merit_steps_box {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border: 1px solid #c6bbb6;
  border-radius: 100%;
  width: calc(272 * var(--size-flex));
  height: calc(272 * var(--size-flex));
  font-size: calc(25 * var(--size-flex));
  line-height: 1.75;
  letter-spacing: .1em;
  opacity: 0;
  transition: opacity .6s;
}
.merit_steps_box:nth-child(1){
  transition-delay: .0s;
}
.merit_steps_box:nth-child(3){
  transition-delay: .4s;
}
.merit_steps_box:nth-child(5){
  transition-delay: .8s;
}
.merit_steps.is-view .merit_steps_box{
  opacity: 1;
}
.merit_steps_box_number {
  font-size: calc(48 * var(--size-flex));
  line-height: 1.75;
  margin-top: calc(30 * var(--size-flex));
}
.merit_steps_arrow {
  display: block;
  width: calc(26 * var(--size-flex));
  height: calc(44 * var(--size-flex));
  background-color: #95867F;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  opacity: 0;
  transition: opacity .6s;
}
.merit_steps_arrow:nth-child(2){
  transition-delay: .2s;
}
.merit_steps_arrow:nth-child(4){
  transition-delay: .6s;
}
.merit_steps.is-view .merit_steps_arrow{
  opacity: 1;
}


@media screen and (max-width: 768px) {
  .page_corp {
  }

  .mv_wrap {
  }

  .mv_image {
  }

  .problems {
    padding: calc(55 * var(--size-flex)) 0 calc(76 * var(--size-flex))
  }

  .problems_title {
    font-size: calc(18 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
    text-align: center;
  }

  .problems_inner {
    margin: 0 auto;
  }
  .problems_container {
    margin-top: calc(30 * var(--size-flex));
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    opacity: 0;
    gap: calc(10 * var(--size-flex));
    transition: gap .9s, opacity .9s;
  }
  .problems_container.is-view {
    opacity: 1;
    gap: calc(30 * var(--size-flex));
  }


  .problems_circle {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: calc(136 * var(--size-flex));
    height: calc(136 * var(--size-flex));
    border-radius: 100%;
    font-size: calc(12 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
    box-sizing: border-box;
  }

  .support {
    padding-top: calc(55 * var(--size-flex));
    padding-bottom: calc(70 * var(--size-flex));
  }
  .support_title{
    font-size: calc(18 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
    text-align: center;
  }

  .support_inner {
    margin: 0 auto;
  }
  .support_scheme{
  }
  .support_scheme_container {
    align-items: center;
    flex-direction: column;
    margin-top: calc(40 * var(--size-flex));
    opacity: 0;
    gap: calc(10 * var(--size-flex));
    transition: gap .9s, opacity .9s;
  }
  .support_scheme_container.is-view {
    opacity: 1;
    gap: calc(30 * var(--size-flex));
  }

  .support_scheme_card {
    border-radius: calc(30 * var(--size-flex));
    width: calc(248 * var(--size-flex));
    min-height: calc(110 * var(--size-flex));
  }

  .support_scheme_card_title {
    font-size: calc(18 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
  }

  .support_scheme_card_text {
    margin-top: calc(10 * var(--size-flex));
    font-size: calc(12 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
  }

  .support_scheme_plus {
    margin: auto 0;
    font-size: calc(48 * var(--size-flex));
    line-height: 1;
    font-weight: 100;
  }

  .support_arrow {
    display: block;
    width: calc(22 * var(--size-flex));
    height: calc(15 * var(--size-flex));
    margin: calc(30 * var(--size-flex)) auto calc(25 * var(--size-flex));
  }

  .support_prot{
    
  }
  .support_prot_container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: calc(30 * var(--size-flex));
    margin-top: calc(30 * var(--size-flex));
  }
  .support_prot_card{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #fff;
    border-radius: calc(30 * var(--size-flex));
    width: calc(247 * var(--size-flex));
    min-height: calc(140 * var(--size-flex));
    padding: calc(20 * var(--size-flex)) calc(30 * var(--size-flex));
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(calc(10 * var(--size-flex)));
    transition: .9s;
  }
  .support_prot_card:nth-child(1){
    transition-delay: .0s;
  }
  .support_prot_card:nth-child(2){
    transition-delay: .2s;
  }
  .support_prot_card:nth-child(3){
    transition-delay: .4s;
  }
  .support_prot_container.is-view .support_prot_card{
    opacity: 1;
    transform: translateY(0);
  }
  .support_prot_card_title{
    font-size: calc(18 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
  }
  .support_prot_card_notes{
    font-size: calc(9 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
  }
  .support_prot_card_text{
    margin-top: calc(4 * var(--size-flex));
    font-size: calc(12 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
  }

  .support_achievements{
    margin: calc(137 * var(--size-flex)) auto 0;
  }
  .support_achievements__container{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: calc(60 * var(--size-flex)) auto 0;
    width: calc(315 * var(--size-flex));
    gap: calc(60 * var(--size-flex)) calc(40 * var(--size-flex));
  }
  .support_achievements__box{
    width: calc(315 * var(--size-flex));
  }
  .support_achievements__box__image img{
    width: 100%;
    height: calc(200 * var(--size-flex));
    object-fit: cover;
  }
  .support_achievements__box__name{
    margin-top: calc(30 * var(--size-flex));
    font-size: calc(16 * var(--size-flex));
    line-height: 1;
    text-align: center;
  }



  .support_example_card {
    margin: calc(30 * var(--size-flex)) auto 0;
    border-radius: calc(30 * var(--size-flex));
    width: calc(248 * var(--size-flex));
    padding: calc(25 * var(--size-flex)) calc(30 * var(--size-flex));
    box-sizing: border-box;
    font-size: calc(12 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
    text-align: left;
  }


  .merit {
    padding: calc(58 * var(--size-flex)) 0 calc(70 * var(--size-flex));
  }
  .merit_inner {
    margin: 0 auto;
  }
  .merit_title {
    text-align: center;
    font-size: calc(18 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
  }
  .merit_checklist {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    margin: calc(40 * var(--size-flex)) auto calc(44 * var(--size-flex));
    width: calc(280 * var(--size-flex));
    gap: calc(20 * var(--size-flex));
  }
  .merit_checklist_box {
    position: relative;
    position: relative;
    border: 1px solid #95867F;
    padding: calc(14 * var(--size-flex)) calc(56 * var(--size-flex));
    font-size: calc(12 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
    text-align: center;
  }
  .merit_checklist_box::before {
    left: calc(12 * var(--size-flex));
    width: calc(24 * var(--size-flex));
    height: calc(24 * var(--size-flex));
  }

  .merit_steps {
    margin: calc(25 * var(--size-flex)) auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: calc(15 * var(--size-flex));
  }
  .merit_steps_box {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border: 1px solid #c6bbb6;
    border-radius: 100%;
    width: calc(136 * var(--size-flex));
    height: calc(136 * var(--size-flex));
    font-size: calc(12 * var(--size-flex));
    line-height: 1.75;
    letter-spacing: .1em;
    opacity: 0;
    transition: opacity .6s;
  }
  .merit_steps_box:nth-child(1){
    transition-delay: .0s;
  }
  .merit_steps_box:nth-child(3){
    transition-delay: .4s;
  }
  .merit_steps_box:nth-child(5){
    transition-delay: .8s;
  }
  .merit_steps.is-view .merit_steps_box{
    opacity: 1;
  }
  .merit_steps_box_number {
    font-size: calc(24 * var(--size-flex));
    line-height: 1.75;
    margin-top: calc(15 * var(--size-flex));
  }
  .merit_steps_arrow {
    display: block;
    width: calc(22 * var(--size-flex));
    height: calc(12 * var(--size-flex));
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
  }
  .merit_steps_arrow:nth-child(2){
    transition-delay: .2s;
  }
  .merit_steps_arrow:nth-child(4){
    transition-delay: .6s;
  }
  .merit_steps.is-view .merit_steps_arrow{
    opacity: 1;
  }

}