.contents {
  width: 1280px;
  margin: 0 auto;
}

.mv {
  position: relative;
}

.mv .mv-bg {
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  z-index: -2;
}

.mv .mv-bg::before {
  content: "";
  position: absolute;
  background-image: url('../images/parts/mv-pattern.png');
  background-repeat: repeat;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
}

.mv .mv-bg video {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  min-width: 100%;
  object-fit: cover;
}

.mv .mv-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.mv section {
  text-align: center;
  color: #fff;
}

.mv h1 {
  width: 200px;
  font-size: 52px;
  font-weight: 100;
  letter-spacing: 0.2em;
  font-family: "JMC-LIGHT", "Gothic MB101 Regular", "メイリオ", "Meiryo";
  color: #fff;
}

.mv h1 svg {
  fill: #fff;
}

.mv p {
  font-family: "JMC-LIGHT", "Gothic MB101 Regular", "メイリオ", "Meiryo";
}

@media all and (max-width: 896px) {
  .contents {
    width: 100%;
    padding: 0 8vw;
  }

  .mv h1 {
    font-size: 10vw;
    width: 30vw;
  }

  .mv p {
    font-size: 3vw;
  }
}

.about {
  padding-top: 150px;
}


.about h2 {
  font-size: 46px;
  line-height: 1.4;
  text-align: center;
  font-weight: normal;
}

/*
.about h2 span {
  opacity: 0;
}
*/

.about h2 span:last-of-type {
  position: relative;
  font-size: 0.5em;

}


.about h2 span:last-of-type::before {
  content: '';
  width: 30px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translate(-100%, -50%);
}

.about h2 span:last-of-type::after {
  content: '';
  width: 30px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(100%, -50%);
}

.about h2 span.animation {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes blurAnime {
  from {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }

  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}

@media (min-width:897px) and (max-width:1280px) {
  .about h2 {
    font-size: 54px;
  }
}

@media all and (max-width: 896px) {
  .about {
    padding-top: 20vw;
  }

  .about h2 {
    font-size: 6vw;
  }
}

.parts-video .video-contents {
  margin: 150px auto 0;
  width: 100%;
  max-width: 1520px;
  aspect-ratio: 1520/856;
  position: relative;
}


.parts-video .video-contents video {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}



.parts-slider {
  margin: 240px auto 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 1520px;
}

.parts-slider .slider-box {
  aspect-ratio: 123/214;
  width: 492px;
  height: 100%;
}


.parts-slider .slider-box .slick-img {
  width: 100%;
  height: 100%;
}

@media (max-width:1520px) {
  .parts-slider {
    width: 100%;
    gap: 0.5%;
  }

  .parts-slider .slider-box {
    width: 33%;
  }
}

@media (min-width:897px) and (max-width:1280px) {
  .parts-video .video-contents {
    padding: 0 20px;
  }

  .parts-slider {
    padding: 0 20px;
  }
}

@media all and (max-width: 896px) {
  .parts-video .video-contents {
    margin-top: 20vw;
  }

  .parts-slider {
    margin-top: 20vw;
  }
}

.products {
  padding-top: 240px;
}

.products .contents {
  width: 100%;
}

.products .head h2 {
  font-size: 40px;
  margin-bottom: 120px;
  /* opacity: 0; */
  text-align: center;
  position: relative;
  transition: 1s;
  font-weight: normal;
}

.products .head h2::after {
  content: '';
  position: absolute;
  height: 1px;
  left: 50%;
  bottom: -10px;
  background-color: #000;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: 1s;
  width: 60px;
}

.products .head h2.animation {
  opacity: 1;
}

.products .head h2.animation::after {
  transform: translateX(-50%) scaleX(1);
}

.products .head p {
  font-size: 20px;
  line-height: 2;
  opacity: 0;
  transform: translateY(20px);
}

.products .head p.animation {
  opacity: 1;
  transform: translateY(0);
  transition: 1s;
  transition-delay: .5s;
}

.products ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2vw 2%;
}

.products ul li {
  width: 49%;
  height: 100%;
  aspect-ratio: 5/3;
  transition: all .5s;
  /* opacity: 0; */
}

.products ul li.animation {
  opacity: 1;
}

.products ul li:nth-of-type(even) {
  transition-delay: .3s;
}

/*
.products ul li:nth-of-type(3) {
  transition-delay: .6s;
}*/

.products ul li a {
  background-color: #f7f7f7;
  width: 100%;
  height: 100%;
  display: block;
  transition: all .5s;
}

.automobile .products ul li:nth-of-type(2) a {
  pointer-events: none;
}

.products ul li a:hover {
  box-shadow: 00px 0px 20px 4px rgba(0, 0, 0, 0.45);
}

.products ul li a h3 {
  font-weight: normal;
  font-size: 36px;
  text-align: center;
  position: relative;
  padding-top: 24px;
  line-height: 1;
}

.products ul li a h3 span {
  font-size: 0.6em;
}

.products ul li a h3::after {
  content: '';
  position: absolute;
  height: 1px;
  left: 50%;
  bottom: -10px;
  background-color: #000;
  transform: translateX(-50%) scaleX(1);
  transform-origin: center;
  transition: 1s;
  width: 30px;
}

.products ul li a .products-sub-title {
  text-align: center;
  margin: 30px auto;
  color: #000;
  font-size: 28px;
}

.products ul li a .products-detail {
  width: 100%;
  height: 100%;
  position: relative;
}

.products ul li a .products-image {
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.products ul li a .products-image img {
  transform: scale(1);
  transition: all .5s;
}


.products ul li a:hover .products-image img {
  transform: scale(1.2);
}

.products ul li a .products-link {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-weight: normal;
  color: #585858;
  line-height: 1;
  display: flex;
  align-items: center;
  font-family: "JMC-LIGHT", "Gothic MB101 Regular", "メイリオ", "Meiryo";
}

.products ul li a .products-link span {
  width: 1.5em;
  height: 1.5em;
  border: 1px solid #585858;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  transition: all .5s;
}


.products ul li a .products-link span::after {
  display: inline-block;
  vertical-align: middle;
  color: #585858;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  content: '';
  transition: all .5s;
}

.products ul li a:hover .products-link span {
  background-color: #585858;
}

.products ul li a:hover .products-link span::after {
  color: #fff;
}

@media (min-width:897px) and (max-width:1280px) {
  .products {
    padding: 120px 20px 0;
  }

  .contents {
    width: 100%;
  }


  .products ul li .products-detail h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .products ul li a .products-sub-title {
    text-align: center;
    margin: 30px auto;
    color: #000;
    font-size: 20px;
  }

}

@media all and (max-width: 896px) {
  .products {
    padding-top: 20vw;
  }

  .products .head h2 {
    font-size: 6vw;
    margin-bottom: 6vw;
  }


  .products ul {
    margin-top: 12vw;
    gap: 4vw;
  }

  .products ul li {
    width: 100%;
    aspect-ratio: 4/3;
  }


  .products ul li:nth-of-type(2),
  .products ul li:nth-of-type(3) {
    transition-delay: 0s;
  }


  .products ul li .products-img {
    width: 100%;
  }


  .products ul li .products-detail h3 {
    font-size: 4vw;
    line-height: 1;
    padding-top: 6vw;
  }

  .products ul li a .products-sub-title {
    margin: 4vw auto;
    font-size: 2.8vw;
  }


  .products ul li a .products-link {
    font-size: 16px;
  }

}

.interview {
  padding: 240px 0;
  overflow: hidden;
}

.interview .head h2 {
  font-size: 40px;
  margin-bottom: 120px;
  /* opacity: 0; */
  text-align: center;
  position: relative;
  transition: 1s;
  font-weight: normal;
}

.interview .head h2::after {
  content: '';
  position: absolute;
  height: 1px;
  left: 50%;
  bottom: -10px;
  background-color: #000;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: 1s;
  width: 60px;
}

.interview .head h2.animation {
  opacity: 1;
}

.interview .head h2.animation::after {
  transform: translateX(-50%) scaleX(1);
}

.interview .slick-list {
  overflow: initial;
}

.interview .interview-inner {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  width: 100%;
  min-width: auto;
  max-width: 1000px;
  margin: 0 auto;
}

.interview .interview-contents .interview-box:first-of-type {
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  margin: 0;
  transform: translateY(-50%);
}

.interview .interview-contents .interview-box:not(:first-of-type) {
  margin: 12px 0 12px 0;
}

.interview .interview-contents .interview-box a {
  display: block;
}

.interview .interview-contents .interview-box a:hover {
  box-shadow: 0 129px 174px rgba(0, 0, 0, 0.07), 0 83.6111px 101.903px rgba(0, 0, 0, 0.0531481), 0 49.6889px 55.4222px rgba(0, 0, 0, 0.0425185), 0 25.8px 28.275px rgba(0, 0, 0, 0.035), 0 10.5111px 14.1778px rgba(0, 0, 0, 0.0274815), 0 2.38889px 6.84722px rgba(0, 0, 0, 0.0168519);
}

.interview .interview-contents .interview-text {
  color: #000;
  background-color: #f5f5f5;
  font-family: "JMC-LIGHT", "Gothic MB101 Regular", "メイリオ", "Meiryo";
  padding: 20px;
}

.interview .interview-contents .interview-box .interview-image {
  overflow: hidden;
}

.interview .interview-contents .interview-box .interview-image img {
  transition: all .5s;
}

.interview .interview-contents .interview-box a:hover .interview-image img {
  transform: scale(1.2);
}


.interview-slider .slick-prev {
  width: 36px;
  height: 36px;
  left: 7%;
}

.interview-slider .slick-arrow {
  opacity: 1;
  transition: all .3s;
  border-radius: 50%;
  border: 1px solid #000;
  z-index: 10;
}

.interview-slider .slick-arrow::before,
.interview-slider .slick-arrow::after {
  opacity: 1;
}

.interview-slider .slick-arrow.slick-disabled {
  opacity: 0;
  cursor: initial;
}

.interview-slider .slick-next {
  width: 36px;
  height: 36px;
  right: 7%;
}

.interview-slider .slick-next::before {
  content: '';
  position: absolute;
  bottom: 35%;
  right: 30%;
  width: 14px;
  height: 1px;
  background: #000;
  transition: all .3s;
  transform: rotate(-45deg);
}

.interview-slider .slick-next:hover::before,
.interview-slider .slick-next:hover::after {
  right: 20%;
}

.interview-slider .slick-next::after {
  content: '';
  position: absolute;
  top: 35%;
  right: 30%;
  width: 14px;
  height: 1px;
  background: #000;
  transform: rotate(45deg);
  transition: all .3s;
}

.interview-slider .slick-prev::before {
  content: '';
  position: absolute;
  bottom: 35%;
  left: 30%;
  width: 14px;
  height: 1px;
  background: #000;
  transition: all .3s;
  transform: rotate(45deg);
}

.interview-slider .slick-prev::after {
  content: '';
  position: absolute;
  top: 35%;
  left: 30%;
  width: 14px;
  height: 1px;
  background: #000;
  transform: rotate(-45deg);
  transition: all .3s;
}

.interview-slider .slick-prev:hover::before,
.interview-slider .slick-prev:hover::after {
  left: 20%;
}


@media (min-width:769px) {

  .interview .interview-contents .interview-box:not(:first-of-type),
  .interview .interview-contents .interview-box:first-of-type {
    max-width: 48.5%;
  }
}



@media (min-width:897px) and (max-width:1280px) {
  .interview {
    margin-top: 120px;
    padding: 0 20px;
  }

  .interview .interview-contents {
    width: 100%;
  }

  .interview-slider .slick-prev {
    left: 0;
  }


  .interview-slider .slick-next {
    right: 0;
  }

}


@media (min-width:897px) and (max-width:1024px) {
  .interview .interview-inner {
    max-width: 800px;
  }

  .interview-slider .slick-prev {
    left: -15px;
  }

  .interview-slider .slick-next {
    right: -15px;
  }
}

@media (min-width:897px) {
  .interview .interview-contents .interview-box:first-of-type {
    max-width: 59%;
  }

  .interview .interview-contents .interview-box:not(:first-of-type) {
    max-width: 38.69%;
  }
}


@media all and (max-width: 896px) {
  .interview .slick-list {
    overflow: hidden;
  }

  .interview-slider .slick-next::after {
    top: 3.7vw;
    right: 3vw;
    width: 3vw;
  }

  .interview-slider .slick-next::before {
    bottom: 3.7vw;
    right: 3vw;
    width: 3vw;
  }

  .interview-slider .slick-prev::after {
    top: 3.7vw;
    left: 3vw;
    width: 3vw;
  }

  .interview-slider .slick-prev::before {
    bottom: 3.7vw;
    left: 3vw;
    width: 3vw;
  }

  .interview .interview-contents .interview-box a:hover {
    box-shadow: initial;
  }

  .interview {
    padding: 20vw 16vw 0;
  }

  .interview .head h2 {
    font-size: 6vw;
    margin-bottom: 6vw;
  }

  .interview .interview-contents .interview-box:not(:first-of-type),
  .interview .interview-contents .interview-box:first-of-type {
    max-width: 100%;
    margin: 4vw 0;
  }

  .interview .interview-contents .interview-box:first-of-type {
    position: relative;
    top: 0;
    transform: translateY(0);
  }

  .interview .interview-contents .interview-text {
    padding: 4vw;
  }

  .interview .interview-contents .interview-text .date {
    font-size: 2.8vw;
  }

  .interview .interview-contents .interview-text .title {
    font-size: 3.4vw;
  }

  .interview-slider .slick-prev {
    width: 10vw;
    height: 10vw;
    left: -12vw;
  }

  .interview-slider .slick-next {
    width: 10vw;
    height: 10vw;
    right: -12vw;
  }
}





.instagram {
  padding-top: 160px;
}

.instagram .contents {
  width: 1600px;
}

.instagram h2 {
  text-align: center;
  font-size: 48px;
  margin-bottom: 120px;
}

.instagram ul {
  gap: 60px;
  display: flex;
}

.instagram ul li {
  transform: translateY(20px);
  opacity: 0;
  aspect-ratio: 1/1;
  width: 360px;
  background-color: #000;
}

.instagram ul li.animation {
  transform: translateY(0);
  opacity: 1;
  transition: .5s;
}

.instagram ul li a {
  display: block;
  overflow: hidden;
}

.instagram ul li a img {
  transform: scale(1);
  transition: .5s;
}

.instagram ul li a:hover img {
  transform: scale(1.1);
}


@media all and (max-width: 896px) {
  .instagram {
    padding-top: 40vw;
  }

  .instagram .contents {
    width: 100%;
  }

  .instagram h2 {
    text-align: center;
    font-size: 6vw;
    margin-bottom: 6vw;
  }

  .instagram ul {
    gap: 2vw;
    flex-wrap: wrap;
    justify-content: center;
  }

  .instagram ul li {
    width: 46vw;
  }
}


.link .contents {
  width: 1600px;
}

.link ul {
  display: flex;
  gap: 80px;
}

.link ul li {
  width: 480px;
}

.link ul li .link-contents {
  display: flex;
  height: 100%;
}

.link ul li .link-contents a,
.link ul li .link-contents .link-contents-inner {
  display: flex;
  flex-direction: column;
}

.link ul li .link-contents .link-img {
  transition: transform .3s, opacity .5s;
  opacity: 0;
  overflow: hidden;
}

.link ul li .link-contents .link-img img {
  transform: scale(1.03);
  transition: .5s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.link ul li .link-contents a:hover .link-img img {
  transform: scale(1.13);
}

.link ul li.animation .link-contents .link-img {
  opacity: 1;
}


.link ul li .link-contents .link-detail {
  padding: 30px 25px 10px;
  height: 100%;
  position: relative;
  flex: 1;
}

.link ul li .link-contents .link-detail::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #000;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  transition: .5s;
  position: absolute;
  left: 0;
  top: 0;
}

.link ul li.animation .link-contents .link-detail::before {
  transform: scaleY(1);
}

.link ul li .link-contents .link-detail h2 {
  font-size: 32px;
  margin-bottom: 30px;
  opacity: 0;
  transition: .5s;
}

.link ul li.animation .link-contents .link-detail h2 {
  opacity: 1;
}

.link ul li .link-contents .link-detail .text {
  font-size: 16px;
  line-height: 2;
  color: #000;
  opacity: 0;
  transition: .5s;
}

.link ul li.animation .link-contents .link-detail .text {
  opacity: 1;
}


.link ul li.animation:nth-of-type(2) .link-contents .link-img {
  transition: transform .3s, opacity .5s .3s;
}

.link ul li.animation:nth-of-type(2) .link-contents .link-detail::before,
.link ul li.animation:nth-of-type(2) .link-contents .link-detail h2,
.link ul li.animation:nth-of-type(2) .link-contents .link-detail .text {
  transition-delay: .3s;
}

.link ul li.animation:nth-of-type(3) .link-contents .link-img {
  transition: transform .3s, opacity .5s .6s;
}

.link ul li.animation:nth-of-type(3) .link-contents .link-detail::before,
.link ul li.animation:nth-of-type(3) .link-contents .link-detail h2,
.link ul li.animation:nth-of-type(3) .link-contents .link-detail .text {
  transition-delay: .6s;
}

@media (min-width:897px) and (max-width:1280px) {
  .link {
    padding: 120px 20px 0;
  }

  .link .contents {
    width: 100%;
  }

  .link ul {
    gap: 40px;
    flex-direction: column;
  }

  .link ul li {
    width: 100%;
  }

  .link ul li.animation .link-contents .link-img {
    width: 40%;
  }

  .link ul li .link-contents .link-detail {
    padding: 20px;
    height: auto;
  }

  .link ul li .link-contents .link-detail::before {
    display: none;
  }

  .link ul li .link-contents a {
    flex-direction: row;
    align-items: center;
  }


  .products ul li .products-detail .btn a::after {
    right: 4%;
    width: 15px;
  }

}

@media all and (max-width: 896px) {
  .link {
    padding-top: 20vw;
  }

  .link .contents {
    width: 100%;
  }

  .link ul {
    gap: 12vw;
    flex-direction: column;
  }

  .link ul li {
    width: 100%;
  }

  .link ul li .link-contents .link-detail {
    padding: 4vw;
  }

  .link ul li .link-contents .link-detail h2 {
    font-size: 6vw;
    margin-bottom: 4vw;
  }

  .link ul li .link-contents .link-detail .text {
    font-size: 3.4vw;
  }
}




/* トピックス */
.other {
  margin-top: 240px;
}

.other .contents {
  width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.other .other-link {
  width: 100%;
  max-width: 600px;
  border: 1px solid #fff;
  box-sizing: border-box;
  opacity: 0;
}

.other .other-link.animation {
  opacity: 1;
  transition: all .3s;
}

.other .other-link a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  aspect-ratio: 3/2;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.other .other-link a img {
  transition: all .3s ease;
}

.other .other-link a:hover img {
  transform: scale(1.1);
}



.link-slider .slick-prev {
  width: 36px;
  height: 36px;
  left: 1%;
}

.link-slider .slick-arrow {
  opacity: 1;
  transition: all .3s;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .9);
  z-index: 10;
}

.link-slider .slick-arrow:hover {
  background-color: rgba(255, 255, 255, .9);
}

.link-slider .slick-arrow::before,
.link-slider .slick-arrow::after {
  opacity: 1;
}

.link-slider .slick-arrow.slick-disabled {
  opacity: 0;
  cursor: initial;
}

.link-slider .slick-next {
  width: 36px;
  height: 36px;
  right: 1%;
}

.link-slider .slick-next::before {
  content: '';
  position: absolute;
  bottom: 35%;
  right: 30%;
  width: 14px;
  height: 1px;
  background: #000;
  transition: all .3s;
  transform: rotate(-45deg);
}

.link-slider .slick-next:hover::before,
.link-slider .slick-next:hover::after {
  right: 20%;
}

.link-slider .slick-next::after {
  content: '';
  position: absolute;
  top: 35%;
  right: 30%;
  width: 14px;
  height: 1px;
  background: #000;
  transform: rotate(45deg);
  transition: all .3s;
}

.link-slider .slick-prev::before {
  content: '';
  position: absolute;
  bottom: 35%;
  left: 30%;
  width: 14px;
  height: 1px;
  background: #000;
  transition: all .3s;
  transform: rotate(45deg);
}

.link-slider .slick-prev::after {
  content: '';
  position: absolute;
  top: 35%;
  left: 30%;
  width: 14px;
  height: 1px;
  background: #000;
  transform: rotate(-45deg);
  transition: all .3s;
}

.link-slider .slick-prev:hover::before,
.link-slider .slick-prev:hover::after {
  left: 20%;
}



/*矢印が右に移動する*/
.arrow {
  /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
  /*形状*/
  display: inline-block;
  padding: 0 20px;
  color: #8b7d5c;
  text-decoration: none;
  outline: none;
  width: 100%;
  max-width: 100px;
  margin: 0 auto;
  opacity: 0;
  transition: all .3s;
}


.other .other-link a:hover .arrow {
  opacity: 1;
  transition: all .3s;
}


/*矢印と下線の形状*/
.arrow::before {
  content: '';
  /*絶対配置で下線の位置を決める*/
  position: absolute;
  bottom: -8px;
  left: 0;
  /*下線の形状*/
  width: 100%;
  height: 1px;
  background: #8b7d5c;
  /*アニメーションの指定*/
  transition: all .3s;
}

.arrow::after {
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  bottom: -3px;
  right: 0;
  /*矢印の形状*/
  width: 15px;
  height: 1px;
  background: #8b7d5c;
  transform: rotate(35deg);
  /*アニメーションの指定*/
  transition: all .3s;
}

.other .topics {
  width: 680px;
  margin-left: 100px;
  opacity: 0;
}

.other .topics.animation {
  opacity: 1;
  transition: all .3s;
}


@media (min-width:1081px) and (max-width:1280px) {

  .other {
    margin-top: 120px;
    padding: 0 20px;
  }

  .other .contents {
    width: 100%;
  }

  .other .other-link {
    max-width: 48%;
  }

  .other .topics {
    width: 48%;
    margin-left: 4%;
  }

  .other .topics .topics-list li a .title {
    padding: 1.3em 3em 1.3em 1.5em;
    font-size: 14px;
  }
}


@media all and (max-width: 1080px) {
  .other {
    margin-top: 20vw;
  }

  .other {
    height: auto;
    padding: 0 4vw 20vw;
  }

  .other .other-link {
    max-width: 80%;
    margin: 0 auto;
  }

  .other .topics {
    width: 80%;
    margin: 0 auto 20vw;
  }

  .other .contents {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
  }
}

@media all and (max-width: 896px) {
  .other {
    padding: 0 0 20vw;
  }

  .other .topics {
    width: 100%;
  }

  .other .other-link a .link-box h2 {
    font-size: 8vw;
  }

  .other .other-link {
    max-width: 100%;
  }

  .link-slider .slick-prev {
    width: 10vw;
    height: 10vw;
  }

  .link-slider .slick-next {
    width: 10vw;
    height: 10vw;
  }

  .link-slider .slick-next::after {
    top: 3.7vw;
    right: 3vw;
    width: 3vw;
  }

  .link-slider .slick-next::before {
    bottom: 3.7vw;
    right: 3vw;
    width: 3vw;
  }

  .link-slider .slick-prev::after {
    top: 3.7vw;
    left: 3vw;
    width: 3vw;
  }

  .link-slider .slick-prev::before {
    bottom: 3.7vw;
    left: 3vw;
    width: 3vw;
  }

}





/* 英語ページ */
#en-page .about h2 span:last-of-type {
  font-size: 1em;
}

#en-page .about h2 span:last-of-type::before,
#en-page .about h2 span:last-of-type::after {
  display: none;
}

#en-page .link {
  margin-top: 240px;
}

#en-page .link ul {
  justify-content: center;
}

@media all and (max-width: 896px) {
  #en-page .link {
    margin-top: 20vw;
  }
}