.block_slider_main {
  overflow: hidden;
}
.block_slider_main .block_inner {
  overflow: visible;
  margin: 0 auto;
}

.block_slider_topics {
  position: relative;
  overflow: hidden;
}
.block_slider_topics .block_inner {
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .sec_info .block_info .block_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sec_info .block_info .block_inner:has(.box_info:only-child) {
    justify-content: center;
  }
  .sec_info .block_info .block_inner.--wide {
    display: block;
  }
  .sec_info .block_info .box_info {
    width: 430px;
    margin: 40px 0 0;
  }
  .sec_info .block_info .box_info:nth-child(-n+2) {
    margin-top: 0;
  }
  .sec_info .block_info .box_info_wide {
    width: 100%;
  }
  .sec_info .block_info .box_info_wide > a {
    display: block;
  }
  .sec_info .block_info .box_info_wide > a > img {
    width: 100%;
    height: auto;
  }
  .sec_resources .block_resources .box_resources .list {
    display: grid;
    grid-template-columns: repeat(3, 280px);
    gap: 30px;
  }
  .block_slider_main {
    padding-bottom: 40px;
  }
  .block_slider_main .block_inner {
    width: 750px;
  }
  .block_slider_main .swiper-slide > a {
    display: block;
    width: 750px;
    height: 375px;
  }
  .block_slider_main .swiper-prev,
  .block_slider_main .swiper-next {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
  }
  .block_slider_main .swiper-prev > button,
  .block_slider_main .swiper-next > button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    position: relative;
  }
  .block_slider_main .swiper-prev > button::before, .block_slider_main .swiper-prev > button::after,
  .block_slider_main .swiper-next > button::before,
  .block_slider_main .swiper-next > button::after {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    content: " ";
    display: block;
  }
  .block_slider_main .swiper-prev > button::before,
  .block_slider_main .swiper-next > button::before {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 3;
  }
  .block_slider_main .swiper-prev > button::after,
  .block_slider_main .swiper-next > button::after {
    width: 75px;
    height: 75px;
    background-color: #666666;
    border-radius: 50%;
    z-index: 2;
  }
  .block_slider_main .swiper-prev {
    left: -25px;
  }
  .block_slider_main .swiper-prev > button::before {
    margin-left: -4px;
    -webkit-mask-image: url(/assets/img/kurashi/common/icn/arrow_left.svg);
    mask-image: url(/assets/img/kurashi/common/icn/arrow_left.svg);
  }
  .block_slider_main .swiper-next {
    right: -25px;
  }
  .block_slider_main .swiper-next > button::before {
    margin-left: 4px;
    -webkit-mask-image: url(/assets/img/kurashi/common/icn/arrow_right.svg);
    mask-image: url(/assets/img/kurashi/common/icn/arrow_right.svg);
  }
  .block_slider_main .swiper-pagination {
    display: flex;
    justify-content: center;
    top: calc(100% + 15px);
  }
  .block_slider_main .swiper-pagination .swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #d2d2d2;
    opacity: 1;
  }
  .block_slider_main .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 20px;
  }
  .block_slider_main .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #221815;
  }
  .block_slider_topics .block_inner {
    width: 900px;
  }
  .block_slider_topics .swiper-slide > a {
    font-size: 1.8rem;
    line-height: 1.6;
    display: block;
    width: 210px;
  }
  .block_slider_topics .swiper-slide > a .img {
    margin-bottom: 20px;
  }
  .block_slider_topics .swiper-prev,
  .block_slider_topics .swiper-next {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
  }
  .block_slider_topics .swiper-prev > button,
  .block_slider_topics .swiper-next > button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    position: relative;
  }
  .block_slider_topics .swiper-prev > button::before,
  .block_slider_topics .swiper-next > button::before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    background-color: #aeaeae;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 3;
  }
  .block_slider_topics .swiper-prev {
    left: 0;
  }
  .block_slider_topics .swiper-prev > button::before {
    -webkit-mask-image: url(/assets/img/kurashi/common/icn/arrow_left.svg);
    mask-image: url(/assets/img/kurashi/common/icn/arrow_left.svg);
  }
  .block_slider_topics .swiper-next {
    right: 0;
  }
  .block_slider_topics .swiper-next > button::before {
    -webkit-mask-image: url(/assets/img/kurashi/common/icn/arrow_right.svg);
    mask-image: url(/assets/img/kurashi/common/icn/arrow_right.svg);
  }
  .box_info.--sns {
    position: relative;
  }
  .box_info.--sns .txt {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
    line-height: 1.4;
    text-align: center;
    position: absolute;
    top: 15px;
  }
  .box_info.--sns .list {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 15px;
  }
  .box_info.--sns .list li {
    width: 170px;
  }
  .box_info.--sns .list li + li {
    margin-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .sec_info .block_info .box_info + .box_info {
    margin-top: min(40 / 750 * 100vw, 40px);
  }
  .sec_info .block_info .box_info_wide {
    width: 100%;
  }
  .sec_info .block_info .box_info_wide > a {
    display: block;
  }
  .sec_info .block_info .box_info_wide > a > img {
    width: 100%;
    height: auto;
  }
  .sec_resources .block_resources .box_resources .list {
    display: grid;
    grid-template-columns: repeat(2, min(330 / 750 * 100vw, 330px));
    gap: min(30 / 750 * 100vw, 30px);
  }
  .block_slider_main {
    padding-bottom: min(60 / 750 * 100vw, 60px);
  }
  .block_slider_main .block_inner {
    width: min(630 / 750 * 100vw, 630px);
  }
  .block_slider_main .swiper-slide > a {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 450/280;
  }
  .block_slider_main .swiper-slide > a img {
    width: 100%;
    height: auto;
  }
  .block_slider_main .swiper-prev,
  .block_slider_main .swiper-next {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
  }
  .block_slider_main .swiper-prev > button,
  .block_slider_main .swiper-next > button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(50 / 750 * 100vw, 50px);
    height: min(50 / 750 * 100vw, 50px);
    position: relative;
  }
  .block_slider_main .swiper-prev > button::before, .block_slider_main .swiper-prev > button::after,
  .block_slider_main .swiper-next > button::before,
  .block_slider_main .swiper-next > button::after {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    content: " ";
    display: block;
  }
  .block_slider_main .swiper-prev > button::before,
  .block_slider_main .swiper-next > button::before {
    width: min(25 / 750 * 100vw, 25px);
    height: min(25 / 750 * 100vw, 25px);
    background-color: #ffffff;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 3;
  }
  .block_slider_main .swiper-prev > button::after,
  .block_slider_main .swiper-next > button::after {
    width: min(50 / 750 * 100vw, 50px);
    height: min(50 / 750 * 100vw, 50px);
    background-color: #666666;
    border-radius: 50%;
    z-index: 2;
  }
  .block_slider_main .swiper-prev {
    left: min(-20 / 750 * 100vw, -20px);
  }
  .block_slider_main .swiper-prev > button::before {
    -webkit-mask-image: url(/assets/img/kurashi/common/icn/arrow_left.svg);
    mask-image: url(/assets/img/kurashi/common/icn/arrow_left.svg);
  }
  .block_slider_main .swiper-next {
    right: min(-20 / 750 * 100vw, -20px);
  }
  .block_slider_main .swiper-next > button::before {
    -webkit-mask-image: url(/assets/img/kurashi/common/icn/arrow_right.svg);
    mask-image: url(/assets/img/kurashi/common/icn/arrow_right.svg);
  }
  .block_slider_main .swiper-pagination {
    display: flex;
    justify-content: center;
    top: calc(100% + min(35 / 750 * 100vw, 35px));
  }
  .block_slider_main .swiper-pagination .swiper-pagination-bullet {
    width: min(20 / 750 * 100vw, 20px);
    height: min(20 / 750 * 100vw, 20px);
    border-radius: 50%;
    background-color: #d2d2d2;
    opacity: 1;
  }
  .block_slider_main .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: min(10 / 750 * 100vw, 10px);
  }
  .block_slider_main .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #221815;
  }
  .block_slider_topics .block_inner {
    width: min(630 / 750 * 100vw, 630px);
  }
  .block_slider_topics .swiper-slide > a {
    font-size: min(calc(32 / 750 * 100vw),3.2rem);
    line-height: 1.6;
    display: block;
    width: min(300 / 750 * 100vw, 300px);
  }
  .block_slider_topics .swiper-slide > a .img {
    margin-bottom: min(20 / 750 * 100vw, 20px);
  }
  .block_slider_topics .swiper-slide > a .img img {
    width: 100%;
    height: auto;
  }
  .block_slider_topics .swiper-prev,
  .block_slider_topics .swiper-next {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
  }
  .block_slider_topics .swiper-prev > button,
  .block_slider_topics .swiper-next > button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(60 / 750 * 100vw, 60px);
    height: min(60 / 750 * 100vw, 60px);
    position: relative;
  }
  .block_slider_topics .swiper-prev > button::before,
  .block_slider_topics .swiper-next > button::before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    content: " ";
    display: block;
    width: min(60 / 750 * 100vw, 60px);
    height: min(60 / 750 * 100vw, 60px);
    background-color: #aeaeae;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 3;
  }
  .block_slider_topics .swiper-prev {
    left: 0;
  }
  .block_slider_topics .swiper-prev > button::before {
    -webkit-mask-image: url(/assets/img/kurashi/common/icn/arrow_left.svg);
    mask-image: url(/assets/img/kurashi/common/icn/arrow_left.svg);
  }
  .block_slider_topics .swiper-next {
    right: 0;
  }
  .block_slider_topics .swiper-next > button::before {
    -webkit-mask-image: url(/assets/img/kurashi/common/icn/arrow_right.svg);
    mask-image: url(/assets/img/kurashi/common/icn/arrow_right.svg);
  }
  .box_info.--sns {
    position: relative;
  }
  .box_info.--sns .txt {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    font-size: min(calc(40 / 750 * 100vw),4rem);
    line-height: 1.6;
    text-align: center;
    width: 100%;
    position: absolute;
    top: min(15 / 750 * 100vw, 15px);
  }
  .box_info.--sns .list {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: min(20 / 750 * 100vw, 20px);
  }
  .box_info.--sns .list li {
    width: min(300 / 750 * 100vw, 300px);
  }
  .box_info.--sns .list li + li {
    margin-left: min(30 / 750 * 100vw, 30px);
  }
}

/*# sourceMappingURL=style.css.map */
