@charset "UTF-8";

/* ======================================================================

  "Energyflex" Recruit SP Styles

====================================================================== */

/*
  Voice Header
====================================================================== */

.voice-header {
  background-position: 43% center;
}

.voice-header__inner {
  padding: calc(36 / 780 * 100vw) 0;
  max-width: 1500px;
  width: calc(660 / 780 * 100vw);
  margin: auto;
}

.voice-header h2 {
  font-size: calc(48 / 780 * 100vw);
  margin: calc(54 / 780 * 100vw) 0 calc(85 / 780 * 100vw);
}


/*
  Voice Content
====================================================================== */
.voice-content {
  margin-top: calc(60 / 780 * 100vw);
  margin-bottom: calc(84 / 780 * 100vw);
}

.voice-content::after {
  top: calc(255 / 780 * 100vw);
}

.voice-content__inner {
  width: calc(640 / 780 * 100vw);
}

.voice-cards {
  grid-template-columns: repeat(1, 1fr);
  gap: calc(39 / 780 * 100vw);

}

.voice-card__content {
  padding: calc(54 / 780 * 100vw) calc(56 / 780 * 100vw);
  box-shadow: 4px 4px 0 rgba(35, 24, 21, 0.1);
  border-radius: calc(20 / 780 * 100vw);
  min-height: calc(860 / 780 * 100vw);
  border: calc(1 / 780 * 100vw) solid #cecece;
}

.voice-card__content:hover {
  transform: translate(4px, 4px);
  box-shadow: 0 0 0 rgba(35, 24, 21, 0.1);
}

.voice-card__image {
  aspect-ratio: 525 / 315;
}

.voice-card__image--noimage .voice-noimage__text {
  font-size: calc(40 / 780 * 100vw);
}

.voice-body__img--noimage .voice-noimage__text {
  font-size: calc(40 / 780 * 100vw);
}

.voice-card__title {
  font-size: calc(28 / 780 * 100vw);
  margin-top: calc(22 / 780 * 100vw);
}

.voice-card__body {
  margin-top: calc(24 / 780 * 100vw);
  padding-top: calc(32 / 780 * 100vw);
}

.voice-card__tag {
  font-size: calc(21 / 780 * 100vw);
  padding: calc(2 / 780 * 100vw) calc(16 / 780 * 100vw);
}

.voice-card__company,
.voice-card__name,
.voice-card__place {
  font-size: calc(24 / 780 * 100vw);
  line-height: calc(49 / 24);
  margin-top: calc(6 / 780 * 100vw);
}

/*
  Voice Page Header
====================================================================== */

.voice-page-header__inner {
  padding: calc(40 / 780 * 100vw) 0 0;
  max-width: 1500px;
  width: calc(660 / 780 * 100%);
  margin: auto;
}

.voice-page {
  margin-top: calc(53 / 780 * 100vw);
  margin-bottom: calc(69 / 780 * 100vw);
}

.voice-body {
  grid-template-columns: 1fr;
  row-gap: calc(28 / 780 * 100vw);
}

.voice-body__head {
  margin-top: 0;
  order: 2;
}

.voice-body__title {
  font-size: calc(36 / 780 * 100vw);
  letter-spacing: .1em;
  font-feature-settings: 'palt' 1;
  line-height: calc(60 / 36);
  color: #000;
  font-weight: 700;
}

.voice-body__text {
  font-size: calc(26 / 780 * 100vw);
  margin-top: calc(45 / 780 * 100vw);
  padding-left: calc(54 / 780 * 100vw);
}

.voice-body__text::before {
  top: calc(27 / 780 * 100vw);
  transform: translateY(-50%);
  width: calc(40 / 780 * 100vw);
  height: calc(1 / 780 * 100vw);
}

.voice-body__img {
  aspect-ratio: 600 / 360;
  order: 1;
}

.voice-page__detail-text {
  margin-top: calc(24 / 780 * 100vw);
}

.voice-page__detail-text p {
  font-size: calc(24 / 780 * 100vw);
  line-height: calc(48 / 24);
}

.voice-page__info {
  margin-top: calc(115 / 780 * 100vw);
}

.voice-profile {
  background-color: #f7f7f7;
  position: relative;
  padding-bottom: calc(73 / 780 * 100vw);
  padding-top: calc(60 / 780 * 100vw);
  padding-left: calc(60 / 780 * 100vw);
}

.voice-profile:before {
  width: calc(167 / 780 * 100vw);
  height: calc(167 / 780 * 100vw);
  transform: translate(-28%, -36%);
}

.voice-profile__head {
  grid-template-columns: 1fr;
}

.voice-profile__title {
  padding-left: 0;
  font-size: calc(30 / 780 * 100vw);
  line-height: calc(60 / 30);
  margin-top: calc(24 / 780 * 100vw);
  order: 2;
}

.voice-profile__img {
  aspect-ratio: 600 / 350;
  order: 1;
}

.voice-profile__detail-inner {
  padding: 0;
  margin-top: calc(13 / 780 * 100vw);
}


.voice-profile__info-item {
  font-size: calc(24 / 780 * 100vw);
  line-height: 1.5;
}

.voice-profile__info-item+.voice-profile__info-item {
  margin-top: calc(20 / 780 * 100vw);
}

.voice-profile__info-item span {
  display: block;
  width: fit-content;
  padding: 0 calc(25 / 780 * 100vw);
  margin-right: 0;
  margin-bottom: calc(8 / 780 * 100vw);
  position: relative;
}

.voice-profile__info-item span::before,
.voice-profile__info-item span::after {
  width: calc(18 / 780 * 100vw);
  height: calc(22 / 780 * 100vw);
}

.voice-profile__wrap {
  margin-top: calc(35 / 780 * 100vw);
}

.voice-profile__item+.voice-profile__item {
  margin-top: calc(48 / 780 * 100vw);
}

.voice-profile__item-title {
  font-size: calc(28 / 780 * 100vw);
  padding-left: calc(51 / 780 * 100vw);
}

.voice-profile__item-title.voice-profile__item-title--charm::before {
  width: calc(35 / 780 * 100vw);
  height: calc(40 / 780 * 100vw);
}

.voice-profile__item-title.voice-profile__item-title--point::before {
  width: calc(31 / 780 * 100vw);
  height: calc(41 / 780 * 100vw);
}

.voice-profile__item-lists {
  margin-top: calc(10 / 780 * 100vw);
}

.voice-profile__item-lists li {
  font-size: calc(24 / 780 * 100vw);
  line-height: 1.5;
  padding-left: calc(25 / 780 * 100vw);
}

.voice-profile__item-lists li+li {
  margin-top: calc(20 / 780 * 100vw);
}

.voice-profile__item-lists li::before {
  width: calc(12 / 780 * 100vw);
  height: calc(12 / 780 * 100vw);
  top: calc(15 / 780 * 100vw);
}

.voice-profile__item-text {
  font-size: calc(24 / 780 * 100vw);
  line-height: 1.5;
  margin-top: 0;
}

.voice-page .wp-block-group__inner-container {
  display: contents;
}

.voice-page__content {
  margin-top: calc(82 / 780 * 100vw);
}

.page-content+.page-content {
  margin-top: calc(110 / 780 * 100vw);
}


.page-content__label {
  padding: 0 calc(23 / 780 * 100vw) 0 calc(11 / 780 * 100vw);
  border-radius: calc(22 / 780 * 100vw);
}

.page-content__label h3 {
  font-size: calc(21 / 780 * 100vw);
  padding-left: calc(52 / 780 * 100vw);
}

.page-content__label.page-content__label--problem h3::before {
  width: calc(42 / 780 * 100vw);
  height: calc(19 / 780 * 100vw);
}

.page-content__label.page-content__label--solution h3::before {
  width: calc(38 / 780 * 100vw);
  height: calc(14 / 780 * 100vw);
}

.page-content__label.page-content__label--effect h3::before {
  width: calc(35 / 780 * 100vw);
  height: calc(17 / 780 * 100vw);
}

.page-content__label.page-content__label--note h3::before {
  width: calc(42 / 780 * 100vw);
  height: calc(28 / 780 * 100vw);
}

.page-content__title {
  font-size: calc(30 / 780 * 100vw);
  margin-top: calc(17 / 780 * 100vw);
  border-bottom: calc(4 / 780 * 100vw) solid #000;
}

.page-content__detail-text {
  margin-top: calc(13 / 780 * 100vw);
}

.page-content__detail-text p {
  font-size: calc(26 / 780 * 100vw);
  line-height: calc(48 / 26);
}

.page-content__lists {
  margin-top: calc(13 / 780 * 100vw);
}

.page-content__list+.page-content__list {
  margin-top: calc(20 / 780 * 100vw);
}

.voice-page__detail-inner .voice-page__content ~ .page-content__list {
  margin-top: calc(20 / 780 * 100vw);
}

.page-content__title ~ .page-content__list {
  margin-top: calc(13 / 780 * 100vw);
}

.voice-page__detail-inner .voice-page__content ~ figure {
  aspect-ratio: 660 / 384;
  margin-inline: auto;
  margin-top: calc(34 / 780 * 100vw);
  text-align: center;
}

.page-content__title ~ figure {
  aspect-ratio: 660 / 384;
  margin-inline: auto;
  margin-top: calc(34 / 780 * 100vw);
  text-align: center;
}

.voice-page__detail-inner .voice-page__content ~ figure img,
.page-content__title ~ figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-content__list-head {
  font-size: calc(26 / 780 * 100vw);
  padding-left: calc(25 / 780 * 100vw);
}

.page-content__list-head::before {
  width: calc(12 / 780 * 100vw);
  height: calc(12 / 780 * 100vw);
  top: calc(20 / 780 * 100vw);
}

.page-content__list-text {
  font-size: calc(26 / 780 * 100vw);
  line-height: calc(48 / 26);
}

.page-content__list figure {
  aspect-ratio: 660 / 384;
  margin-top: calc(34 / 780 * 100vw);
}

.page-content__lists figure {
  aspect-ratio: 660 / 384;
  margin-top: calc(34 / 780 * 100vw);
}


.voice-page__pagination {
  margin-top: calc(61 / 780 * 100vw);
}

.voice-page__pagination {
  margin-top: calc(70 / 780 * 100vw);
}

.voice-page__pagination .link-btn {
  width: calc(360 / 780 * 100vw);
  height: calc(90 / 780 * 100vw);
}

.voice-page__pagination .link-btn a {
  font-size: calc(26 / 780 * 100vw);
}

.voice-page__pagination .link-btn a::before {
  width: calc(22 / 780 * 100vw);
  height: calc(25 / 780 * 100vw);
  left: calc(21 / 780 * 100vw);
}

.voice-page__pagination .nav-links {
  flex-wrap: nowrap;
  gap: calc(26 / 780 * 100vw);
}

.voice-single-pagination .nav-links {
  gap: calc(26 / 780 * 100vw);
}


.voice-page__pagination-center {
  flex: 0 0 auto;
}

.voice-page__pagination-center .link-btn {
  margin: 0;
}

.voice-page__pagination .page-numbers {
  font-size: calc(28 / 780 * 100vw);
  min-width: calc(38 / 780 * 100vw);
}

.voice-page__pagination .page-numbers.current {
  width: calc(70 / 780 * 100vw);
  height: calc(70 / 780 * 100vw);
  border: calc(1 / 780 * 100vw) solid #cecece;
}

.voice-page__pagination .page-numbers.dots {
  min-width: calc(24 / 780 * 100vw);
}

.voice-page__pagination a.prev.page-numbers,
.voice-page__pagination a.next.page-numbers {
  width: calc(70 / 780 * 100vw);
  height: calc(70 / 780 * 100vw);
}

.voice-page__pagination a.prev.page-numbers::before,
.voice-page__pagination a.next.page-numbers::before {
  width: calc(14 / 780 * 100vw);
  height: calc(16 / 780 * 100vw);
}