@charset "utf-8";

@font-face {
  font-family: "DINPro Light";
  src: url("/fonts/dinpro/DINPro-Light.woff2") format("woff2"), url("/fonts/dinpro/DINPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINPro Regular";
  src: url("/fonts/dinpro/DINPro-Regular.woff2") format("woff2"), url("/fonts/dinpro/DINPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINPro Medium";
  src: url("/fonts/dinpro/DINPro-Medium.woff2") format("woff2"), url("/fonts/dinpro/DINPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINPro Bold";
  src: url("/fonts/dinpro/DINPro-Bold.woff2") format("woff2"), url("/fonts/dinpro/DINPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINPro Black";
  src: url("/fonts/dinpro/DINPro-Black.woff2") format("woff2"), url("/fonts/dinpro/DINPro-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@media print,
screen and (min-width: 769px) {
  .sp-only {
    display: none !important;
  }

  .wrapper-uniform {
    width: 900px;
    max-width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media print,
screen and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }

  .wrapper-uniform {
    padding-left: 32.5px;
    padding-right: 32.5px;
  }
}

@media print,
screen and (max-width: 374px) {
  .wrapper-uniform {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.video-uniform {
  position: relative;
}

.video-uniform .movie-modal-wrap {
  position: relative;
}

.video-uniform .movie-modal-wrap::before {
  content: "";
  width: 12.403101%;
  min-width: 39px;
  min-height: 39px;
  margin: 0 auto;
  padding-top: 12.403101%;
  background: url(/img/brand/anniversary/110/uniform/icon_play_01.svg) center center / 100% 100% no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  cursor: pointer;
}

.video-uniform .movie-modal-wrap .ico-movie {
  width: 12.403101% !important;
  opacity: 0;
}

.list-concept .item-heading {
  background: no-repeat;
  display: flex;
  align-items: flex-start;
  font-weight: 400;
}

.list-concept .item-heading.is-number-01 {
  background-image: url(/img/brand/anniversary/110/uniform/icon_number_01.svg);
}

.list-concept .item-heading.is-number-02 {
  background-image: url(/img/brand/anniversary/110/uniform/icon_number_02.svg);
}

.list-concept .item-heading.is-number-03 {
  background-image: url(/img/brand/anniversary/110/uniform/icon_number_03.svg);
}

.list-concept .heading-wrapper {
  display: block;
  position: relative;
}

@media print,
screen and (min-width: 769px) {
  .list-concept .list-item:not(:last-child) {
    margin-bottom: 83px;
  }

  .list-concept .item-heading {
    min-height: 47px;
    margin-bottom: 22px;
    padding-left: 61px;
    background-size: auto 29px;
    background-position: top 7px left;
    font-size: 3rem;
    line-height: calc(78 / 50);
  }

  .list-concept .item-heading.is-number-03 {
    margin-right: -15px;
    letter-spacing: -.05em;
  }

  .list-concept .item-motto {
    margin-bottom: 20px;
    font-size: 1.98rem;
    line-height: calc(40 / 33);
  }

  .list-concept .item-detail {
    font-size: 1.44rem;
    line-height: calc(54 / 24);
    letter-spacing: .095em;
  }

  .list-concept .item-detail:not(:last-child) {
    margin-bottom: 26px;
  }

  .list-concept .gallery-uniform.is-reliability img:not(:last-child) {
    margin-bottom: 42px;
  }

  .list-concept .gallery-uniform.is-functionality {
    flex-wrap: nowrap;
  }

  .list-concept .gallery-uniform.is-functionality img {
    width: auto;
    flex: 0 0 auto;
  }

  .list-concept .gallery-uniform.is-functionality img:not(:nth-child(0)) {
    width: 49.767442%;
  }

  .list-concept .gallery-uniform.is-functionality img:not(:nth-child(1)) {
    width: 50.232558%;
  }
}

@media print,
screen and (max-width: 768px) {
  .list-concept {
    padding: 0 2.5px;
  }

  .list-concept .list-item:not(:last-child) {
    margin-bottom: 54px;
  }

  .list-concept .item-heading {
    min-height: 78px;
    margin-bottom: 16px;
    padding-top: calc(100vw / 3.75 * .38);
    background-size: auto calc(100vw / 3.75 * .25);
    background-position: top left;
    font-size: 2rem;
    line-height: calc(58 / 40);
    text-align: justify;
  }

  .list-concept .heading-wrapper {
    top: 1px;
  }

  .list-concept .item-motto {
    margin-bottom: 15px;
    font-size: 1.7rem;
    line-height: calc(54 / 34);
  }

  .list-concept .item-detail {
    font-size: 1.4rem;
    line-height: calc(50 / 28);
    text-align: justify;
  }

  .list-concept .item-detail:not(:last-child) {
    margin-bottom: 16px;
  }

  .list-concept .gallery-uniform.is-reliability img:not(:last-child) {
    margin-bottom: 14px;
  }

  .list-concept .gallery-uniform.is-functionality img:not(:last-child) {
    margin-bottom: 14px;
  }
}

@media print,
screen and (max-width: 374px) {
  .list-concept {
    padding: 0;
  }

  .list-concept .item-heading {
    font-size: calc(2rem * .857143);
  }

  .list-concept .item-motto {
    font-size: calc(1.7rem * .857143);
  }

  .list-concept .item-detail {
    font-size: calc(1.4rem * .857143);
  }
}

.list-material .list-title {
  font-weight: 400;
}

.list-material .list-item {
  position: relative;
}

.list-material .list-item:not(:last-child)::after {
  content: "";
  position: absolute;
}

.list-material .item-wrapper {
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

.list-material .item-thumbnail {
  position: relative;
}

.list-material .item-thumbnail img {
  width: 100%;
  height: auto;
}

.list-material .item-title {
  display: block;
  position: relative;
  font-weight: 400;
  color: #071455;
  text-align: center;
}

.list-material .item-note {
  text-align: center;
}

@media print,
screen and (min-width: 769px) {
  .list-material .list-title {
    margin-bottom: 5px;
    font-size: 1.98rem;
    line-height: calc(56 / 33);
    text-align: center;
  }

  .list-material .list-wrapper {
    margin: -27px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .list-material .list-item {
    padding: 27px;
  }

  .list-material .list-item:not(:last-child)::after {
    width: 23px;
    height: 30px;
    background: url(/img/brand/anniversary/110/uniform/icon_arrow_01.svg) center center / 100% 100% no-repeat;
    top: 50%;
    left: calc(100% - 8px);
    transform: translateY(-50%);
  }

  .list-material .list-item .item-wrapper {
    width: 99px;
    height: 99px;
    padding: 4% 17.3333333%;
  }

  .list-material .list-item .item-thumbnail {
    width: 92.857143%;
    margin: -8.791209% 0 -2px;
  }

  .list-material .list-item:first-child .item-wrapper {
    width: 150px;
    height: 150px;
  }

  .list-material .list-item:last-child .item-wrapper {
    width: 109px;
    height: 109px;
  }

  .list-material .list-item:not(:first-child):not(:last-child) .item-thumbnail {
    top: 3px;
  }

  .list-material .list-item:not(:first-child):not(:last-child) .item-title {
    top: -7px;
  }

  .list-material .item-title {
    font-size: 1.2rem;
    line-height: calc(24 / 20);
    letter-spacing: .035em;
  }

  .list-material .item-note {
    position: absolute;
    left: -30px;
    right: -30px;
    top: calc(100% - 12px);
    font-size: 1.2rem;
    line-height: calc(24 / 20);
    letter-spacing: .035em;
  }
}

@media print,
screen and (max-width: 768px) {
  .list-material .list-title {
    margin-bottom: 7px;
    font-size: 2rem;
    line-height: calc(58 / 40);
    text-align: justify;
  }

  .list-material .list-item:not(:last-child) {
    margin-bottom: 46px;
  }

  .list-material .list-item:not(:last-child)::after {
    width: 36px;
    height: 16px;
    margin: 0 auto;
    background: url(/img/brand/anniversary/110/uniform/icon_arrow_02.svg) center center / 100% 100% no-repeat;
    right: 0;
    bottom: -31px;
    left: 0;
  }

  .list-material .list-item .item-wrapper {
    width: 126px;
    height: 126px;
    margin: 0 auto;
    padding: 10px 13px;
  }

  .list-material .list-item .item-thumbnail {
    width: 75.496689%;
    margin: -2px 0 -12px;
  }

  .list-material .list-item:first-child .item-wrapper {
    width: 191px;
    height: 191px;
    padding: 10px 20px;
  }

  .list-material .list-item:first-child .item-thumbnail {
    margin: -5px 0 -10px;
  }

  .list-material .list-item:last-child .item-wrapper {
    width: 139px;
    height: 139px;
    padding: 10px 15px;
  }

  .list-material .list-item:last-child .item-thumbnail {
    margin: 2px 0 -5px;
  }

  .list-material .item-title {
    font-size: 2rem;
    line-height: calc(48 / 40);
  }

  .list-material .item-note {
    margin-top: 27px;
    font-size: 1.4rem;
  }
}

@media print,
screen and (max-width: 374px) {
  .list-material .list-title {
    font-size: calc(2rem * .857143);
  }

  .list-material .item-note {
    font-size: calc(1.4rem * .857143);
  }
}

.list-interview .item-thumbnail img {
  width: 100%;
  height: auto;
}

@media print,
screen and (min-width: 769px) {
  .list-interview .list-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .list-interview .list-item:not(:last-child) {
    margin-bottom: 63px;
  }

  .list-interview .list-item:nth-child(odd) .item-thumbnail {
    margin-right: 36px;
  }

  .list-interview .list-item:nth-child(even) {
    flex-direction: row-reverse;
  }

  .list-interview .list-item:nth-child(even) .item-thumbnail {
    margin-left: 36px;
  }

  .list-interview .item-thumbnail {
    width: 43.307087%;
    flex: 0 0 auto;
  }

  .list-interview .item-detail {
    position: relative;
    top: -10px;
    font-size: 1.44rem;
    line-height: calc(54 / 24);
    letter-spacing: .055em;
  }
}

@media print,
screen and (max-width: 768px) {
  .list-interview .list-item:not(:last-child) {
    margin-bottom: 35px;
  }

  .list-interview .item-thumbnail {
    margin-bottom: 38px;
  }

  .list-interview .item-detail {
    font-size: 1.4rem;
    line-height: calc(50 / 28);
    text-align: justify;
  }
}

@media print,
screen and (max-width: 374px) {
  .list-interview .item-detail {
    font-size: calc(1.4rem * .857143);
  }
}

.gallery-uniform {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.gallery-uniform img {
  width: 100%;
  height: auto;
}

.section-introduction .section-banner {
  margin-bottom: -2px;
  display: block;
  position: relative;
}

.section-introduction .section-banner img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
  object-fit: cover;
}

.section-introduction .section-banner .banner-title {
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  font-weight: 300;
}

.section-introduction .banner-slider {
  overflow: hidden;
}

.section-introduction .banner-slider:not(.slick-initialized) {
  display: flex;
}

.section-introduction .banner-slider:not(.slick-initialized) .slider-item {
  width: 100%;
  flex: 0 0 auto;
}

.section-introduction .banner-slider img {
  height: 100%;
}

.section-introduction .banner-slider .slick-track {
  display: flex !important;
}

.section-introduction .banner-slider .slider-item {
  display: block !important;
}

.section-introduction .section-info {
  background: center center / cover no-repeat;
  color: #fff;
  text-align: center;
}

.section-introduction .info-title,
.section-introduction .info-detail {
  font-weight: 400;
}

@media print,
screen and (min-width: 769px) {
  .section-introduction .section-banner .banner-title {
    width: 58.489583%;
    bottom: 5.76087%;
  }

  .section-introduction .section-info {
    padding: 67px 0 87px;
    background-image: url(/img/brand/anniversary/110/uniform/introduction_background_01.jpg);
  }

  .section-introduction .info-title {
    margin-bottom: 26px;
    font-size: 3.12rem;
    line-height: calc(99 / 52);
    letter-spacing: .06em;
  }

  .section-introduction .info-detail {
    font-size: 1.44rem;
    line-height: calc(54 / 24);
    letter-spacing: .11em;
  }
}

@media print,
screen and (max-width: 768px) {
  .section-introduction .section-banner .banner-title {
    width: calc(213 / 375 * 100%);
    bottom: calc(25 / 461 * 100%);
  }

  .section-introduction .section-info {
    padding: 70px 0 34px;
    background-image: url(/img/brand/anniversary/110/uniform/introduction_background_01_sp.jpg);
  }

  .section-introduction .info-title {
    margin: 0 -20px 20px;
    font-size: 1.9rem;
    line-height: calc(72 / 38);
    letter-spacing: .05em;
  }

  .section-introduction .info-detail {
    margin: 0 -10px;
    font-size: 1.4rem;
    line-height: calc(54 / 28);
  }
}

@media print,
screen and (max-width: 374px) {
  .section-introduction .info-title {
    font-size: calc(1.9rem * .857143);
  }

  .section-introduction .info-detail {
    font-size: calc(1.4rem * .857143);
  }
}

.section-designer {
  background-color: #161952;
  color: #fff;
}

.section-designer .section-title img {
  width: 100%;
  height: auto;
}

.section-designer .section-thumbnail img {
  width: 100%;
  height: auto;
}

.section-designer .profile-name,
.section-designer .profile-job {
  font-weight: 400;
}

@media print,
screen and (min-width: 769px) {
  .section-designer {
    padding: 90px 0 74px;
    display: flex;
    justify-content: center;
  }

  .section-designer .wrapper-uniform {
    width: 774px;
    margin: 0;
    display: inline-block;
    text-align: center;
  }

  .section-designer .section-title,
  .section-designer .section-profile,
  .section-designer .section-detail {
    width: 100%;
  }

  .section-designer .section-title {
    margin-bottom: 40px;
    float: left;
  }

  .section-designer .section-title img {
    width: 220px;
  }

  .section-designer .section-thumbnail {
    width: 32.816537%;
    margin: 0 0 15px 10px;
    float: right;
  }

  .section-designer .section-profile {
    margin-bottom: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .section-designer .profile-name {
    width: 25%;
    flex: 0 0 auto;
    font-size: 3.12rem;
    line-height: calc(54 / 52);
  }

  .section-designer .profile-job {
    margin-left: 13px;
    position: relative;
    top: 1px;
    font-size: 1.44rem;
    letter-spacing: .02em;
  }

  .section-designer .section-detail {
    font-size: 1.44rem;
    line-height: calc(54 / 24);
    letter-spacing: .02em;
  }
}

@media print,
screen and (max-width: 768px) {
  .section-designer {
    padding: 58px 0 23px;
  }

  .section-designer .wrapper-uniform {
    padding-right: 42.5px;
    padding-left: 42.5px;
    display: flex;
    flex-wrap: wrap;
  }

  .section-designer .section-title {
    width: 100%;
    margin-bottom: 38px;
    order: 1;
  }

  .section-designer .section-title img {
    width: 82.857143%;
  }

  .section-designer .section-thumbnail {
    width: 100%;
    margin-bottom: 24px;
    order: 3;
  }

  .section-designer .section-profile {
    width: 100%;
    margin-bottom: 21px;
    order: 2;
  }

  .section-designer .profile-name {
    margin-bottom: 6px;
    font-size: 2.6rem;
    line-height: calc(54 / 52);
    letter-spacing: .045em;
  }

  .section-designer .profile-job {
    font-size: 1.5rem;
    line-height: calc(54 / 30);
    letter-spacing: .045em;
  }

  .section-designer .section-detail {
    font-size: 1.4rem;
    line-height: calc(50 / 28);
    text-align: justify;
    order: 4;
  }
}

@media print,
screen and (max-width: 374px) {
  .section-designer .wrapper-uniform {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-designer .section-title {
    padding-left: 0;
    padding-right: 0;
  }

  .section-designer .profile-job {
    font-size: calc(2.6rem * .857143);
  }

  .section-designer .profile-job {
    font-size: calc(1.5rem * .857143);
  }

  .section-designer .section-detail {
    font-size: calc(1.4rem * .857143);
  }
}

.section-concept {
  background: center center / cover no-repeat;
  color: #fff;
}

.section-concept .wrapper-uniform {
  background-color: #051455;
}

.section-concept .section-title img {
  width: 100%;
  height: auto;
}

@media print,
screen and (min-width: 769px) {
  .section-concept {
    padding: 93px 0 84px;
    background-image: url(/img/brand/anniversary/110/uniform/concept_background_01.jpg);
  }

  .section-concept .wrapper-uniform {
    width: 948px;
    padding: 88px 87px 97px;
  }

  .section-concept .section-title {
    margin-bottom: 32px;
  }

  .section-concept .section-title img {
    width: 26.9051%;
  }
}

@media print,
screen and (max-width: 768px) {
  .section-concept {
    padding: 35px 30px 48px;
    background-image: url(/img/brand/anniversary/110/uniform/concept_background_01_sp.jpg);
  }

  .section-concept .wrapper-uniform {
    padding: 58px 20px 27px;
  }

  .section-concept .section-title {
    margin-bottom: 47px;
  }

  .section-concept .section-title img {
    width: 67.924528%;
  }
}

@media print,
screen and (max-width: 374px) {
  .section-concept {
    padding-right: 15px;
    padding-left: 15px;
  }

  .section-concept .wrapper-uniform {
    padding: 40px 15px 25px;
  }

  .section-concept .section-title {
    padding-right: 0;
    padding-left: 0;
  }
}

.section-pattern {
  background-color: #161952;
  color: #fff;
}

.section-pattern .section-title img {
  width: 100%;
  height: auto;
}

@media print,
screen and (min-width: 769px) {
  .section-pattern .wrapper-uniform {
    width: 768px;
    padding-top: 52px;
    padding-bottom: 36px;
  }

  .section-pattern .section-title {
    width: 49.375%;
    margin-bottom: 39px;
  }

  .section-pattern .section-motto {
    margin-bottom: 20px;
    font-size: 3rem;
    line-height: calc(54 / 50);
  }

  .section-pattern .section-detail {
    font-size: 1.44rem;
    line-height: calc(53.9 / 24);
    letter-spacing: .095em;
  }

  .section-pattern .gallery-uniform img {
    width: 33.333%;
  }
}

@media print,
screen and (max-width: 768px) {
  .section-pattern .wrapper-uniform {
    padding-top: 54px;
    padding-bottom: 50px;
  }

  .section-pattern .section-title {
    width: 63.225806%;
    margin-bottom: 32px;
  }

  .section-pattern .section-motto {
    margin-bottom: 18px;
    font-size: 2rem;
    line-height: calc(58 / 40);
  }

  .section-pattern .section-detail {
    font-size: 1.4rem;
    line-height: calc(50 / 28);
    text-align: justify;
  }

  .section-pattern .gallery-uniform img {
    width: 50%;
  }
}

@media print,
screen and (max-width: 374px) {
  .section-pattern .section-motto {
    font-size: calc(2rem * .857143);
  }

  .section-pattern .section-detail {
    font-size: calc(1.4rem * .857143);
  }
}

.section-material {
  background-color: #071455;
  color: #fff;
  overflow: hidden;
}

.section-material .section-title img {
  width: 100%;
  height: auto;
}

.section-material .profile-thumbnail img {
  width: 100%;
  height: auto;
}

.section-material .info-title {
  margin: 0;
  display: block;
  font-weight: 400;
}

@media print,
screen and (min-width: 769px) {
  .section-material {
    padding: 90px 0 78px;
  }

  .section-material .wrapper-uniform {
    width: 816px;
  }

  .section-material .section-title {
    width: 28.088235%;
    margin-bottom: 36.6px;
  }

  .section-material .section-motto {
    margin-bottom: 23px;
    font-size: 3rem;
    line-height: calc(54 / 50);
  }

  .section-material .section-detail {
    margin: 0 -30px 33px 0;
    font-size: 1.98rem;
    line-height: calc(54 / 33);
  }

  .section-material .section-profile {
    margin-bottom: 81px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .section-material .profile-thumbnail {
    width: 32.598039%;
    margin-left: 39px;
    flex: 0 0 auto;
  }

  .section-material .profile-info {
    width: calc(55.661765% - 39px);
    flex: 0 0 auto;
  }

  .section-material .info-title {
    margin: -7.2px 0 27px;
    font-size: 1.98rem;
    line-height: calc(56 / 33);
  }

  .section-material .detail-block:not(:last-child) {
    margin-bottom: 44.4px;
  }

  .section-material .block-title {
    margin-bottom: 3.6px;
    font-size: 1.5rem;
    line-height: calc(44 / 25);
    letter-spacing: .02em;
  }

  .section-material .block-note {
    font-size: 1.5rem;
    line-height: calc(54 / 25);
    letter-spacing: .02em;
  }
}

@media print,
screen and (max-width: 768px) {
  .section-material {
    padding: 74px 0 50px;
  }

  .section-material .section-title {
    width: 56.774194%;
    margin-bottom: 31px;
  }

  .section-material .section-motto {
    margin-bottom: 12px;
    font-size: 2rem;
    line-height: calc(58 / 40);
  }

  .section-material .section-detail {
    margin-bottom: 14px;
    font-size: 1.4rem;
    line-height: calc(50 / 28);
    text-align: justify;
  }

  .section-material .section-profile {
    margin-bottom: 50px;
  }

  .section-material .profile-thumbnail {
    margin: 0 -1px 18px;
  }

  .section-material .info-title {
    margin-bottom: 7px;
    font-size: 1.5rem;
    line-height: calc(44 / 30);
  }

  .section-material .detail-block:not(:last-child) {
    margin-bottom: 26px;
  }

  .section-material .detail-block p:not(:last-child) {
    margin-bottom: 9px;
  }

  .section-material .block-title {
    font-size: 1.5rem;
    line-height: calc(44 / 30);
    text-align: justify;
  }

  .section-material .block-note {
    font-size: 1.4rem;
    line-height: calc(50 / 28);
    text-align: justify;
  }
}

@media print,
screen and (max-width: 374px) {
  .section-material .section-title {
    font-size: calc(1.4rem * .857143);
  }

  .section-material .section-motto {
    font-size: calc(2rem * .857143);
  }

  .section-material .section-detail {
    font-size: calc(1.4rem * .857143);
  }

  .section-material .info-title {
    font-size: calc(1.5rem * .857143);
  }

  .section-material .block-title {
    font-size: calc(1.5rem * .857143);
  }

  .section-material .block-note {
    font-size: calc(1.4rem * .857143);
  }
}

.section-interview .section-banner {
  margin-bottom: -2px;
  display: block;
  position: relative;
}

.section-interview .section-banner img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
  object-fit: cover;
}

.section-interview .section-banner .banner-title {
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  font-weight: 300;
}

.section-interview .section-content {
  background: center center / cover no-repeat;
  color: #fff;
}

.section-interview .showcase-detail {
  text-align: center;
}

.section-interview .content-process {
  background-color: #071455;
}

.section-interview .making-title img {
  width: 100%;
  height: auto;
}

@media print,
screen and (min-width: 769px) {
  .section-interview .section-banner .banner-title {
    width: 31.354167%;
    bottom: 6.086957%;
  }

  .section-interview .section-content {
    padding-bottom: 90px;
    background-image: url(/img/brand/anniversary/110/uniform/interview_background_01.jpg);
  }

  .section-interview .content-showcase,
  .section-interview .content-process {
    width: 948px;
    padding-right: 87px;
    padding-left: 87px;
  }

  .section-interview .content-showcase {
    padding-top: 71px;
    padding-bottom: 98px;
  }

  .section-interview .showcase-detail {
    margin-bottom: 50px;
    font-size: 1.44rem;
    line-height: calc(54 / 24);
  }

  .section-interview .content-process {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section-interview .list-interview {
    margin-bottom: 67px;
    padding: 0 6px;
  }

  .section-interview .making-title {
    width: 187px;
    margin-bottom: 32px;
  }

  .section-interview .making-motto {
    margin-bottom: 13px;
    font-size: 1.98rem;
    line-height: calc(56 / 33);
    letter-spacing: .035em;
  }

  .section-interview .making-detail {
    margin-bottom: 22px;
    font-size: 1.44rem;
    line-height: calc(54 / 24);
    letter-spacing: .035em;
  }
}

@media print,
screen and (max-width: 768px) {
  .section-interview .banner-title {
    width: 62%;
    bottom: 6.081081%;
  }

  .section-interview .section-content {
    padding: 0 31px 59px;
    background-image: url(/img/brand/anniversary/110/uniform/interview_background_01_sp.jpg);
  }

  .section-interview .content-showcase {
    padding: 47px 0 34px;
  }

  .section-interview .showcase-detail {
    margin-bottom: 31px;
    font-size: 1.4rem;
    line-height: calc(54 / 28);
  }

  .section-interview .content-process {
    padding: 23px 21.5px 28px;
  }

  .section-interview .list-interview {
    margin-bottom: 83px;
  }

  .section-interview .making-title {
    width: 74.074074%;
    margin-bottom: 26px;
  }

  .section-interview .making-motto {
    margin-bottom: 17px;
    font-size: 2rem;
    line-height: calc(58 / 40);
    letter-spacing: .075em;
  }

  .section-interview .making-detail {
    margin-bottom: 17px;
    font-size: 1.4rem;
    line-height: calc(50 / 28);
    letter-spacing: .05em;
    text-align: justify;
  }
}

@media print,
screen and (max-width: 374px) {
  .section-interview .showcase-detail {
    font-size: calc(1.4rem * .857143);
  }

  .section-interview .section-content {
    padding: 0 15px 59px;
  }

  .section-interview .content-process {
    padding: 20px 15px;
  }

  .section-interview .making-motto {
    font-size: calc(2rem * .857143);
  }

  .section-interview .making-detail {
    font-size: calc(1.4rem * .857143);
  }
}

.section-introduction .section-banner .banner-text {
  position: absolute;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}