#twarea.topics_top .post_item {
  position: relative;
}
#twarea.topics_top .post_item .item_wrap .img_wrap {
  aspect-ratio: var(--post-item-img-ac);
  border-radius: var(--post-item-img-radius);
  display: block;
  overflow: hidden;
  position: relative;
  position: relative;
  width: 100%;
}
#twarea.topics_top .post_item .item_wrap .img_wrap img {
  height: 100%;
  width: 100%;
  z-index: 1;
  -o-object-fit: cover;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#twarea.topics_top .post_item .item_wrap .img_wrap.full_w img {
  height: auto;
  width: 100%;
}
#twarea.topics_top .post_item .item_wrap .img_wrap .post_icons {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 2;
}
#twarea.topics_top .post_item .item_wrap .txt_wrap {
  padding-top: 15px;
  position: relative;
}
#twarea.topics_top .post_item .item_wrap .post_name {
  font-weight: 600;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  font-size: clamp(1.1rem, 1.16vw, 1.4rem);
  line-height: 1.57;
  max-height: calc(4.71em - 1px);
  overflow: hidden;
}
#twarea.topics_top .post_item .item_wrap .post_icons .icon {
  align-items: center;
  background: var(--tw-accent-color);
  border-radius: 26px;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 600;
  height: 26px;
  justify-content: center;
  letter-spacing: 0.04em;
  min-width: 46px;
  padding: 0 8px;
}
#twarea.topics_top .post_item .item_wrap .post_icons .icon + .icon {
  margin-right: 10px;
}
#twarea.topics_top .post_item .item_wrap .post_date {
  align-items: center;
  color: var(--font-color-gray);
  display: flex;
  font-size: 1.4rem;
  height: 26px;
  justify-content: flex-end;
  line-height: 1;
}
#twarea.topics_top .post_item .item_wrap .post_date::before {
  aspect-ratio: 1/1;
  background: url(../img/topics/icon_time_gray.svg) center center/100% auto no-repeat;
  content: "";
  margin-right: 6px;
  width: 12px;
}
#twarea.topics_top .page_head .section.sec_hero {
  --section-m-left: 0;
  position: relative;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head {
  position: relative;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_title {
  width: 86.15%;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle {
  align-items: center;
  display: inline-flex;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle span {
  display: inline-block;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle .en {
  background: var(--tw-base-color);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  height: 14px;
  letter-spacing: 0.04em;
  line-height: 14px;
  padding: 0 5px;
  text-transform: uppercase;
  white-space: nowrap;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle .ja {
  font-size: 1.1rem;
  letter-spacing: 0.24em;
  line-height: 1;
  padding-left: 28px;
  position: relative;
  white-space: nowrap;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle .ja::before {
  background: var(--tw-base-color);
  content: "";
  height: 14px;
  left: 14px;
  position: absolute;
  top: 50%;
  width: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle {
  left: 100%;
  position: absolute;
  top: 0;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_batch {
  align-items: center;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  position: relative;
  width: 112px;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_batch span {
  position: relative;
  z-index: 2;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_batch span img {
  width: 100%;
}
#twarea.topics_top .page_head .section.sec_hero .sec_head .head_batch::after {
  background: url(../img/topics/batch_yellow.svg) center center/100% auto no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-animation: rotate-batch 25s linear infinite;
  animation: rotate-batch 25s linear infinite;
}
#twarea.topics_top .page_head .section.sec_hero .pickup_posts {
  --post-item-img-ac: 352 / 233;
  --post-item-img-radius: 24.5px;
  margin-top: 36px;
  position: relative;
  width: calc(100% - 390px);
}
#twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap {
  background: var(--primary-color-light);
  border-radius: var(--post-item-img-radius);
  display: block;
  height: 100%;
  overflow: hidden;
}
#twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .img_wrap {
  border-radius: var(--post-item-img-radius) var(--post-item-img-radius) 0 0;
}
#twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap {
  padding: 10px 20px 25px;
  position: relative;
}
#twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap .post_icons {
  left: 20px;
  position: absolute;
  top: 10px;
}
#twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap .post_date {
  color: #fff;
  margin-bottom: 10px;
}
#twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap .post_date::before {
  background-image: url(../img/topics/icon_time_white.svg);
}
#twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap .post_name {
  color: #fff;
  font-size: clamp(1.5rem, 1.49vw, 1.8rem);
  height: calc(5.44em - 1px);
  line-height: 1.36;
  -webkit-line-clamp: 4;
  max-height: 100%;
}

#twarea.topics_top .js-slider-auto-swiper.slider_topics {
  --swiper-arr-w: 48px;
  --swiper-arr-next: 50px;
  --swiper-arr-prev: -24px;
  --swiper-gap: 17px;
  --swiper-slide-w: calc(352px + 17px);
  position: relative;
}
#twarea.topics_top .js-slider-auto-swiper.slider_topics .swiper {
  overflow: hidden;
  width: 100%;
}
#twarea.topics_top .js-slider-auto-swiper.slider_topics .swiper-wrapper {
  gap: 0;
  transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;
}
#twarea.topics_top .js-slider-auto-swiper.slider_topics .swiper-slide {
  height: auto;
  padding-right: var(--swiper-gap);
  width: var(--swiper-slide-w);
}
#twarea.topics_top .js-slider-auto-swiper.slider_topics .slider_nav {
  aspect-ratio: 1/1;
  background: url(../img/common/slider_arr_white.svg) center center/100% auto no-repeat;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: var(--swiper-arr-w);
  z-index: 10;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: background-image 0.3s ease;
}
#twarea.topics_top .js-slider-auto-swiper.slider_topics .slider_nav.prev {
  left: var(--swiper-arr-prev);
  -webkit-transform: translateY(-50%) scale(-1, 1);
  transform: translateY(-50%) scale(-1, 1);
}
#twarea.topics_top .js-slider-auto-swiper.slider_topics .slider_nav.next {
  right: var(--swiper-arr-next);
}
#twarea.topics_top .js-slider-auto-swiper.slider_topics .slider_nav.is-hidden {
  cursor: default;
  opacity: 0;
  pointer-events: none;
}
#twarea.topics_top .js-slider-auto-swiper.slider_topics .slider_nav.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
#twarea.topics_top .section.sec_destionation .sec_body .slide_item .post_name {
  font-size: clamp(1.1rem, 1.16vw, 1.4rem);
  line-height: 1.57;
  max-height: calc(4.71em - 1px);
}
#twarea.topics_top .section.sec_destionation .twarea_slider_scroll.slider_topics {
  --post-item-img-ac: 246 / 162;
  --post-item-img-radius: 13px;
  --slider-scroll-grid-columns: 3;
  --slider-scroll-gap: 44px;
  --slider-scroll-item-w: 246px;
}
@media screen and (max-width: 1210px) and (min-width: 961px) {
  #twarea.topics_top .page_head .section.sec_hero .sec_inner {
    padding-bottom: 54px;
  }
}
@media screen and (max-width: 1210px) {
  #twarea.topics_top .page_head .section.sec_hero {
    --section-m-left: 75px;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_inner {
    padding-left: calc(var(--w-margin) + 50px);
    padding-right: var(--w-margin);
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle {
    -webkit-transform-origin: top left;
    position: absolute;
    top: var(--section-padding-t);
    transform-origin: top left;
    -webkit-transform: rotate(90deg);
    left: calc(var(--section-padding-l) + 14px);
    transform: rotate(90deg);
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle {
    left: calc((var(--w-margin) + 14px) * -1);
    top: 0;
  }
  #twarea.topics_top .page_head .section.sec_hero .pickup_posts {
    margin-right: calc(var(--w-margin) * -1);
    width: calc(100% - 390px + var(--w-margin));
  }
  #twarea.topics_top .js-slider-auto-swiper.slider_topics {
    --swiper-arr-next: var(--w-margin);
    --swiper-arr-prev: calc(-1 * (var(--w-margin) / 2));
  }
}
@media screen and (max-width: 960px) {
  #twarea.topics_top .page_head .section.sec_hero {
    background: #fff;
    padding: 0 0 40px;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_inner {
    background: #fff;
    padding: 0 var(--w-margin);
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head {
    margin-bottom: 30px;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle {
    left: 14px;
    top: calc(100% + 30px);
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_lead {
    display: none;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_batch {
    position: absolute;
    right: 0;
    top: 0;
  }
  #twarea.topics_top .page_head .section.sec_hero .pickup_posts {
    margin-right: calc(var(--w-margin) * 2 * -1);
    margin-top: 0;
    padding-left: 30px;
    width: calc(100% + var(--w-margin) * 2);
    z-index: 1;
  }
  #twarea.topics_top .js-slider-auto-swiper.slider_topics {
    --swiper-slide-w: calc(40vw + 17px);
    --swiper-arr-next: calc(2.13vw + var(--w-margin));
  }
  #twarea.topics_top .sec_destination_wrap {
    margin-top: 15px;
  }
  #twarea.topics_top .section.sec_destionation + .sec_destionation {
    border-top: 1px solid var(--border-color-d);
  }
  #twarea.topics_top .section.sec_destionation .twarea_slider_scroll.slider_topics {
    --slider-scroll-gap: 20px;
    --slider-scroll-item-w: calc(33.333% - 20px);
  }
}
@media screen and (max-width: 600px) {
  #twarea.topics_top .post_item .item_wrap .img_wrap .post_icons {
    right: 2.13vw;
    top: 2.13vw;
  }
  #twarea.topics_top .post_item .item_wrap .txt_wrap {
    padding-top: 4vw;
  }
  #twarea.topics_top .post_item .item_wrap .post_name {
    font-size: 2.93vw;
    line-height: 1.55;
    max-height: calc(4.65em - 1px);
  }
  #twarea.topics_top .post_item .item_wrap .post_icons .icon {
    font-size: 2.67vw;
    height: 6.93vw;
    min-width: 12.27vw;
    padding: 0 2vw;
  }
  #twarea.topics_top .post_item .item_wrap .post_icons .icon + .icon {
    margin-right: 1.33vw;
  }
  #twarea.topics_top .page_head {
    margin-top: 4.67vw;
  }
  #twarea.topics_top .page_head .section.sec_hero {
    padding: 0 0 6.13vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head {
    margin-bottom: 5.33vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_title {
    width: 53.07vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle .en {
    align-items: center;
    display: flex;
    padding: 0 1.07vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle .ja {
    font-size: 2.93vw;
    padding-left: 9.87vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle .ja::before {
    height: 3.73vw;
    left: 5.33vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle {
    left: calc(var(--section-padding-l) + 3.73vw);
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle {
    left: 3.73vw;
    top: calc(100% + 5.33vw);
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_sbtitle .en {
    padding: 0 1.33vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_batch {
    top: -1.33vw;
    width: 18.4vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .pickup_posts {
    --post-item-img-ac: 574 / 380;
    --post-item-img-radius: 5.33vw;
    margin-right: calc(var(--w-margin) * -1);
    padding-left: calc(11.6vw - var(--w-margin));
    width: calc(100% + var(--w-margin));
  }
  #twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap {
    padding: 1.33vw 4.67vw 4.67vw 4.67vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap .post_icons {
    left: 4.8vw;
    top: 1.33vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap .post_date {
    font-size: 3.2vw;
    margin-bottom: 1.33vw;
    margin-top: 0.67vw;
  }
  #twarea.topics_top .page_head .section.sec_hero .pickup_posts .post_item .item_wrap .txt_wrap .post_name {
    font-size: 4vw;
    height: calc(5.32em - 1px);
    line-height: 1.33;
  }
  #twarea.topics_top .js-slider-auto-swiper.slider_topics {
    --swiper-arr-w: 8.53vw;
    --swiper-gap: 2.67vw;
    --swiper-slide-w: 79.2vw;
  }
  #twarea.topics_top .js-slider-auto-swiper.slider_topics .swiper {
    margin-right: calc(var(--w-margin) * -1);
    width: calc(100% + var(--w-margin));
  }
  #twarea.topics_top .sec_destination_wrap {
    margin-top: 4vw;
  }
  #twarea.topics_top .sec_destination_wrap .btm_link {
    background: var(--page-bg);
    margin-top: 4vw;
    padding: 8vw 0;
    text-align: center;
  }
  #twarea.topics_top .sec_destination_wrap .btm_link .sec_link_btn.btn_02.arr_top::after {
    aspect-ratio: 1/2;
    background: url(../img/topics/arr_01_gray_b.svg) center center/100% auto no-repeat;
    right: 3.2vw;
    top: calc(50% - 1.07vw);
    width: 1.07vw;
  }
  #twarea.topics_top .section.sec_destionation {
    --section-padding-t: 9.33vw;
    --section-padding-b: 9.33vw;
  }
  #twarea.topics_top .section.sec_destionation .sec_head {
    margin-bottom: 5.33vw;
  }
  #twarea.topics_top .section.sec_destionation .sec_head .head_title {
    font-size: 5.07vw;
    margin-top: -0.93vw;
  }
  #twarea.topics_top .section.sec_destionation .sec_head .head_sbtitle .en {
    padding: 0 1.33vw;
  }
  #twarea.topics_top .section.sec_destionation .sec_head .head_lead {
    display: none;
  }
  #twarea.topics_top .section.sec_destionation .sec_body .slide_item .txt_wrap {
    margin: 0 2.67vw;
  }
  #twarea.topics_top .section.sec_destionation .sec_body .slide_item .post_name {
    font-size: 2.93vw;
    line-height: 1.55;
    max-height: calc(4.65em - 1px);
  }
  #twarea.topics_top .section.sec_destionation .sec_foot {
    margin-top: 4.8vw;
  }
  #twarea.topics_top .section.sec_destionation .twarea_slider_scroll.slider_topics {
    --post-item-img-ac: 436 / 288;
    --post-item-img-radius: 3.33vw;
    --slider-scroll-item-w: 58.13vw;
    --slider-scroll-gap: 3.73vw;
  }
  #twarea.topics_top .section.sec_destionation .twarea_slider_scroll.slider_topics .slider_nav {
    -webkit-transform: translateY(0);
    top: 18.4vw;
    transform: translateY(0);
  }
  #twarea.topics_top .section.sec_destionation .twarea_slider_scroll.slider_topics .slider_nav.prev {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #twarea.topics_top .js-slider-auto-swiper.slider_topics .slider_nav:hover {
    background-image: url(../img/common/slider_arr_black.svg);
    opacity: 1;
  }
}
@media (hover: none) {
  #twarea.topics_top .js-slider-auto-swiper.slider_topics .slider_nav {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #twarea.topics_top .js-slider-auto-swiper.slider_topics .slider_nav:active {
    background-image: url(../img/common/slider_arr_black.svg);
    opacity: 1;
  }
}
@media screen and (min-width: 1211px), print {
  #twarea.topics_top .page_head .section.sec_hero .sec_inner {
    padding: 0 0 60px 75px;
  }
}
@media screen and (min-width: 601px), print {
  #twarea.topics_top .page_head {
    margin-top: 30px;
  }
  #twarea.topics_top .sec_destination_wrap .btm_link {
    display: none;
  }
  #twarea.topics_top .section.sec_destionation {
    position: relative;
    --section-padding-t: 30px;
    --section-padding-b: 25px;
  }
  #twarea.topics_top .section.sec_destionation .sec_head {
    margin-bottom: 22px;
  }
  #twarea.topics_top .section.sec_destionation .sec_head .head_title {
    font-size: 2.4rem;
  }
  #twarea.topics_top .section.sec_destionation .sec_head .head_lead {
    font-size: 1.1rem;
    letter-spacing: 0.24em;
  }
  #twarea.topics_top .section.sec_destionation .sec_foot .sec_link_btn {
    border-color: #b4b4b4;
    font-size: 1rem;
    height: 32px;
    padding-right: 10px;
    position: absolute;
    right: var(--w-margin);
    top: var(--section-padding-t);
    width: 96px;
  }
  #twarea.topics_top .section.sec_destionation .sec_foot .sec_link_btn::after {
    right: 1.2rem;
    width: 9px;
  }
  #twarea.topics_top .section.sec_destionation .twarea_slider_scroll.slider_topics .scroll_view {
    display: -ms-grid;
    display: grid;
    gap: 30px var(--slider-scroll-gap);
    overflow: hidden;
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--slider-scroll-grid-columns), 1fr);
  }
}
@media screen and (min-width: 961px), print {
  #twarea.topics_top .content_wrap {
    padding-top: 60px;
  }
  #twarea.topics_top .content_main {
    padding-bottom: 40px;
    padding-top: 35px;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_inner {
    display: flex;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_inner::after {
    background: #fff;
    border-radius: 0 0 100px 0;
    bottom: 0;
    content: "";
    height: calc(100% + 60px);
    left: 0;
    position: absolute;
    width: calc(100% - 75px);
    z-index: 1;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_inner > * {
    z-index: 2;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head {
    width: 390px;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_title {
    margin-bottom: 40px;
  }
  #twarea.topics_top .page_head .section.sec_hero .sec_head .head_lead {
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    line-height: 2.23;
    margin-bottom: 20px;
  }
  #twarea.topics_top .section.sec_destionation .sec_foot .sec_link_btn {
    right: 0;
    top: 26px;
  }
}