@charset "UTF-8";
section.interview-head .area-copy {
  position: relative;
}
section.interview-head .area-copy img.main {
  -o-object-fit: cover;
  object-fit: cover;
  height: 600rem;
  -o-object-position: center top;
  object-position: center top;
}
section.interview-head .area-copy .copy {
  position: absolute;
  top: 45%;
  left: 30rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
section.interview-head .area-copy .copy.line-4 img {
  height: 280rem;
}
section.interview-head .area-copy .copy img {
  height: 210rem;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}
section.interview-head .area-copy img.fire {
  width: 110rem;
  position: absolute;
  bottom: 160rem;
  right: 30rem;
}
section.interview-head .area-copy img.fire.cm {
  width: 130rem;
  bottom: 150rem;
  right: 10rem;
}
section.interview-head .area-copy img.fire.cmpro {
  width: 130rem;
  bottom: 120rem;
  right: 50rem;
}
section.interview-head .area-copy img.fire.design01 {
  width: 130rem;
  bottom: 150rem;
  right: 10rem;
}
section.interview-head .area-copy img.fire.sales01 {
  width: 130rem;
  bottom: 150rem;
  right: 10rem;
}
section.interview-head .area-copy img.fire.sales02 {
  width: 130rem;
  bottom: 130rem;
  right: 10rem;
}
section.interview-head .area-copy img.fire.salespro01 {
  width: 130rem;
  bottom: 150rem;
  right: 60rem;
}
section.interview-head .area-copy img.fire.salespro02 {
  width: 110rem;
  bottom: 250rem;
  right: 70rem;
}
section.interview-head .area-copy img.fire.mfg {
  width: 130rem;
  bottom: 120rem;
  right: 10rem;
}
section.interview-head .area-info {
  position: relative;
  z-index: 1;
  margin-top: -100rem;
}
section.interview-head .area-info p {
  color: #fff;
}
section.interview-head .area-info p.title-en {
  font-size: 80rem;
  font-weight: 700;
  line-height: 0.7;
  color: var(--color-light-blue);
  font-family: var(--font-en);
  font-style: italic;
  margin-left: 40rem;
}
section.interview-head .area-info .box-info {
  background: var(--color-light-blue);
  padding: 20rem 40rem 40rem;
  margin-right: 60rem;
  position: relative;
}
section.interview-head .area-info p.title-ja {
  font-size: 30rem;
  margin-bottom: 30rem;
}
section.interview-head .area-info p.job-name {
  font-size: 50rem;
  font-weight: bold;
}
section.interview-head .area-info p.name {
  font-size: 24rem;
}
section.interview-head .area-info .right {
  margin-top: 30rem;
}
section.interview-head .area-info img.illust-01 {
  position: absolute;
  top: -80rem;
  right: 50rem;
  width: 100rem;
}
section.interview-head .area-info img.illust-02 {
  position: absolute;
  top: -20rem;
  right: 50rem;
  width: 170rem;
}

.hstyle-int-primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hstyle-int-primary span.en {
  font-size: 120rem;
  font-family: var(--font-en);
  font-style: italic;
  font-weight: bold;
  line-height: 1;
}
.hstyle-int-primary span.ja {
  font-size: 28rem;
  font-weight: 600;
  color: #fff;
  margin-left: 10rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hstyle-int-primary span.ja::after {
  content: "";
  display: block;
  width: 30rem;
  height: 30rem;
  background: url(../images/interview/headline-after-orange.svg) no-repeat center left;
  background-size: contain;
}
.hstyle-int-primary span.ja span {
  background: var(--color-orange);
  padding: 0.2em 0.8em;
  height: 50rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  border-radius: 25rem 0 25rem 25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

section.area-int-2col {
  width: 90%;
  margin: 100rem auto 0;
}
section.area-int-2col h3 {
  margin-top: 40rem;
  font-weight: 900;
  font-size: 48rem;
  line-height: 1.5;
  margin-bottom: 30rem;
}
section.area-int-2col .box-photo {
  margin-top: 60rem;
}

section.area-passion {
  position: relative;
  padding-left: 5%;
  margin-top: 100rem;
  padding-top: 100rem;
  padding-bottom: 140rem;
  overflow: hidden;
}
section.area-passion::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-orange);
  position: absolute;
  top: 0;
  left: 5%;
  z-index: -1;
}
section.area-passion::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/interview/bg-fire.svg) no-repeat center top 100rem;
  background-size: contain;
  background-size: 500rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  mix-blend-mode: multiply;
}
section.area-passion .htsyle-int-passion {
  margin-bottom: 40rem;
}
section.area-passion .htsyle-int-passion span.en {
  display: block;
  width: 640rem;
}
section.area-passion .htsyle-int-passion span.ja {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.area-passion .htsyle-int-passion span.ja::after {
  content: "";
  display: block;
  width: 30rem;
  height: 30rem;
  background: url(../images/interview/headline-after-black.svg) no-repeat center left;
  background-size: contain;
}
section.area-passion .htsyle-int-passion span.ja span {
  background: var(--color-black);
  padding: 0.2em 0.8em;
  color: #fff;
  font-size: 28rem;
  font-weight: bold;
  height: 50rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 25rem 0 25rem 25rem;
}
section.area-passion h3 {
  color: #fff;
  font-size: 48rem;
  font-weight: 900;
}
section.area-passion p {
  margin-top: 30rem;
  color: #fff;
}
section.area-passion .wrap-text p {
  text-align: justify;
  line-height: 2.2;
}
section.area-passion .wrap-text p span {
  background: #000;
  font-weight: bold;
  padding: 0.2em 0.4em;
  margin: 0 0.2em;
}
section.area-passion .box-content {
  position: relative;
  z-index: 1;
  width: 90%;
  margin: 0 auto;
}
section.area-passion .box-ph {
  position: relative;
  z-index: 1;
  margin-top: 60rem;
  left: -5%;
}
section.area-passion .box-ph img.fire {
  position: absolute;
  top: 400rem;
  right: 60rem;
  width: 160rem;
}
section.area-passion .box-ph img.fire.sales01 {
  width: 130rem;
  top: 280rem;
  right: 180rem;
}
section.area-passion .box-ph img.fire.cm {
  width: 130rem;
  top: 370rem;
  right: 260rem;
}
section.area-passion .box-ph img.fire.design01 {
  width: 160rem;
  top: 400rem;
  right: 160rem;
}
section.area-passion .box-ph img.fire.design02 {
  width: 160rem;
  top: 400rem;
  right: 180rem;
}
section.area-passion .box-ph img.fire.cmpro {
  width: 90rem;
  top: 420rem;
  left: 250rem;
}
section.area-passion .box-ph img.fire.sales01 {
  width: 130rem;
  top: 290rem;
  right: 210rem;
}
section.area-passion .box-ph img.fire.sales02 {
  width: 150rem;
  top: 400rem;
  left: 50rem;
}
section.area-passion .box-ph img.fire.salespro01 {
  width: 160rem;
  top: 520rem;
  left: 60rem;
}
section.area-passion .box-ph img.fire.salespro02 {
  width: 140rem;
  top: 470rem;
  right: 50rem;
}
section.area-passion .box-ph img.fire.mfg {
  width: 170rem;
  top: 400rem;
  right: 90rem;
}
section.area-passion .bottom-ticker {
  mix-blend-mode: difference;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-inline: 0;
  margin-inline: 0;
  gap: 0;
  overflow: hidden;
  margin: -28px 0 0;
  z-index: 2;
}
section.area-passion .bottom-ticker li {
  font-family: var(--font-en);
  font-weight: normal;
  line-height: 0.8;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0;
  font-size: 150rem;
  color: rgba(77, 77, 77, 0.3);
  white-space: nowrap;
  padding: 0 40rem 0 0;
  margin: 0;
  -webkit-animation: marquee-left 30s linear infinite;
  animation: marquee-left 30s linear infinite;
}

/* アニメーション */
@-webkit-keyframes marquee-left {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes marquee-left {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.ph-middle {
  margin-top: 180rem;
}

section.area-message {
  margin-top: 110rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 100rem;
}
section.area-message::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-light-blue);
  position: absolute;
  top: 100rem;
  left: 0;
  z-index: -1;
}
section.area-message::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 100rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/interview/bg-texture-interview.jpg) repeat center top;
  background-size: auto;
}
section.area-message .box-ph {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
section.area-message .box-ph p.en {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 108rem;
  font-weight: bold;
  font-family: var(--font-en);
  font-style: italic;
  color: var(--color-light-blue);
  line-height: 0.6;
}
section.area-message .inner {
  position: relative;
  z-index: 1;
}
section.area-message .box-text {
  width: 90%;
  margin: 60rem auto 0;
}
section.area-message .box-text h2 {
  color: #fff;
  font-size: 50rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 30rem;
}
section.area-message .box-text p {
  color: #fff;
  font-weight: bold;
}

section.bottom-slider {
  margin-top: 180rem;
}
section.bottom-slider h2 {
  text-align: center;
  margin-bottom: 30rem;
  font-size: 48rem;
  font-weight: 700;
}

section.area-works {
  margin: 160rem auto 0;
  width: 90%;
  position: relative;
}
section.area-works .title {
  position: absolute;
  top: -35rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
section.area-works .title img {
  height: 100rem;
  width: auto;
}
section.area-works .inner {
  background: #e6e6e6;
  padding: 90rem 40rem 60rem;
}
section.area-works .box-text p {
  line-height: 1.9;
  font-size: 28rem;
}
section.area-works .box-ph {
  margin-top: 40rem;
}
section.area-works figcaption {
  font-size: 28rem;
  margin-top: 20rem;
}

/**********************************************************************

 * Media Query For PC

 ***********************************************************************/
@media print, screen and (min-width: 768px) {
  section.interview-head {
    position: relative;
  }
  section.interview-head .area-copy img.main {
    -o-object-fit: fill;
    object-fit: fill;
    height: auto;
  }
  section.interview-head .area-copy .copy {
    position: absolute;
    top: 45%;
    left: max(55.8545454545px, 5.45vw);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  section.interview-head .area-copy .copy.line-4 img {
    height: max(242.0363636364px, 23.64vw);
  }
  section.interview-head .area-copy .copy img {
    height: max(192.3878787879px, 18.79vw);
  }
  section.interview-head .area-copy img.fire {
    width: max(99.296969697px, 9.7vw);
    position: absolute;
    bottom: max(148.9454545455px, 14.55vw);
    right: max(244.5187878788px, 23.88vw);
  }
  section.interview-head .area-copy img.fire.cm {
    width: max(99.296969697px, 9.7vw);
    bottom: max(124.1212121212px, 12.12vw);
    right: max(223.4181818182px, 21.82vw);
  }
  section.interview-head .area-copy img.fire.design01 {
    width: max(99.296969697px, 9.7vw);
    top: max(297.8909090909px, 29.09vw);
    right: max(223.4181818182px, 21.82vw);
  }
  section.interview-head .area-copy img.fire.cmpro {
    width: max(117.9151515152px, 11.52vw);
    top: max(310.303030303px, 30.3vw);
    right: max(248.2424242424px, 24.24vw);
  }
  section.interview-head .area-copy img.fire.sales01 {
    width: max(105.503030303px, 10.3vw);
    top: max(273.0666666667px, 26.67vw);
    right: max(198.5939393939px, 19.39vw);
  }
  section.interview-head .area-copy img.fire.sales02 {
    width: max(111.7090909091px, 10.91vw);
    top: max(316.5090909091px, 30.91vw);
    right: max(211.0060606061px, 20.61vw);
  }
  section.interview-head .area-copy img.fire.salespro01 {
    width: max(111.7090909091px, 10.91vw);
    top: max(328.9212121212px, 32.12vw);
    right: max(266.8606060606px, 26.06vw);
  }
  section.interview-head .area-copy img.fire.salespro02 {
    width: max(86.8848484848px, 8.48vw);
    top: max(229.6242424242px, 22.42vw);
    right: max(260.6545454545px, 25.45vw);
  }
  section.interview-head .area-copy img.fire.mfg {
    width: max(99.296969697px, 9.7vw);
    top: max(297.8909090909px, 29.09vw);
    right: max(211.0060606061px, 20.61vw);
  }
  section.interview-head .area-info {
    position: relative;
    z-index: 1;
    margin-top: clamp(-62.0606060606px, -6.06vw, -100px);
    width: 80%;
  }
  section.interview-head .area-info .box-info-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto max(34.1333333333px, 3.33vw) 1fr;
    grid-template-columns: auto 1fr;
    gap: max(34.1333333333px, 3.33vw);
  }
  section.interview-head .area-info p {
    color: #fff;
  }
  section.interview-head .area-info p.title-en {
    font-size: clamp(54.6133333333px, 5.33vw, 88px);
    font-weight: 700;
    line-height: 0.7;
    color: var(--color-light-blue);
    font-family: var(--font-en);
    font-style: italic;
    margin-left: max(155.1515151515px, 15.15vw);
  }
  section.interview-head .area-info .box-info {
    background: var(--color-light-blue);
    padding: clamp(12.4121212121px, 1.21vw, 20px) clamp(54.6133333333px, 5.33vw, 88px) clamp(68.2666666667px, 6.67vw, 110px) max(155.1515151515px, 15.15vw);
    margin-right: clamp(37.2363636364px, 3.64vw, 60px);
    position: relative;
  }
  section.interview-head .area-info p.title-ja {
    font-size: clamp(14.8945454545px, 1.45vw, 24px);
    margin-bottom: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.interview-head .area-info p.job-name {
    font-size: clamp(34.7539393939px, 3.39vw, 56px);
    font-weight: bold;
  }
  section.interview-head .area-info p.name {
    font-size: clamp(14.8945454545px, 1.45vw, 24px);
  }
  section.interview-head .area-info .right {
    margin-top: clamp(12.4121212121px, 1.21vw, 20px);
  }
  section.interview-head .area-info .right p {
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
  }
  section.interview-head .area-info img.illust-01 {
    position: absolute;
    top: auto;
    bottom: clamp(-31.0303030303px, -3.03vw, -50px);
    right: clamp(-18.6181818182px, -1.82vw, -30px);
    width: clamp(62.0606060606px, 6.06vw, 100px);
  }
  section.interview-head .area-info img.illust-02 {
    position: absolute;
    top: auto;
    bottom: clamp(-12.4121212121px, -1.21vw, -20px);
    right: clamp(-49.6484848485px, -4.85vw, -80px);
    width: clamp(120.3975757576px, 11.76vw, 194px);
  }
  .hstyle-int-primary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hstyle-int-primary span.en {
    font-size: clamp(99.296969697px, 9.7vw, 160px);
  }
  .hstyle-int-primary span.ja {
    font-size: clamp(14.8945454545px, 1.45vw, 24px);
    margin-left: clamp(31.0303030303px, 3.03vw, 50px);
    letter-spacing: 0.05em;
  }
  .hstyle-int-primary span.ja::after {
    width: clamp(15.5151515152px, 1.52vw, 25px);
    height: clamp(15.5151515152px, 1.52vw, 25px);
  }
  .hstyle-int-primary span.ja span {
    padding: 0.2em 0.8em;
    height: clamp(29.7890909091px, 2.91vw, 48px);
    border-radius: clamp(14.8945454545px, 1.45vw, 24px) 0 clamp(14.8945454545px, 1.45vw, 24px) clamp(14.8945454545px, 1.45vw, 24px);
  }
  section.area-int-2col {
    width: 90%;
    max-width: clamp(837.8181818182px, 81.82vw, 1350px);
    margin: clamp(155.1515151515px, 15.15vw, 250px) max(111.7090909091px, 10.91vw) 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(93.0909090909px, 9.09vw, 150px) clamp(409.6px, 40vw, 660px);
    grid-template-columns: 1fr clamp(409.6px, 40vw, 660px);
    gap: 0 clamp(93.0909090909px, 9.09vw, 150px);
    position: relative;
  }
  section.area-int-2col .box-title {
    position: absolute;
    left: 0;
    top: clamp(-6.2060606061px, -0.61vw, -10px);
  }
  section.area-int-2col .box-text {
    margin-top: clamp(124.1212121212px, 12.12vw, 200px);
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  section.area-int-2col .box-text p {
    line-height: 2.3;
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
  }
  section.area-int-2col .box-photo {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  section.area-int-2col .hstyle-int-primary {
    position: relative;
    top: clamp(-37.2363636364px, -3.64vw, -60px);
    left: clamp(-43.4424242424px, -4.24vw, -70px);
  }
  section.area-int-2col h3 {
    margin-top: 0;
    font-weight: 900;
    font-size: clamp(24.8242424242px, 2.42vw, 40px);
    line-height: 1.7;
    margin-bottom: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.area-int-2col .box-photo {
    margin-top: 0;
  }
  section.area-passion {
    position: relative;
    margin-top: clamp(124.1212121212px, 12.12vw, 200px);
    overflow: hidden;
    padding-bottom: max(148.9454545455px, 14.55vw);
    padding-left: 0;
    padding-top: 0;
  }
  section.area-passion .inner {
    max-width: clamp(992.9696969697px, 96.97vw, 1600px);
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  section.area-passion::before {
    content: "";
    display: block;
    width: 64%;
    height: 100%;
    background: var(--color-orange);
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
  }
  section.area-passion::after {
    content: "";
    display: block;
    width: 74.3%;
    height: 100%;
    background: url(../images/interview/bg-fire.svg) no-repeat left clamp(235.8303030303px, 23.03vw, 380px) center;
    background-size: clamp(453.0424242424px, 44.24vw, 730px);
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
  }
  section.area-passion .htsyle-int-passion {
    margin-bottom: clamp(55.8545454545px, 5.45vw, 90px);
  }
  section.area-passion .htsyle-int-passion span.en {
    display: block;
    width: clamp(465.4545454545px, 45.45vw, 750px);
  }
  section.area-passion .htsyle-int-passion span.ja {
    margin-top: clamp(12.4121212121px, 1.21vw, 20px);
    margin-left: clamp(31.0303030303px, 3.03vw, 50px);
    letter-spacing: 0.05em;
  }
  section.area-passion .htsyle-int-passion span.ja::after {
    width: clamp(15.5151515152px, 1.52vw, 25px);
    height: clamp(15.5151515152px, 1.52vw, 25px);
  }
  section.area-passion .htsyle-int-passion span.ja span {
    font-size: clamp(14.8945454545px, 1.45vw, 24px);
    font-weight: bold;
    height: clamp(29.7890909091px, 2.91vw, 48px);
    border-radius: clamp(14.8945454545px, 1.45vw, 24px) 0 clamp(14.8945454545px, 1.45vw, 24px) clamp(14.8945454545px, 1.45vw, 24px);
  }
  section.area-passion .wrap-text {
    margin-left: clamp(55.8545454545px, 5.45vw, 90px);
  }
  section.area-passion .wrap-text p {
    width: clamp(335.1272727273px, 32.73vw, 540px);
    line-height: 2.2;
  }
  section.area-passion h3 {
    color: #fff;
    font-size: clamp(26.0654545455px, 2.55vw, 42px);
    font-weight: 900;
  }
  section.area-passion p {
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
    margin-top: clamp(18.6181818182px, 1.82vw, 30px);
    color: #fff;
  }
  section.area-passion .box-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    z-index: 1;
    width: 74.3%;
    height: auto;
    margin: 0 0 0 auto;
    padding: clamp(83.7818181818px, 8.18vw, 135px) clamp(83.7818181818px, 8.18vw, 135px) 0 clamp(34.1333333333px, 3.33vw, 55px);
  }
  section.area-passion .box-ph {
    width: clamp(409.6px, 40vw, 660px);
    position: relative;
    top: clamp(111.7090909091px, 10.91vw, 180px);
    left: 0;
    z-index: 1;
    margin-top: 0;
    margin-right: 0;
  }
  section.area-passion .box-ph img.fire {
    position: absolute;
    top: clamp(248.2424242424px, 24.24vw, 400px);
    right: clamp(37.2363636364px, 3.64vw, 60px);
    width: clamp(99.296969697px, 9.7vw, 160px);
  }
  section.area-passion .box-ph img.fire.sales01 {
    width: clamp(77.5757575758px, 7.58vw, 125px);
    top: clamp(155.1515151515px, 15.15vw, 250px);
    right: clamp(99.296969697px, 9.7vw, 160px);
  }
  section.area-passion .box-ph img.fire.cm {
    width: clamp(74.4727272727px, 7.27vw, 120px);
    top: clamp(211.0060606061px, 20.61vw, 340px);
    right: clamp(161.3575757576px, 15.76vw, 260px);
  }
  section.area-passion .box-ph img.fire.design01 {
    width: clamp(99.296969697px, 9.7vw, 160px);
    top: clamp(229.6242424242px, 22.42vw, 370px);
    right: clamp(111.7090909091px, 10.91vw, 180px);
  }
  section.area-passion .box-ph img.fire.design02 {
    width: clamp(99.296969697px, 9.7vw, 160px);
    top: clamp(229.6242424242px, 22.42vw, 370px);
    right: clamp(111.7090909091px, 10.91vw, 180px);
  }
  section.area-passion .box-ph img.fire.cmpro {
    width: clamp(43.4424242424px, 4.24vw, 70px);
    top: clamp(229.6242424242px, 22.42vw, 370px);
    left: clamp(148.9454545455px, 14.55vw, 240px);
  }
  section.area-passion .box-ph img.fire.sales01 {
    width: clamp(68.2666666667px, 6.67vw, 110px);
    top: clamp(179.9757575758px, 17.58vw, 290px);
    right: clamp(117.9151515152px, 11.52vw, 190px);
  }
  section.area-passion .box-ph img.fire.sales02 {
    width: clamp(99.296969697px, 9.7vw, 160px);
    top: clamp(229.6242424242px, 22.42vw, 370px);
    left: clamp(12.4121212121px, 1.21vw, 20px);
  }
  section.area-passion .box-ph img.fire.salespro01 {
    width: clamp(80.6787878788px, 7.88vw, 130px);
    top: clamp(297.8909090909px, 29.09vw, 480px);
    left: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.area-passion .box-ph img.fire.salespro02 {
    width: clamp(74.4727272727px, 7.27vw, 120px);
    top: clamp(260.6545454545px, 25.45vw, 420px);
    right: clamp(24.8242424242px, 2.42vw, 40px);
  }
  section.area-passion .box-ph img.fire.mfg {
    width: clamp(99.296969697px, 9.7vw, 160px);
    top: clamp(254.4484848485px, 24.85vw, 410px);
    right: clamp(62.0606060606px, 6.06vw, 100px);
  }
  section.area-passion .bottom-ticker {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-inline: 0;
    margin-inline: 0;
    gap: 0;
    overflow: hidden;
    margin: 0;
    z-index: 2;
  }
  section.area-passion .bottom-ticker li {
    line-height: 0.8;
    font-size: max(136.5333333333px, 13.33vw);
    color: rgba(77, 77, 77, 0.3);
    white-space: nowrap;
    padding: 0 clamp(24.8242424242px, 2.42vw, 40px) 0 0;
    margin: 0;
    -webkit-animation: marquee-left 30s linear infinite;
    animation: marquee-left 30s linear infinite;
  }
  .ph-middle {
    max-width: clamp(868.8484848485px, 84.85vw, 1400px);
    margin: clamp(155.1515151515px, 15.15vw, 250px) auto 0;
  }
  section.area-message {
    margin-top: clamp(124.1212121212px, 12.12vw, 200px);
    position: relative;
    overflow: hidden;
    padding-bottom: clamp(93.0909090909px, 9.09vw, 150px);
  }
  section.area-message::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-light-blue);
    position: absolute;
    top: clamp(62.0606060606px, 6.06vw, 100px);
    left: 0;
    z-index: -1;
  }
  section.area-message::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: clamp(62.0606060606px, 6.06vw, 100px);
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/interview/bg-texture-interview.jpg) repeat center top;
    background-size: auto;
  }
  section.area-message .box-ph {
    width: 100%;
    margin: 0 auto;
  }
  section.area-message .box-ph p.en {
    position: absolute;
    bottom: 0;
    font-size: clamp(99.296969697px, 9.7vw, 160px);
    line-height: 0.7;
  }
  section.area-message .inner {
    max-width: clamp(781.9636363636px, 76.36vw, 1260px);
    margin: 0 auto;
  }
  section.area-message .box-text {
    width: 90%;
    margin: clamp(62.0606060606px, 6.06vw, 100px) auto 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  section.area-message .box-text h2 {
    font-size: clamp(34.7539393939px, 3.39vw, 56px);
    margin-bottom: clamp(18.6181818182px, 1.82vw, 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  section.area-message .box-text p {
    font-size: clamp(13.6533333333px, 1.33vw, 22px);
  }
  section.bottom-slider {
    margin-top: clamp(111.7090909091px, 10.91vw, 180px);
  }
  section.bottom-slider h2 {
    text-align: center;
    margin-bottom: clamp(18.6181818182px, 1.82vw, 30px);
    font-size: clamp(34.7539393939px, 3.39vw, 56px);
  }
  section.area-works {
    max-width: clamp(868.8484848485px, 84.85vw, 1400px);
    margin: clamp(124.1212121212px, 12.12vw, 200px) auto 0;
  }
  section.area-works .title {
    top: clamp(-21.7212121212px, -2.12vw, -35px);
  }
  section.area-works .title img {
    height: clamp(70.7490909091px, 6.91vw, 114px);
  }
  section.area-works .inner {
    padding: clamp(74.4727272727px, 7.27vw, 120px) clamp(49.6484848485px, 4.85vw, 80px) clamp(37.2363636364px, 3.64vw, 60px);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(37.2363636364px, 3.64vw, 60px) clamp(372.3636363636px, 36.36vw, 600px);
    grid-template-columns: 1fr clamp(372.3636363636px, 36.36vw, 600px);
    gap: clamp(37.2363636364px, 3.64vw, 60px);
  }
  section.area-works .box-text {
    position: relative;
    top: clamp(-3.103030303px, -0.3vw, -5px);
  }
  section.area-works .box-text p {
    line-height: 2;
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
  }
  section.area-works .box-ph {
    margin-top: 0;
  }
  section.area-works figcaption {
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
    margin-top: clamp(6.2060606061px, 0.61vw, 10px);
    text-align: right;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  section.area-int-2col {
    margin: clamp(124.1212121212px, 12.12vw, 200px) 0 0 auto;
  }
}
/*# sourceMappingURL=interview.css.map */