.top-mv {
  position: relative;
}
.top-mv__sliderWrap {
  overflow: hidden;
  position: relative;
}
.top-mv__title {
  font-weight: 700;
}
.top-mv__search {
  border-radius: 10px;
  background: #fff9f1;
}
.top-mv__searchLead {
  font-weight: 700;
  margin: 0;
}
.top-mv__searchInput {
  border-radius: 5px;
  border: 2px solid #e60012;
}
.top-mv__searchInputWrap {
  position: relative;
}
.top-mv__searchSubmit {
  cursor: pointer;
  position: absolute;
  width: min(52px, 3.611111111111111vw);
  height: min(52px, 3.611111111111111vw);
  top: 50%;
  right: min(0px, 0vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  border: none;
  background-color: transparent;
  background-image: url("/assets/img/common/icon_search_red.svg");
  background-size: min(26px, 1.805555555555555vw) min(26px, 1.805555555555555vw);
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
}
.top-mv__keywordsWrap {
  display: flex;
  gap: min(10px, 0.694444444444444vw);
  justify-content: flex-start;
  align-items: center;
  margin-top: min(10px, 0.694444444444444vw);
}
.top-mv__keywordsWrap dt {
  font-weight: bold;
  font-size: min(16px, 1.111111111111111vw);
  flex-shrink: 0;
  color: #e60012;
}
.top-mv__keywordsWrap dd {
  margin: 0;
}
.top-mv__keywords {
  display: flex;
  gap: min(10px, 0.694444444444444vw);
  flex-wrap: wrap;
}
.top-mv__keyword {
  padding: min(8px, 0.555555555555556vw) min(10px, 0.694444444444444vw);
  border: solid min(2px, 0.138888888888889vw) #e60012;
  color: #e60012;
  font-size: min(14px, 0.972222222222222vw);
  line-height: 1;
  border-radius: 999px;
  display: block;
}
.top-type__img {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.top-type__img img {
  width: 100%;
}
.top-type__title {
  display: flex;
  align-items: center;
}
.top-type__text {
  line-height: 2;
}
.top-bnr-ai img {
  width: 100%;
}
.top-season {
  position: relative;
}
.top-season__innerBg {
  background-color: #fff9f1;
}
.top-recommend .c-slider__img {
  background: #fff;
}
.top-media__title {
  font-weight: 700;
}
.top-media__img {
  aspect-ratio: 16/9;
  width: 100%;
}
.top-media__img iframe {
  height: 100%;
  max-width: 100%;
}
.top-news__ticker {
  overflow: hidden;
  background: #fff9f1;
}
.top-news__tickerTrack {
  background: url("/assets/img/top/bg_news_head.webp") repeat-x;
  background-position: 0 bottom;
  background-size: 50% auto;
  -webkit-animation-name: anm-news-ticker;
          animation-name: anm-news-ticker;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.top-news__menu {
  position: relative;
}
.top-news__menuWrap {
  position: relative;
}
.top-news__menuList {
  font-weight: 700;
}
.top-news__menuItem {
  position: relative;
  border-bottom: 2px solid transparent;
  line-height: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.top-news__menuItem.is-current {
  border-bottom: 2px solid #e60012;
  color: #e60012;
}
.top-news__article {
  border-bottom: 1px solid #ccc;
}
.top-news__articleCategory {
  display: inline-block;
  border-radius: 15px;
  border: 1px solid #ccc;
  line-height: 1;
}
@-webkit-keyframes anm-news-ticker {
  0% {
    background-position: 0 bottom;
  }
  100% {
    background-position: -100% bottom;
  }
}
@keyframes anm-news-ticker {
  0% {
    background-position: 0 bottom;
  }
  100% {
    background-position: -100% bottom;
  }
}
@media print, screen and (min-width: 768px) {
  .c-slider__count[data-slide-count="0"],
  .c-slider__count[data-slide-count="1"],
  .c-slider__count[data-slide-count="2"],
  .c-slider__count[data-slide-count="3"] {
    display: none;
  }
  .top-mv .u-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .top-mv__sliderWrap {
    overflow: hidden;
    max-height: min(586px, 40.69444444444444vw);
    width: 76.52777777777777vw;
    margin: 0 0 0 14.305555555555555vw;
  }
  .top-mv__sliderWrap .slick-slide {
    overflow: hidden;
    border-radius: 0 0 0 10px;
    max-height: 586px;
    width: 76.52777777777777vw;
  }
  .top-mv__sliderWrap .slick-slide img {
    opacity: 0;
  }
  .top-mv__sliderWrap .slick-slide .top-mv__slide01 {
    background: url("/assets/img/top/mv01.webp") no-repeat center center;
    background-size: cover;
  }
  .top-mv__sliderWrap .slick-slide .top-mv__slide02 {
    background: url("/assets/img/top/mv02.webp") no-repeat center center;
    background-size: cover;
  }
  .top-mv__sliderWrap .slick-slide .top-mv__slide03 {
    background: url("/assets/img/top/mv03.webp") no-repeat center center;
    background-size: cover;
  }
  .top-mv__sliderWrap .slick-slide .top-mv__slide04 {
    background: url("/assets/img/top/mv04.webp") no-repeat center center;
    background-size: cover;
  }
  .top-mv__textArea {
    position: absolute;
    top: min(90px, 6.25vw);
    width: min(558px, 38.75vw);
  }
  .top-mv__title {
    font-size: min(36px, 2.5vw);
    margin: 0 0 min(60px, 4.166666666666666vw);
  }
  .top-mv__search {
    padding: min(41px, 2.847222222222222vw) min(30px, 2.083333333333333vw) min(44px, 3.055555555555555vw);
  }
  .top-mv__searchLead {
    font-size: min(20px, 1.388888888888889vw);
  }
  .top-mv__searchInput {
    font-size: min(16px, 1.111111111111111vw);
    width: min(498px, 34.583333333333336vw);
    padding: min(18px, 1.25vw) min(30px, 2.083333333333333vw);
  }
  .top-mv__searchInputWrap {
    margin: min(20px, 1.388888888888889vw) 0 0;
  }
  .top-type {
    margin-top: min(100px, 6.944444444444445vw);
  }
  .top-type__cards {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .top-type__card {
    width: min(249px, 17.291666666666668vw);
  }
  .top-type__card:nth-child(2n + 1) {
    align-self: flex-end;
    padding-top: min(40px, 2.777777777777778vw);
  }
  .top-type__img {
    height: min(200px, 13.88888888888889vw);
    width: min(249px, 17.291666666666668vw);
  }
  .top-type__img::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 10px 0 0;
    background: #fff;
    height: min(40px, 2.777777777777778vw);
    width: min(220px, 15.277777777777779vw);
    z-index: 1;
  }
  .top-type__img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  a:hover .top-type__img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .top-type__title {
    font-size: min(24px, 1.666666666666667vw);
    margin: min(12px, 0.833333333333333vw) 0 min(22px, 1.527777777777778vw);
  }
  .top-type__title .c-btn-circle {
    margin-left: min(10px, 0.694444444444444vw);
  }
  .top-type__text {
    font-size: min(16px, 1.111111111111111vw);
  }
  .top-useful {
    position: relative;
    background: url("/assets/img/top/bg_useful_pc.webp") no-repeat top center;
    background-size: 100% auto;
    padding-top: 24.305555555555554vw;
    margin-top: 10.416666666666668vw;
  }
  .top-useful::before {
    content: "";
    display: block;
    position: absolute;
    top: 17.36111111111111vw;
    left: 0;
    border-radius: 0 10px 0 0;
    background: #fff;
    height: 6.944444444444445vw;
    width: 90.83333333333333vw;
  }
  .top-bnr-ai {
    width: min(600px, 41.66666666666667vw);
    margin: min(100px, 6.944444444444445vw) auto 0;
  }
  .top-season {
    margin: min(194px, 13.472222222222221vw) 0 0;
  }
  .top-season .c-slider--visibleRight .slick-list::before {
    background-color: #fff9f1;
  }
  .top-season .u-inner {
    padding: min(102px, 7.083333333333333vw) min(20px, 1.388888888888889vw) min(150px, 10.416666666666668vw) min(20px, 1.388888888888889vw);
  }
  .top-season__outerBg {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 100%;
    width: min(72px, 5vw);
    z-index: 101;
  }
  .top-season__innerBg {
    position: absolute;
    top: 0;
    left: min(72px, 5vw);
    border-radius: 10px 0 0 10px;
    height: 100%;
    width: 100%;
    z-index: -1;
  }
  .top-recommend {
    margin: min(100px, 6.944444444444445vw) 0 0 0;
  }
  .top-special {
    margin: min(100px, 6.944444444444445vw) 0 0 0;
  }
  .top-special .c-slider__img {
    height: min(280px, 19.444444444444446vw);
  }
  .top-media {
    padding: min(100px, 6.944444444444445vw) 0 min(150px, 10.416666666666668vw);
    margin: min(150px, 10.416666666666668vw) 0 0 0;
  }
  .top-media__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .top-media__column {
    flex-basis: min(556px, 38.611111111111114vw);
    max-width: min(556px, 38.611111111111114vw);
    width: min(556px, 38.611111111111114vw);
    margin-bottom: min(100px, 6.944444444444445vw);
  }
  .top-media__column:nth-child(2n) {
    margin-left: min(62px, 4.305555555555555vw);
  }
  .top-media__title {
    font-size: min(30px, 2.083333333333333vw);
    margin: 0 0 min(20px, 1.388888888888889vw);
  }
  .top-media__img {
    height: min(315px, 21.875vw);
  }
  .top-media__text {
    font-size: min(16px, 1.111111111111111vw);
    margin: min(20px, 1.388888888888889vw) 0 min(40px, 2.777777777777778vw);
  }
  .top-news__ticker {
    height: 16.25vw;
  }
  .top-news__tickerTrack {
    height: 16.25vw;
    width: 200%;
  }
  .top-news__body .u-inner--pc {
    display: flex;
  }
  .top-news__menu {
    flex-basis: min(249px, 17.291666666666668vw);
    max-width: min(249px, 17.291666666666668vw);
    width: min(249px, 17.291666666666668vw);
    padding: min(100px, 6.944444444444445vw) 0 min(150px, 10.416666666666668vw);
  }
  .top-news__menu::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #fff9f1;
    height: 100%;
    width: 9999px;
    z-index: -1;
  }
  .top-news__menuItem {
    cursor: pointer;
    font-size: min(18px, 1.25vw);
    padding-bottom: min(4px, 0.277777777777778vw);
    margin-bottom: min(18px, 1.25vw);
    transition: 0.5s;
  }
  .top-news__menuItem:hover {
    border-bottom: 2px solid #e60012;
    color: #e60012;
  }
  .top-news__articles {
    flex-basis: min(927px, 64.375vw);
    max-width: min(927px, 64.375vw);
    width: min(927px, 64.375vw);
    padding: min(100px, 6.944444444444445vw) 0 min(150px, 10.416666666666668vw) min(60px, 4.166666666666666vw);
  }
  .top-news__articles .c-more {
    margin-top: min(40px, 2.777777777777778vw);
  }
  .top-news__article {
    padding: 0 0 min(20px, 1.388888888888889vw);
    margin: 0 0 min(20px, 1.388888888888889vw);
  }
  .top-news__articleLink {
    transition: 0.5s;
  }
  .top-news__articleLink:hover {
    color: #e60012;
  }
  .top-news__articleLink:hover .top-news__articleCategory {
    border-color: #e60012;
  }
  .top-news__articleDate {
    font-size: min(16px, 1.111111111111111vw);
    margin: 0 min(10px, 0.694444444444444vw) 0 0;
  }
  .top-news__articleCategory {
    font-size: min(14px, 0.972222222222222vw);
    padding: min(4px, 0.277777777777778vw) min(10px, 0.694444444444444vw);
  }
  .top-news__articleContent {
    font-size: min(16px, 1.111111111111111vw);
  }
}
@media screen and (max-width: 767.98px) {
  .top-mv__sliderWrap {
    border-radius: 0 0 0 2.666666666666667vw;
    margin-left: 5.333333333333334vw;
  }
  .top-mv__textArea {
    position: relative;
    margin: 8vw 0 0;
    z-index: 101;
  }
  .top-mv__title {
    font-size: 5.866666666666666vw;
    margin: 0 0 8vw 5.333333333333334vw;
  }
  .top-mv__search {
    padding: 8vw 5.333333333333334vw;
  }
  .top-mv__searchLead {
    font-size: 4.266666666666667vw;
  }
  .top-mv__searchInput {
    font-size: 3.733333333333334vw;
    width: 100%;
    padding: 3.733333333333334vw 5.333333333333334vw;
  }
  .top-mv__searchInputWrap {
    margin: 5.333333333333334vw 0 0;
  }
  .top-mv__searchSubmit {
    box-sizing: content-box;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    right: 3.733333333333334vw;
    background-size: 5.333333333333334vw 5.333333333333334vw;
  }
  .top-mv__keywordsWrap {
    gap: 2.666666666666667vw;
    margin-top: 2.666666666666667vw;
    flex-wrap: wrap;
  }
  .top-mv__keywordsWrap dt {
    font-size: 3.733333333333334vw;
  }
  .top-mv__keyword {
    border: solid 0.533333333333333vw #e60012;
    padding: 2.133333333333333vw 2.666666666666667vw;
    font-size: 3.733333333333334vw;
  }
  .top-type {
    margin-top: 16vw;
  }
  .top-type__card {
    margin: 10.666666666666668vw 0 0;
  }
  .top-type__title {
    font-size: 5.333333333333334vw;
    margin: 6.666666666666667vw 0 6.666666666666667vw;
  }
  .top-type__title .c-btn-circle {
    margin-left: 2.666666666666667vw;
  }
  .top-type__text {
    font-size: 3.733333333333334vw;
  }
  .top-useful {
    background: url("/assets/img/top/bg_useful_sp.webp") no-repeat top center;
    background-size: 100% auto;
    padding-top: 64vw;
    margin-top: 26.666666666666668vw;
  }
  .top-bnr-ai {
    width: 89.33333333333333vw;
    margin: 20vw auto 0;
  }
  .top-season {
    background-color: #fff9f1;
    margin: 35.16vw 0 0;
  }
  .top-season .u-inner {
    padding: 21.333333333333336vw 5.333333333333334vw 26.666666666666668vw 5.333333333333334vw;
  }
  .top-recommend {
    margin: 16vw 0 0 0;
  }
  .top-special {
    margin: 16vw 0 0 0;
  }
  .top-special .c-slider__img {
    height: 63.46666666666667vw;
  }
  .top-media {
    padding: 16vw 0 26.666666666666668vw;
    margin: 26.666666666666668vw 0 0 0;
  }
  .top-media__column {
    margin-top: 16vw;
  }
  .top-media__column:first-child {
    margin-top: 0;
  }
  .top-media__title {
    font-size: 6.4vw;
    margin: 0 0 5.333333333333334vw;
  }
  .top-media__text {
    font-size: 3.733333333333334vw;
    margin: 5.333333333333334vw 0 vw_ap(30);
  }
  .top-news__ticker {
    height: 37.86666666666667vw;
  }
  .top-news__tickerTrack {
    height: 37.86666666666667vw;
    width: 469.3333333333333vw;
  }
  .top-news__title {
    background: #fff9f1;
    padding: 16vw 5.333333333333334vw;
  }
  .top-news__menuWrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    background: linear-gradient(90deg, rgba(255,255,255,0), #fff);
    height: 100%;
    width: 2em;
  }
  .top-news__menuList {
    display: flex;
    overflow-x: scroll;
    position: relative;
    padding-bottom: 5.333333333333334vw;
    margin-bottom: 5.333333333333334vw;
  }
  .top-news__menuList::before {
    content: "";
    position: absolute;
    top: 0;
    left: 39.46666666666667vw;
    background: url("/assets/img/common/icon_flick.svg") no-repeat center center;
    background-size: contain;
    height: 10.666666666666668vw;
    width: 10.666666666666668vw;
    transition: 0.5s;
    z-index: 1;
  }
  .top-news__menuList:hover::before,
  .top-news__menuList.isTouched::before {
    opacity: 0;
    z-index: 0;
  }
  .top-news__menuItem {
    font-size: 4.266666666666667vw;
    margin-right: 8vw;
    white-space: nowrap;
  }
  .top-news__article {
    padding: 0 0 5.333333333333334vw;
    margin: 0 0 5.333333333333334vw;
  }
  .top-news__articleDate {
    font-size: 3.733333333333334vw;
    margin: 0 2.666666666666667vw 0 0;
  }
  .top-news__articleCategory {
    font-size: 3.2vw;
    padding: 1.066666666666667vw 2.666666666666667vw;
  }
  .top-news__articleContent {
    font-size: 3.733333333333334vw;
  }
}