@charset "UTF-8";

/* business
--------------------------------------------------*/

.business {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 48rem 0 80rem;
}

.business__contents {
  margin-top: 112rem;
}

.business__item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 50%;
  padding: 33rem 45rem 25rem;
  position: relative;
}

.business__text-wrapper {
  background-color: rgba(255, 255, 255, 0.64);
  height: 100%;
  padding: 12rem 20rem 32rem;
  position: relative;
}

.business__title {
  font-family: "Noto Serif JP", serif;
  font-size: 24rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  line-height: calc(40 / 24);
}

.business__title._center {
  line-height: calc(80 / 24);
  text-align: center;
}

.business__text {
  letter-spacing: 0.1em;
  line-height: calc(30 / 16);
  margin-top: 40rem;
}

/* company
--------------------------------------------------*/

.company {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80rem 0 150rem;
}

.company__table {
  margin: 88rem auto 0;
  max-width: 760rem;
}

.company__table-heading,
.company__table-data {
  font-weight: 500;
  letter-spacing: 0.1em;
}

.company__table-data {
  display: inline-block;
}

/* feature
--------------------------------------------------*/

.feature {
  background-color: #F3F3F3;
  padding: 50rem 0 80rem;
}

.feature__list {
  margin-top: 93rem;
}

.feature__item:not(:first-of-type) {
  margin-top: 110rem;
}

.feature__item-title {
  font-size: 24rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.feature__item-sub-title {
  font-size: 24rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: calc(40 / 24);
  margin-top: 45rem;
}

.feature__item-sub-title + .feature__item-text {
  margin-top: 8rem;
}

.feature__item-text {
  letter-spacing: 0.1em;
  line-height: calc(30 / 16);
  margin-top: 18rem;
}

.feature__corona {
  margin-top: 80rem;
}

.feature__corona .feature__item {
  margin-top: 36rem;
}

.feature__corona-title {
  color: #A21B1B;
  font-size: 30rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-align: center;
}

.feature__corona-title-inner {
  display: inline-block;
  position: relative;
}

.feature__corona-title-inner::before,
.feature__corona-title-inner::after {
  background-color: #A21B1B;
  content: "";
  display: block;
  height: 1rem;
  position: absolute;
  top: 55%;
  width: 27rem;
}

.feature__corona-title-inner::before {
  -webkit-transform: translateX(-100%) rotate(50deg);
  left: 0rem;
  transform: translateX(-100%) rotate(50deg);
}

.feature__corona-title-inner::after {
  -webkit-transform: translateX(100%) rotate(-50deg);
  right: 0rem;
  transform: translateX(100%) rotate(-50deg);
}

.feature__item-no-title {
  font-size: 24rem;
  font-weight: bold;
  letter-spacing: 0.3em;
}

.feature__item-no-title img {
  display: inline-block;
  margin-right: 6rem;
}

/* img-with-text
--------------------------------------------------*/

.img-with-text .section-title {
  font-size: 40rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-align: left;
}

.img-with-text .section-title::before {
  -webkit-transform: translateX(0);
  left: 0;
  transform: translateX(0);
}

.img-with-text__block {
  background-color: #E5E5E5;
}

.img-with-text__block:not(._reverse) .section-title {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.img-with-text__block:not(._reverse) .img-with-text__text-block {
  padding-bottom: 80rem;
}

.img-with-text__block._reverse {
  background-color: #F1F1F1;
}

.img-with-text__block._reverse .container {
  flex-direction: row-reverse;
}

.img-with-text__block._reverse .section-title::before {
  display: none;
}

.img-with-text__block._reverse .img-with-text__text-block {
  padding-bottom: 40rem;
  padding-top: 32rem;
}

.img-with-text__title {
  font-family: "Noto Serif JP", serif;
  font-size: 40rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  line-height: 1;
}

.img-with-text__sub-title {
  font-family: "Noto Serif JP", serif;
  font-size: 30rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  line-height: calc(50 / 30);
  margin-top: 16rem;
}

.img-with-text__text {
  letter-spacing: 0.1em;
  line-height: calc(30 / 16);
  margin-top: 16rem;
}

.img-with-text__name {
  font-size: 20rem;
  letter-spacing: 0.1em;
  line-height: calc(29 / 20);
  margin-top: 12rem;
  text-align: right;
}

.img-with-text__img {
  max-width: 340rem;
  width: 100%;
}

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

.interview {
  padding: 30rem 0 54rem;
}

.interview__list {
  --horizontal-gutter: 20rem;
  --vertical-gutter: 50rem;
  --numItems: 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: calc(var(--vertical-gutter) / 2 * -1);
  margin-left: calc(var(--horizontal-gutter) / 2 * -1);
  margin-right: calc(var(--horizontal-gutter) / 2 * -1);
  margin-top: 24rem;
  margin-top: calc(54rem + var(--vertical-gutter) / 2 * -1);
}

.interview__item {
  margin-bottom: calc(var(--vertical-gutter) / 2);
  margin-left: calc(var(--horizontal-gutter) / 2);
  margin-right: calc(var(--horizontal-gutter) / 2);
  margin-top: calc(var(--vertical-gutter) / 2);
  position: relative;
  width: calc((100% - var(--horizontal-gutter)) / var(--numItems) - var(--horizontal-gutter) * (var(--numItems) - 1) / var(--numItems));
}

.interview__item-modal-open-button {
  padding-top: 162.612613%;
  position: relative;
  width: 100%;
}

.interview__item-modal-open-button:hover .interview__item-img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

.interview__item-img-wrapper {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.interview__item-img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition-duration: 1s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}

.interview__item-text-wrapper {
  bottom: 7rem;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
}

.interview__item-text {
  color: white;
}

.interview__text {
  letter-spacing: 0.1em;
  margin-top: 72rem;
  text-align: center;
}

/* key-visual
--------------------------------------------------*/

.key-visual {
  padding-top: 41.666667%;
  position: relative;
}

.key-visual._show .key-visual__key-visual-wrapper {
  opacity: 1;
}

.key-visual._show .key-visual__title-img1 {
  opacity: 1;
}

.key-visual._show .key-visual__title-img2 {
  opacity: 1;
}

.key-visual__key-visual-wrapper {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition-duration: 1.8s;
  transition-property: opacity;
  transition-timing-function: ease;
  width: 100%;
}

.key-visual__title-img-wrapper {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 7.708333vw;
  width: 100%;
}

.key-visual__title-img1 {
  opacity: 0;
  transition-delay: 0.7s;
  transition-duration: 1.8s;
  transition-property: opacity;
  transition-timing-function: ease;
}

.key-visual__title-img2 {
  display: inline-block;
  opacity: 0;
  transition-delay: 1.4s;
  transition-duration: 1.8s;
  transition-property: opacity;
  transition-timing-function: ease;
}

/* message
--------------------------------------------------*/

.message {
  position: relative;
}

.message__bg-img-wrapper {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.message__bg-img-wrapper picture {
  display: block;
  height: 100%;
  width: 100%;
}

.message__bg-img-wrapper picture img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.message__text {
  font-size: 20rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: calc(50 / 20);
  padding: 80rem 0;
  position: relative;
  text-align: left;
}

/* video
--------------------------------------------------*/

.video {
  background-color: black;
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 50;
}

.video._open {
  display: block;
}

.video__wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

.video__btn-wrapper {
  bottom: 37rem;
  opacity: 0;
  position: absolute;
  right: 55rem;
}

.video__volume-btn-inner {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  height: 100%;
  height: 54rem;
  justify-content: center;
  padding: 15rem;
  position: relative;
  width: 100%;
  width: 54rem;
}

.video__skip-btn {
  margin-left: 20rem;
}

.video__skip-btn-inner {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4rem;
  height: 100%;
  padding: 15rem 54rem 15rem 27rem;
  position: relative;
  width: 100%;
}

.video__skip-btn-text {
  font-style: 14rem;
  letter-spacing: 0.3em;
  line-height: calc(20 / 14);
}

.video__skip-btn-img {
  -webkit-transform: translateY(-60%);
  position: absolute;
  right: 15rem;
  top: 50%;
  transform: translateY(-60%);
}

.video__logo {
  -webkit-transform: translateX(-50%);
  left: 50%;
  max-width: 36.614583vw;
  position: absolute;
  top: 18.59375vw;
  transform: translateX(-50%);
}

.play.rounded-box.state-playing {
  display: none;
}

.player .vp-controls .play {
  display: none !important;
}

.vp-unmute {
  display: none;
}

/* philosophy
--------------------------------------------------*/

.philosophy {
  padding: 110rem 0 120rem;
}

.philosophy__text {
  font-size: 24rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  line-height: calc(50 / 18);
  margin-top: 80rem;
  text-align: center;
　
}

/* preference
--------------------------------------------------*/

.preference {
  padding: 104rem 72rem 124rem;
  position: relative;
}

.preference .section-title {
  font-weight: 600;
  letter-spacing: 0.5em;
  line-height: calc(50 / 28);
}

.preference__bg-img-wrapper {
  left: 50%;
  max-width: 90vw;
  position: absolute;
  width: 100%;
}

.preference__contents {
  position: relative;
}

.preference__text {
  letter-spacing: 0.1em;
  line-height: calc(50 / 16);
}

/* shop
--------------------------------------------------*/

.shop {
  padding: 93rem 0 136rem;
}

.shop .container {
  max-width: 925rem;
}

.shop__torafugu {
  margin-top: 72rem;
}

.shop__torafugu .shop__logo {
  max-width: 291rem;
}

.shop__yakifugu {
  margin-top: 120rem;
}

.shop__yakifugu .shop__logo {
  max-width: 386rem;
}

.shop__kimi {
  margin-top: 120rem;
}

.shop__kimi .shop__logo {
  max-width: 386rem;
}

.shop__logo-wrapper {
  text-align: center;
}

.shop__list {
  --vertical-gutter: 38rem;
  --horizontal-gutter: 45rem;
  --numItems: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: calc(var(--vertical-gutter) / 2 * -1);
  margin-left: calc(var(--horizontal-gutter) / 2 * -1);
  margin-right: calc(var(--horizontal-gutter) / 2 * -1);
  margin-top: calc(26rem + var(--vertical-gutter) / 2 * -1);
}

.shop__item {
  margin-bottom: calc(var(--vertical-gutter) / 2);
  margin-left: calc(var(--horizontal-gutter) / 2);
  margin-right: calc(var(--horizontal-gutter) / 2);
  margin-top: calc(var(--vertical-gutter) / 2);
  width: calc((100% - var(--horizontal-gutter)) / var(--numItems) - var(--horizontal-gutter) * (var(--numItems) - 1) / var(--numItems));
}

.shop__item._not-img .shop__img-wrapper {
  position: relative;
}

.shop__item._not-img .shop__img-wrapper::after {
  align-items: center;
  background-color: rgba(101, 101, 101, 0.74);
  color: white;
  content: "写真なし";
  display: flex;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  left: 0;
  letter-spacing: 0.3em;
  position: absolute;
  top: 0;
  width: 100%;
}

.shop__item.mt-lg {
  margin-top: 108rem;
}

.shop__link-text {
  align-items: center;
  color: white;
  display: flex;
  flex-direction: column;
  height: 70rem;
  justify-content: center;
  position: relative;
  text-align: center;
}

.shop__shop-name {
  font-weight: 500;
  letter-spacing: 0.3em;
  line-height: 1;
}

.shop__location {
  font-size: 14rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-top: 6rem;
}

.shop__link-arrow {
  -webkit-transform: translateY(-60%);
  position: absolute;
  right: 28rem;
  top: 50%;
  transform: translateY(-60%);
}

/* work-environment
--------------------------------------------------*/

.work-environment {
  padding: 52rem 0 100rem;
}

.work-environment__list {
  margin-top: 48rem;
}

.work-environment__item {
  flex: 1;
}

.work-environment__img-wrapper {
  text-align: center;
}

.work-environment__title {
  font-family: "Noto Serif JP", serif;
  font-size: 20rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: calc(29 / 20);
  text-align: center;
}

.work-environment__item-text {
  letter-spacing: 0.1em;
  line-height: calc(36 / 16);
  margin-top: 24rem;
}

.work-environment__text {
  letter-spacing: 0.1em;
  line-height: calc(30 / 16);
  margin-top: 48rem;
  text-align: center;
}

.work-environment__lin-wrapper {
  margin-top: 48rem;
  text-align: center;
}

/* section-title
--------------------------------------------------*/

.section-title {
  font-size: 28rem;
  position: relative;
}

.section-title::before {
  -webkit-transform: translateX(-50%);
  background-color: #A21B1B;
  bottom: -20rem;
  content: "";
  display: block;
  height: 6rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 135rem;
}

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

.interview {
  padding: 72rem 0 118rem;
}

.interview__list,
.interview__banner {
  margin-top: 88rem;
}

.interview__item-modal-open-button {
  pointer-events: none;
}

.interview__link-wrapper {
  margin-top: 96rem;
  text-align: center;
}

.interview__text {
  display: none;
}

@media only screen and (min-width: 769px) {
  .business__contents {
    display: flex;
    justify-content: center;
    padding: 0 24rem;
  }

  .business__item:not(:first-of-type) {
    margin-left: 5rem;
  }

  .company__table-heading,
  .company__table-data {
    padding: 8rem 0;
  }

  .company__table-heading {
    -moz-text-align-last: justify;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-character;
    width: max(70rem, 72px);
  }

  .company__table-data {
    margin-left: 50rem;
  }

  .feature__item {
    display: flex;
  }

  .feature__item-img-wrapper {
    max-width: 558rem;
  }

  .feature__item-text-wrapper {
    flex: 1;
    margin-left: 10%;
  }

  .feature__item-no-title:not(:first-of-type) {
    margin-top: 20rem;
  }

  .img-with-text__block .container {
    display: flex;
  }

  .img-with-text__text-block {
    flex: 50%;
    padding-left: 120rem;
    padding-right: 64rem;
  }

  .img-with-text__img-block {
    flex: 50%;
    min-height: 540rem;
    position: relative;
  }

  .img-with-text__img {
    bottom: 0;
    left: 78rem;
    position: absolute;
  }

  .interview__item-modal-open-button::after {
    border: max(1rem, 1px) solid #A21B1B;
    content: "";
    display: block;
    height: 100%;
    left: 10rem;
    position: absolute;
    top: 10rem;
    width: 100%;
  }

  .interview__item-text {
    background-color: #A21B1B;
    display: inline-block;
    letter-spacing: 0.3em;
    margin: 2rem 0;
    padding: 2rem 20rem;
    text-align: center;
  }

  .key-visual__title-img-wrapper {
    -webkit-transform: translateX(-50%);
    max-width: 31.875vw;
    transform: translateX(-50%);
  }

  .key-visual__title-img2 {
    margin-top: 3.125vw;
  }

  .preference__bg-img-wrapper {
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .preference__contents {
    align-items: center;
    display: flex;
  }

  .preference__contents .section-title {
    flex: 50%;
  }

  .preference__text-wrapper {
    flex: 50%;
    padding: 0 64rem;
  }

  .work-environment__list {
    display: flex;
  }

  .work-environment__list {
    padding: 0 70rem;
  }

  .work-environment__item:not(:first-of-type) {
    margin-left: 50rem;
  }
}

@media only screen and (max-width: 768px) {
  .business {
    padding: 40rem 0 72rem;
  }

  .business__contents {
    margin: 48rem calc(50% - 50vw) 0;
    width: 100vw;
  }

  .business__item {
    padding: 25rem 25rem 30rem;
  }

  .business__item:not(:first-of-type) {
    margin-top: 5rem;
  }

  .business__title {
    font-size: 16rem;
    line-height: calc(22 / 16);
  }

  .business__text {
    margin-top: 30rem;
  }

  .company {
    padding: 48rem 0 90rem;
  }

  .company__table {
    margin: 56rem auto 0;
    max-width: 280rem;
  }

  .company__table-heading {
    display: block;
    font-weight: bold;
    margin-top: 12rem;
    width: 100%;
  }

  .company__table-data {
    line-height: calc(40 / 16);
  }

  .feature {
    padding: 32rem 0 110rem;
  }

  .feature__list {
    margin-top: 52rem;
  }

  .feature__item:not(:first-of-type) {
    margin-top: 50rem;
  }

  .feature__item-title {
    font-size: 20rem;
    line-height: calc(30 / 20);
    margin-top: 24rem;
    text-align: center;
  }

  .feature__item-sub-title {
    font-size: 20rem;
    font-weight: bold;
    line-height: calc(30 / 20);
    margin-top: 30rem;
    text-align: center;
  }

  .feature__item-sub-title + .feature__item-text {
    margin-top: 24rem;
  }

  .feature__item-text {
    margin-top: 21rem;
  }

  .feature__corona-title {
    font-size: 20rem;
    line-height: calc(30 / 20);
  }

  .feature__corona-title-inner::before,
  .feature__corona-title-inner::after {
    width: 55rem;
  }

  .feature__corona-title-inner::before {
    -webkit-transform: translateX(-100%) rotate(60deg);
    transform: translateX(-100%) rotate(60deg);
  }

  .feature__corona-title-inner::after {
    -webkit-transform: translateX(100%) rotate(-60deg);
    transform: translateX(100%) rotate(-60deg);
  }

  .feature__item-no-title {
    font-size: 20rem;
    margin-top: 40rem;
    text-align: center;
  }

  .feature__item-no-title img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10rem;
    width: 48rem;
  }

  .img-with-text .section-title {
    font-size: 24rem;
    text-align: center;
  }

  .img-with-text .section-title::before {
    display: none;
  }

  .img-with-text__block:not(._reverse) {
    padding-bottom: 40rem;
  }

  .img-with-text__block:not(._reverse) .img-with-text__img-block {
    margin-top: 16rem;
  }

  .img-with-text__block._reverse {
    padding-bottom: 48rem;
    padding-top: 16rem;
  }

  .img-with-text__block._reverse .img-with-text__img-block {
    flex-direction: row-reverse;
    margin-top: 36rem;
  }

  .img-with-text__title {
    font-size: 24rem;
    line-height: calc(50 / 24);
  }

  .img-with-text__sub-title {
    font-size: 23rem;
    line-height: calc(38 / 23);
  }

  .img-with-text__img-block .img-with-text__sub-title {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-transform: translateX(-20%);
    flex: 50%;
    transform: translateX(-20%);
    writing-mode: vertical-rl;
  }

  .img-with-text__img {
    flex: 50%;
    max-width: 50%;
  }

  .interview {
    padding: 19rem 0 40rem;
  }

  .interview__list {
    --vertical-gutter: 4rem;
    --horizontal-gutter: 4rem;
    --numItems: 2;
    justify-content: center;
    margin-top: calc(var(--vertical-gutter) / 2 * -1);
    padding: 0 11rem;
  }

  .interview__item-text-wrapper {
    background-color: rgba(162, 27, 27, 0.79);
    bottom: 0;
    padding: 7rem 16rem;
    width: 100%;
  }

  .interview__text {
    margin-top: 32rem;
  }

  .key-visual {
    padding-top: 131.025641%;
  }

  .key-visual__title-img-wrapper {
    left: 0;
    top: 0;
  }

  .key-visual__title-img1 {
    display: block;
    margin-left: 4.358974vw;
    margin-top: 18.717949vw;
    max-width: 48.461538vw;
    width: 100%;
  }

  .key-visual__title-img2 {
    display: block;
    margin-left: 42.307692vw;
    margin-top: 47.435897vw;
    max-width: 52.564103vw;
    width: 100%;
  }

  .message__text {
    font-size: 18rem;
    letter-spacing: 0;
    line-height: calc(35 / 18);
    padding: 48rem 12rem 64rem;
  }

  .video__btn-wrapper {
    align-items: center;
    bottom: 100rem;
    display: block;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    right: 0;
    text-align: center;
    width: 100%;
  }

  .video__volume-btn-inner {
    margin-top: 20rem;
  }

  .video__skip-btn {
    max-width: 200rem;
    width: 100%;
  }

  .video__skip-btn-inner {
    padding: 30rem 0;
  }

  .video__logo {
    max-width: 84.871795vw;
    top: 80.512821vw;
    width: 100%;
  }

  .philosophy {
    padding: 64rem 0 40rem;
  }

  .philosophy__text {
    font-size: 16rem;
    line-height: calc(40 / 16);
    margin-top: 64rem;
  }


  .preference {
    padding: 112rem 0 48rem;
  }

  .preference .section-title {
    line-height: calc(34 / 20);
  }

  .preference__bg-img-wrapper {
    -webkit-transform: translateX(-50%);
    max-width: 92vw;
    top: 34rem;
    transform: translateX(-50%);
  }

  .preference__text-wrapper {
    margin-top: 80rem;
  }

  .preference__text {
    line-height: calc(40 / 16);
  }

  .shop__torafugu .shop__logo {
    max-width: 228rem;
  }

  .shop__yakifugu .shop__logo {
    max-width: 233rem;
  }
	
  .shop__kimi .shop__logo {
    max-width: 233rem;
  }

  .shop__list {
    --vertical-gutter: 26rem;
    --horizontal-gutter: 4rem;
    --numItems: 1;
  }

  .shop__item._not-img .shop__img-wrapper::after {
    font-size: 8rem;
  }

  .shop__item.mt-lg {
    margin-top: 90rem;
  }

  .shop__link-text {
    height: 60rem;
    padding: 8rem 0;
  }

  .shop__shop-name {
    font-size: 12rem;
  }

  .shop__location {
    font-size: 12rem;
  }

  .shop__link-arrow {
    max-width: 41rem;
    right: 20rem;
  }

  .work-environment {
    padding: 32rem 0 98rem;
  }

  .work-environment__list {
    margin-top: 40rem;
  }

  .work-environment__item:not(:first-of-type) {
    margin-top: 24rem;
  }

  .work-environment__img {
    max-width: 54rem;
  }

  .work-environment__title {
    margin-top: 10rem;
  }

  .work-environment__item-text {
    margin-top: 20rem;
  }

  .work-environment__text {
    margin-top: 56rem;
  }

  .work-environment__lin-wrapper {
    margin-top: 40rem;
  }

  .section-title {
    font-size: 20rem;
    font-weight: 600;
  }

  .section-title::before {
    bottom: -15rem;
  }

  .interview {
    padding: 48rem 0 36rem;
  }

  .interview__list,
  .interview__banner {
    margin-top: 40rem;
  }

  .interview__link-wrapper {
    margin-top: 24rem;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .img-with-text__img-block {
    display: flex;
  }
}