img {
  width: 100%;
}

.home_kv {
  aspect-ratio: 1586/836;
  position: relative;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .home_kv {
    aspect-ratio: 375/640;
  }
}
.home_kv__news {
  width: 43.4027777778vw;
  height: 8.8888888889vw;
  top: 34.7222222222vw;
  position: absolute;
  right: 0;
  background: #fff;
  padding: 2.0833333333vw 2.5vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .home_kv__news {
    width: 88.5333333333vw;
    height: 24.5333333333vw;
    top: 130.6666666667vw;
    padding: 5.3333333333vw 2.6666666667vw 5.3333333333vw 6.9333333333vw;
  }
}
.home_kv__news__ttl {
  width: 8.4722222222vw;
  margin-right: 2.0833333333vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .home_kv__news__ttl {
    width: 26.6666666667vw;
    margin-right: 2.6666666667vw;
  }
}
.home_kv__news__ttl strong {
  margin-bottom: 1.1111111111vw;
  display: block;
}
.home_kv__news__ttl strong img {
  width: 100%;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .home_kv__news__ttl strong {
    margin-bottom: 3.2vw;
  }
}
.home_kv__news__ttl a {
  color: #333;
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  font-size: 1.1111111111vw;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .home_kv__news__ttl a {
    font-size: 2.9333333333vw;
  }
}
.home_kv__news__ttl a:after {
  content: "";
  display: inline-block;
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  margin-left: 0.3472222222vw;
  vertical-align: text-bottom;
  background: url(/assets/img/common/i_arrow_blue.svg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .home_kv__news__ttl a:after {
    width: 5.6vw;
    height: 5.6vw;
    margin-left: 1.3333333333vw;
  }
}
.home_kv__news__cont {
  flex: 1;
  text-align: left;
  font-size: 1.25vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .home_kv__news__cont {
    font-size: 2.9333333333vw;
  }
}
.home_kv__news__cont a time {
  color: #6AAFC3;
  text-decoration: none;
  font-weight: bold;
}
.home_kv__news__cont a p {
  margin-top: 0.3em;
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  line-height: 1.3;
}
.home_kv__news__cont a:hover {
  text-decoration: none;
}
.home_kv__news__cont a:hover p {
  text-decoration: underline;
}

.topics {
  margin-top: -4.4444444444vw;
  padding-bottom: 8.3333333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topics {
    margin-top: -13.8666666667vw;
    padding-bottom: 24vw;
  }
  .topics .slick-initialized .slick-slide {
    transform: translateX(3%);
  }
}

.topics_slider, .pickup .pickup_slider {
  display: flex;
}
.topics_slider__item, .pickup .pickup_slider__item {
  box-sizing: border-box;
  padding: 0 1.1111111111vw;
  padding-top: 1.25vw;
  padding-bottom: 1.9444444444vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topics_slider__item, .pickup .pickup_slider__item {
    padding: 0 2.6666666667vw;
    padding-top: 4.8vw;
    padding-bottom: 7.4666666667vw;
  }
}
.topics_slider__item a, .pickup .pickup_slider__item a {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  display: block;
  box-shadow: 0px 0.2777777778vw 1.6666666667vw 0.6944444444vw rgba(0, 0, 0, 0.0784313725);
  width: 100%;
  aspect-ratio: 290/200;
  border: solid #fff 0.0694444444vw;
  border-radius: 1.1111111111vw;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  opacity: 0.8;
  transition-duration: 0.3s;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topics_slider__item a, .pickup .pickup_slider__item a {
    border: solid #fff 0.2666666667vw;
    border-radius: 4.2666666667vw;
    box-shadow: 0px 1.0666666667vw 3.2vw 1.3333333333vw rgba(0, 0, 0, 0.0784313725);
  }
}
.topics_slider__item a:hover, .pickup .pickup_slider__item a:hover {
  opacity: 1;
}
.topics_slider__item a .pic_bg, .pickup .pickup_slider__item a .pic_bg {
  width: auto;
  height: 100%;
}
.topics_slider__item a .b_detail, .pickup .pickup_slider__item a .b_detail {
  position: absolute;
  top: 10.1388888889vw;
  left: 1.3888888889vw;
  width: 7.9166666667vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topics_slider__item a .b_detail, .pickup .pickup_slider__item a .b_detail {
    top: 31.4666666667vw;
    left: 4.5333333333vw;
    width: 30.4vw;
  }
}

.topics_slider__ctrl, .pickup .pickup_slider__ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.5555555556vw;
  padding: 1.25vw 0.9722222222vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topics_slider__ctrl, .pickup .pickup_slider__ctrl {
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0 0;
  }
}
.topics_slider__ctrl .b_ctrl, .pickup .pickup_slider__ctrl .b_ctrl {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  margin: 0 0.5555555556vw;
  border-radius: 100%;
  cursor: pointer;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topics_slider__ctrl .b_ctrl, .pickup .pickup_slider__ctrl .b_ctrl {
    width: 11.2vw;
    height: 11.2vw;
    margin: 0 auto;
  }
}
.topics_slider__ctrl .b_ctrl.b_pp, .pickup .pickup_slider__ctrl .b_ctrl.b_pp {
  transition-duration: 0.3s;
  /*
  &:not(.pause){
      img.pause{
          display:none;
      }
      img.play{
          display:inline;
      }
  }
  &.pause{
      img.pause{
          display:inline;
      }
      img.play{
          display:none;
      }
  }*/
}
.topics_slider__ctrl .b_ctrl.b_pp img, .pickup .pickup_slider__ctrl .b_ctrl.b_pp img {
  display: none;
}
.topics_slider__ctrl .b_ctrl.b_pp img.show, .pickup .pickup_slider__ctrl .b_ctrl.b_pp img.show {
  display: inline;
}
.topics_slider__ctrl .b_ctrl.b_pp:hover, .pickup .pickup_slider__ctrl .b_ctrl.b_pp:hover {
  opacity: 0.7;
}
.topics_slider__ctrl .b_ctrl.b_pn, .pickup .pickup_slider__ctrl .b_ctrl.b_pn {
  background-size: 70% 70%;
  background-position: center;
  background-repeat: no-repeat;
  transition-duration: 0.3s;
}
.topics_slider__ctrl .b_ctrl.b_pn:hover, .pickup .pickup_slider__ctrl .b_ctrl.b_pn:hover {
  opacity: 0.8;
}
.topics_slider__ctrl .b_ctrl.b_pn.b_prev, .pickup .pickup_slider__ctrl .b_ctrl.b_pn.b_prev {
  background-image: url(../img/common/arrow_slider_prev.svg);
}
.topics_slider__ctrl .b_ctrl.b_pn.b_next, .pickup .pickup_slider__ctrl .b_ctrl.b_pn.b_next {
  background-image: url(../img/common/arrow_slider_next.svg);
}

.topics_slider__ctrl__pager ul, .pickup .pickup_slider__ctrl__pager ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topics_slider__ctrl__pager ul, .pickup .pickup_slider__ctrl__pager ul {
    margin-bottom: 6.6666666667vw;
  }
}
.topics_slider__ctrl__pager ul li, .pickup .pickup_slider__ctrl__pager ul li {
  transition-duration: 0.3s;
  margin: 0 0.2777777778vw;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  border-radius: 0.4166666667vw;
  transition-duration: 0.3s;
  background: #D9D9D9;
  cursor: pointer;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topics_slider__ctrl__pager ul li, .pickup .pickup_slider__ctrl__pager ul li {
    margin: 0 1.3333333333vw;
    width: 4vw;
    height: 4vw;
    border-radius: 4vw;
  }
}
.topics_slider__ctrl__pager ul li:hover, .pickup .pickup_slider__ctrl__pager ul li:hover {
  background: #6AAFC3;
}
.topics_slider__ctrl__pager ul li.slick-active, .pickup .pickup_slider__ctrl__pager ul li.slick-active {
  background: #6AAFC3;
}
.topics_slider__ctrl__pager ul li button, .pickup .pickup_slider__ctrl__pager ul li button {
  font-size: 0;
  opacity: 0;
}

.reason {
  padding: 11.9444444444vw 0;
  border-top: solid #FFF643 0.4166666667vw;
  border-bottom: solid #FFF643 0.4166666667vw;
  background: url(/assets/img/home/bg_reason.jpg) no-repeat right top;
  background-size: 36%;
  background-color: #F1F2F0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason {
    padding: 56vw 0 42.6666666667vw;
    border-top: solid #FFF643 1.6vw;
    border-bottom: solid #FFF643 1.6vw;
    background-size: 75%;
    padding-left: 8vw;
  }
}
.reason .catch {
  font-family: Zen Old Mincho;
  font-weight: 700;
  font-size: 2.2222222222vw;
  margin-bottom: 0.9722222222vw;
  line-height: 1;
  letter-spacing: 15%;
  text-align: center;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason .catch {
    font-size: 5.3333333333vw;
    margin-bottom: 1.6vw;
    line-height: 1.6;
  }
}
.reason .ttl_en {
  margin-bottom: 4.8611111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason .ttl_en {
    margin-bottom: 9.6vw;
  }
}
.reason .ttl_q {
  line-height: 1;
  text-align: center;
  position: relative;
  margin-bottom: 2.7777777778vw;
}
.reason .ttl_q img {
  width: 35.1388888889vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason .ttl_q {
    margin-bottom: 4vw;
  }
  .reason .ttl_q img {
    width: 80vw;
  }
}
.reason .msg {
  font-family: Zen Old Mincho;
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 200%;
  letter-spacing: 10%;
  text-align: center;
  margin-bottom: 12.5vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason .msg {
    font-size: 3.7333333333vw;
  }
}
.reason .reason__samples {
  padding: 0 9.7222222222vw;
  margin: 0 auto 3.4722222222vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason .reason__samples {
    width: 77.3333333333vw;
    padding: 0;
    margin: 0 auto 26.1333333333vw;
    display: block;
  }
}
.reason .reason__samples__item {
  width: 22.7083333333vw;
}
.reason .reason__samples__item .ttl {
  text-align: center;
  font-family: Zen Old Mincho;
  font-weight: 700;
  font-size: 1.6666666667vw;
  margin: 0.8em 0 0.7em;
  letter-spacing: 0.15em;
  text-align: center;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason .reason__samples__item {
    width: 100%;
    margin: 0 auto 21.3333333333vw;
  }
  .reason .reason__samples__item .ttl {
    font-size: 5.3333333333vw;
  }
}
.reason .reason__others .balloon {
  margin-bottom: 1.1111111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason .reason__others .balloon {
    margin-bottom: 4.2666666667vw;
  }
}
.reason .reason__others .b_brown {
  width: 19.1666666667vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .reason .reason__others .b_brown {
    width: 73.6vw;
    height: 21.3333333333vw;
    padding: 0;
  }
}

.pickup {
  padding: 10.4166666667vw 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .pickup {
    padding: 34.6666666667vw 0 40vw;
  }
}
.pickup .ttl_en {
  margin-bottom: 1.3888888889vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .pickup .ttl_en {
    margin-bottom: 8vw;
  }
}
.pickup .pickup_slider__ctrl .b_ctrl {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 100%;
  margin: 0 0.5555555556vw;
  cursor: pointer;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .pickup .pickup_slider__ctrl .b_ctrl {
    width: 11.2vw;
    height: 11.2vw;
    margin: 0 auto;
  }
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp {
  transition-duration: 0.3s;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp:not(.pause) img.pause {
  display: none;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp:not(.pause) img.play {
  display: inline;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp:not(.pause):hover img.pause {
  display: inline;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp:not(.pause):hover img.play {
  display: none;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp.pause img.pause {
  display: inline;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp.pause img.play {
  display: none;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp.pause:hover img.pause {
  display: none;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pp.pause:hover img.play {
  display: inline;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pn {
  background-size: 70% 70%;
  background-position: center;
  background-repeat: no-repeat;
  transition-duration: 0.3s;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pn:hover {
  opacity: 0.8;
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pn.b_prev {
  background-image: url(../img/common/arrow_slider_prev.svg);
}
.pickup .pickup_slider__ctrl .b_ctrl.b_pn.b_next {
  background-image: url(../img/common/arrow_slider_next.svg);
}

.news {
  padding: 9.3055555556vw 0;
  background: url(/assets/img/news/bg.png) center center;
  background-size: cover;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news {
    padding: 37.3333333333vw 0 37.3333333333vw 8vw;
  }
}
.news .ttl_en {
  margin-bottom: 2.3611111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news .ttl_en {
    margin-bottom: 10.6666666667vw;
  }
}
.news__container {
  width: 80.5555555556vw;
  margin: 0 auto;
  box-shadow: 0 0 2.7777777778vw 0.6944444444vw rgba(0, 0, 0, 0.0784313725);
  padding: 2.0833333333vw 4.1666666667vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background: #fff;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news__container {
    display: block;
    width: 82.6666666667vw;
    box-shadow: 0 0 10.6666666667vw 2.6666666667vw rgba(0, 0, 0, 0.0784313725);
    padding: 8vw 5.6vw;
  }
}
.news__container ul {
  width: 62.7777777778vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news__container ul {
    width: 100%;
  }
}
.news__container ul li {
  padding: 1.1111111111vw 0;
  line-height: 1.9;
}
.news__container ul li:not(:last-of-type) {
  border-bottom: solid #6AAFC3 0.0694444444vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news__container ul li {
    padding: 4.2666666667vw 0;
    line-height: 1.7;
    border-bottom: solid #6AAFC3 0.2666666667vw;
  }
}
.news__container ul li a {
  display: flex;
  text-decoration: none;
}
.news__container ul li a:hover p {
  text-decoration: underline;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news__container ul li a {
    display: block;
  }
}
.news__container ul li time {
  color: #6AAFC3;
  font-size: 1.1111111111vw;
  font-weight: 700;
  margin-bottom: 0.9722222222vw;
  padding-right: 1.2em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news__container ul li time {
    font-size: 4.2666666667vw;
    margin-bottom: 3.7333333333vw;
  }
}
.news__container ul li p {
  flex: 1;
  font-size: 0.9722222222vw;
}
.news__container ul li p span {
  font-family: Zen Old Mincho;
  font-weight: 700;
  font-size: 1.1111111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news__container ul li p {
    font-size: 4.8vw;
  }
  .news__container ul li p span {
    font-size: 5.3333333333vw;
    line-height: 1.4;
    margin-bottom: 1.6vw;
    display: block;
  }
}
.news__container .b_archive {
  font-size: 0.9722222222vw;
  padding-bottom: 1.1111111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news__container .b_archive {
    padding: 5.3333333333vw 0 0;
    font-size: 4.2666666667vw;
    padding-bottom: 0;
    text-align: right;
  }
}
.news__container .b_archive a {
  color: #6AAFC3;
  font-weight: bold;
}
.news__container .b_archive a:after {
  content: "";
  display: inline-block;
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  margin-left: 0.3472222222vw;
  vertical-align: text-bottom;
  background: url(/assets/img/common/i_arrow_blue.svg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .news__container .b_archive a:after {
    width: 5.6vw;
    height: 5.6vw;
    margin-left: 1.3333333333vw;
  }
}/*# sourceMappingURL=home.css.map */