.main-visual--philosophy{
  background-color: #F4F6F6;
  background-image: url(/assets/images/recruit/mv.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  padding-top: calc(96 / var(--font-size) * 1rem);
  padding-bottom: calc(64 / var(--font-size) * 1rem);
}

@media screen and (max-width: 480px) {
  .main-visual--philosophy{
    padding-top: calc(64 / var(--font-size) * 1rem);
    padding-bottom: calc(48 / var(--font-size) * 1rem);
  }
}

[data-page='about'] .main-visual--philosophy .c-section-title__romaji{
  margin-bottom: 0;
}

.philosophy-sec{
  margin-top: calc(64 / var(--font-size) * 1rem);
}

@media screen and (max-width: 480px) {
  .philosophy-sec{
    margin-top: calc(48 / var(--font-size) * 1rem);
  }
}

.philosophy-sec__lead{
  text-align: center;
  font-size: calc(28 / var(--font-size) * 1rem);
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 480px) {
  .philosophy-sec__lead{
    font-size: calc(17 / var(--font-size) * 1rem);
  }
}

.philosophy-sec__title{
  margin-top: calc(22 / var(--font-size) * 1rem);
  text-align: center;
  font-size: calc(64 / var(--font-size) * 1rem);
  font-weight: 700;
  line-height: 1;
  position: relative;
}

@media screen and (max-width: 480px) {
  .philosophy-sec__title{
    font-size: calc(38 / var(--font-size) * 1rem);
  }
}

.philosophy-sec__fig{
  max-width: calc(196 / var(--font-size) * 1rem);
  margin: calc(64 / var(--font-size) * 1rem) auto 0 auto;
}

@media screen and (max-width: 480px) {
  .philosophy-sec__fig{
    max-width: calc(160 / var(--font-size) * 1rem);
    margin: calc(48 / var(--font-size) * 1rem) auto 0 auto;
  }
}

.philosophy-sec__fig img{
  width: 100%;
  height: auto;
  vertical-align: top;
}

.l-section--mvv{
  width: 100%;
  max-width: calc(1000 / var(--font-size) * 1rem);
  margin-left: auto;
  margin-right: auto;
}

.c-section-mvv{
  display: grid;
  grid-template-columns: calc(296 / var(--font-size) * 1rem) 1fr;
}

@media screen and (max-width: 480px) {
  .c-section-mvv{
    display: block;
  }
}

.c-section-mvv + .c-section-mvv{
  margin-top: calc(80 / var(--font-size) * 1rem);
}

[data-page='about'] .c-section-title__heading--mvv{
  font-size: calc(32 / var(--font-size) * 1rem);
}
[data-page='about'] .c-section-title__romaji--mvv{
  margin-bottom: 0;
}

[data-page='about'] .c-section-mvv p {
  font-size: calc(20 / var(--font-size) * 1rem);
  line-height: 1.8;
}
[data-page='about'] .c-section-mvv p em{
  color: #E25973;
}
[data-page='about'] .c-section-mvv p.l-section__mvv-text {
  font-size: calc(16 / var(--font-size) * 1rem);
  line-height: 1.5;
}
[data-page='about'] .c-section-mvv li:not(:first-child) {
  margin-top: calc(24 / var(--font-size) * 1rem);
}

@media screen and (max-width: 480px) {
  [data-page='about'] .c-section-title__heading--mvv{
    font-size: calc(28 / var(--font-size) * 1rem);
  }
  [data-page='about'] .c-section-title__romaji--mvv{
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  [data-page='about'] .c-section-mvv p {
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.7;
  }
  [data-page='about'] .c-section-mvv p br{
    display: none;
  }

  [data-page='about'] .c-section-mvv p.l-section__mvv-text {
    font-size: calc(14 / var(--font-size) * 1rem);
  }
  [data-page='about'] .c-section-mvv li:not(:first-child) {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
}
.l-section--action{
  background-color: #F4F6F6;
  padding-top: calc(96 / var(--font-size) * 1rem);
  padding-bottom: calc(96 / var(--font-size) * 1rem);
}

[data-page='about'] .l-section--action .c-section-title__romaji{
  margin-bottom: calc(40 / var(--font-size) * 1rem);
}

[data-page='about'] .l-section--action .c-section-title__lead{
  font-size: calc(18 / var(--font-size) * 1rem);
}

.action-list{
  width: 100%;
  max-width: calc(1200 / var(--font-size) * 1rem);
  margin-left: auto;
  margin-right: auto;
  margin-top:  calc(54 / var(--font-size) * 1rem);
}
@media screen and (max-width: 480px) {
  .action-list{
    max-width: 100%;
    padding-left: calc(20 / var(--font-size) * 1rem);
    padding-right: calc(20 / var(--font-size) * 1rem);
    margin-top:  calc(54 / var(--font-size) * 1rem);
  }
}

.action-list__item:not(:first-child){
  margin-top: calc(40 / var(--font-size) * 1rem);
}
.action-item{
  background: #FFF;
  box-shadow: 0 0 32px 0 rgba(39, 35, 67, 0.04);
  padding: calc(48 / var(--font-size) * 1rem) calc(80 / var(--font-size) * 1rem);
}

@media screen and (max-width: 480px) {
  .action-item{
    background: #FFF;
    box-shadow: 0 0 32px 0 rgba(39, 35, 67, 0.04);
    padding: calc(24 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
}

.action-item-header{
  position: relative;
}

.action-item-header__title{
  display: grid;
  align-content: center;
  grid-template-columns: calc(68 / var(--font-size) * 1rem) 1fr;
  padding-bottom: calc(20 / var(--font-size) * 1rem);
  border-bottom: 1px solid #B1B1B1;
}

.action-item-header__num{
  line-height: 1;
  font-size: calc(32 / var(--font-size) * 1rem);
  font-weight: 700;
}

.action-item-header__label{
  line-height:calc(32 / var(--font-size) * 1rem);
  font-size: calc(28 / var(--font-size) * 1rem);
  font-weight: 700;
}

@media screen and (max-width: 480px) {
  .action-item-header__title{
    grid-template-columns: calc(48 / var(--font-size) * 1rem) 1fr;
    padding-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .action-item-header__num{
    line-height: 1;
    font-size: calc(26 / var(--font-size) * 1rem);
  }
  .action-item-header__label{
    line-height:calc(26 / var(--font-size) * 1rem);
    font-size: calc(24 / var(--font-size) * 1rem);
  }
}

.action-item-header__ico{
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  place-content: center;
  width: calc(64 / var(--font-size) * 1rem);
  height: calc(22 / var(--font-size) * 1rem);
  border-radius: calc(11 / var(--font-size) * 1rem);
  background: #808CF7;
}
.action-item-header__ico span{
  display: block;
  font-weight: bold;
  color: #FFF;
  font-size: calc(13 / var(--font-size) * 1rem);
  padding-bottom: 1px;
}

.action-item-body__in{
  padding-left: calc(68 / var(--font-size) * 1rem);
  padding-top: calc(32 / var(--font-size) * 1rem);
}

@media screen and (max-width: 480px) {
  .action-item-body__in{
    padding-left: calc(0 / var(--font-size) * 1rem);
    padding-top: calc(32 / var(--font-size) * 1rem);
  }
}

.action-item-body__dl:not(:first-child){
  margin-top: calc(32 / var(--font-size) * 1rem);
}

@media screen and (max-width: 480px) {
  .action-item-body__dl:not(:first-child){
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
}


.action-item-body__dt{
  font-size: calc(18 / var(--font-size) * 1rem);
  line-height: 1.5;
  font-weight: bold;
  color: #E25973;
}

.action-item-body__dd{
  margin-top: calc(6 / var(--font-size) * 1rem);
  font-size: calc(14 / var(--font-size) * 1rem);
  line-height: 1.5;
}


@media screen and (max-width: 480px) {
  .action-item-body__dt{
    font-size: calc(15 / var(--font-size) * 1rem);
  }
  .action-item-body__dd{
    margin-top: calc(4 / var(--font-size) * 1rem);
    font-size: calc(13 / var(--font-size) * 1rem);
  }
}