@charset "UTF-8";
@media screen and (min-width: 1030px) {
  .carousel {
    padding: 0 20px;
  }
}
.carousel .swiper-button-prev {
  background-image: url("/furano/img/icn_carousel_prev.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1270px) {
  .carousel .swiper-button-prev {
    left: calc(50% - 618px);
  }
}
@media screen and (min-width: 1030px) and (max-width: 1269.98px), print {
  .carousel .swiper-button-prev {
    left: 12px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1029.98px), print {
  .carousel .swiper-button-prev {
    left: calc(50% - 176px);
  }
}
@media screen and (min-width: 769px), print {
  .carousel .swiper-button-prev {
    width: 36px;
    height: 36px;
    border-radius: 40px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.3);
    transform: translateY(-28px);
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel .swiper-button-prev {
    left: 6.5217391304vw;
    width: 8.6956521739vw;
    height: 8.6956521739vw;
    border-radius: 9.6618357488vw;
    box-shadow: 0 1.4492753623vw 2.8985507246vw 0 rgba(0, 0, 0, 0.3);
    transform: translateY(-6.7632850242vw);
  }
}
.carousel .swiper-button-prev::after {
  display: none;
}
.carousel .swiper-button-next {
  background-image: url("/furano/img/icn_carousel_next.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 1270px) {
  .carousel .swiper-button-next {
    right: calc(50% - 618px);
  }
}
@media screen and (min-width: 1030px) and (max-width: 1269.98px), print {
  .carousel .swiper-button-next {
    right: 12px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1029.98px), print {
  .carousel .swiper-button-next {
    right: calc(50% - 176px);
  }
}
@media screen and (min-width: 769px), print {
  .carousel .swiper-button-next {
    width: 36px;
    height: 36px;
    border-radius: 40px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.3);
    transform: translateY(-28px);
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel .swiper-button-next {
    right: 6.5217391304vw;
    width: 8.6956521739vw;
    height: 8.6956521739vw;
    border-radius: 9.6618357488vw;
    box-shadow: 0 1.4492753623vw 2.8985507246vw 0 rgba(0, 0, 0, 0.3);
    transform: translateY(-6.7632850242vw);
  }
}
.carousel .swiper-button-next::after {
  display: none;
}

@media screen and (min-width: 769px), print {
  .carousel__wrap {
    margin-top: -130px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__wrap {
    margin-top: -21.7391304348vw;
  }
}

.carousel__container {
  margin: 0 auto;
}
@media screen and (min-width: 1030px) {
  .carousel__container {
    max-width: 1220px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1029.98px), print {
  .carousel__container {
    max-width: 960px;
  }
}
.carousel__item {
  background-color: #fff;
}
@media screen and (min-width: 769px), print {
  .carousel__item {
    margin: 0 10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: 1030px) {
  .carousel__item {
    width: calc((100% - 40px) / 3);
    min-width: 300px;
    max-width: 400px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1029.98px), print {
  .carousel__item {
    width: 300px;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__item {
    width: 72.4637681159vw;
    margin: 0 2.4154589372vw;
    border-radius: 1.9323671498vw;
    box-shadow: 0 0.4830917874vw 1.9323671498vw 0 rgba(0, 0, 0, 0.3);
  }
}

.carousel__itemLink {
  display: block;
}
@media screen and (min-width: 769px), print {
  .carousel__itemLink {
    transition: opacity 0.3s linear;
  }
}
@media screen and (min-width: 769px), print {
  .carousel__itemLink:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 769px), print {
  .carousel__itemContents {
    padding: 4px 4px 11px;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__itemContents {
    padding: 0.9661835749vw 0.9661835749vw 2.6570048309vw;
  }
}

@media screen and (min-width: 769px), print {
  .carousel__itemThumbnail {
    border-radius: 8px 8px 0 0;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__itemThumbnail {
    width: 100%;
    max-width: none;
    border-radius: 1.9323671498vw 1.9323671498vw 0 0;
  }
}

.carousel__itemTitle {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  color: #004831;
}
@media screen and (min-width: 769px), print {
  .carousel__itemTitle {
    padding: 0 12px;
    margin-top: 9px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__itemTitle {
    min-height: 10.1449275362vw;
    padding: 0 2.8985507246vw;
    margin-top: 2.1739130435vw;
    font-size: 3.3816425121vw;
  }
}

.carousel__itemText {
  font-weight: 400;
  line-height: 1.5;
  color: #333;
}
@media screen and (min-width: 769px), print {
  .carousel__itemText {
    padding: 0 12px;
    margin-top: 7px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__itemText {
    min-height: 8.6956521739vw;
    padding: 0 2.8985507246vw;
    margin-top: 1.690821256vw;
    font-size: 2.8985507246vw;
  }
}

.carousel__tools {
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 769px), print {
  .carousel__tools {
    padding-top: 24px;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__tools {
    padding-top: 5.7971014493vw;
  }
}
.carousel__tools .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
}
.carousel__tools .swiper-pagination-bullet {
  background-color: rgba(0, 72, 49, 0.2);
  opacity: 1;
}
@media screen and (min-width: 769px), print {
  .carousel__tools .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__tools .swiper-pagination-bullet {
    width: 1.4492753623vw;
    height: 1.4492753623vw;
    margin: 0 2.4154589372vw;
  }
}
.carousel__tools .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #004831;
}

.carousel__toolsButton {
  cursor: pointer;
  background-color: #fff;
  border: none;
}
@media screen and (min-width: 769px), print {
  .carousel__toolsButton {
    width: 32px;
    height: 32px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 768.98px), print {
  .carousel__toolsButton {
    width: 7.729468599vw;
    height: 7.729468599vw;
    margin-left: 2.4154589372vw;
  }
}

@media screen and (min-width: 769px), print {
  .sec_lead {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768.98px), print {
  .sec_lead {
    margin-top: 14.4927536232vw;
  }
}

.sec_interview {
  position: relative;
  z-index: 2;
  margin-top: 0;
}

@media screen and (min-width: 769px), print {
  .sec_about {
    margin-top: 109px;
  }
}
@media screen and (max-width: 768.98px), print {
  .sec_about {
    margin-top: 13.2850241546vw;
  }
}

.br--xl {
  display: none;
}
@media screen and (min-width: 1025px), print {
  .br--xl {
    display: block;
  }
}

.br--l {
  display: none;
}
@media screen and (min-width: 769px) and (max-width: 1024.98px), print {
  .br--l {
    display: block;
  }
}

.br--m {
  display: none;
}
@media screen and (min-width: 481px) and (max-width: 768.98px), print {
  .br--m {
    display: block;
  }
}

.br--s {
  display: none;
}
@media screen and (max-width: 480.98px), print {
  .br--s {
    display: block;
  }
}

.br--pc {
  display: none;
}
@media screen and (min-width: 769px), print {
  .br--pc {
    display: block;
  }
}

.br--sp {
  display: none;
}
@media screen and (max-width: 768.98px), print {
  .br--sp {
    display: block;
  }
}

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

@media screen and (max-width: 768.98px), print {
  .display-none--sp {
    display: none;
  }
}