@charset "UTF-8";
/*  .mod-cyumontop
================================================ */
.mod-cyumontop ul, .mod-cyumontop ol { list-style: none; margin: 0; padding: 0; }

.mod-cyumontop * { box-sizing: border-box; }

.mod-cyumontop p { margin: 0; }

.mod-cyumontop .is-serif { font-family: Century, Hiragino Mincho ProN, "ヒラギノ明朝 Pro W3", "HG明朝b", MS PMincho, MS PMing, "ＭＳ Ｐ明朝", MS PMincho, serif; }

@media screen and (max-width: 736px) { .mod-cyumontop .u-view-pc { display: none; } }

@media screen and (min-width: 737px) { .mod-cyumontop .u-view-sp { display: none; }
  .mod-cyumontop .is-opacity { -webkit-transition: all .3s ease; transition: all .3s ease; }
  .mod-cyumontop .is-opacity:hover { opacity: .74; } }

.mod-cyumontop .cyumontop-lineup { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 100px; }

.mod-cyumontop .cyumontop-campaign { margin-top: 60px; margin-bottom:60px; }

.mod-cyumontop .cyumontop-etc { margin-top: 60px; }

.mod-cyumontop .cyumontop-etc__lead { margin: 30px 0; }

.mod-cyumontop .cyumontop-etc__set { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; }

.mod-cyumontop .cyumontop-etc__set-l { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.mod-cyumontop .cyumontop-etc__set-r { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.mod-cyumontop .cyumontop-etc-list { font-size: 1.6rem; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.mod-cyumontop .cyumontop-etc-list__link { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; text-decoration: none; color: #333; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04); }

.mod-cyumontop .cyumontop-etc-list__img { width: 150px; }

.mod-cyumontop .cyumontop-etc-list__txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 30px; }

.mod-cyumontop .cyumontop-etc-kurashi {
  background: url(/wordpress/wp-content/uploads/2025/10/bg_cyumontop-etc01.jpg) no-repeat center / cover;
  text-decoration: none; color: #fff;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

.mod-cyumontop .cyumontop-etc-kurashi__txt {
  text-align: center; line-height: 1; font-weight: bold;
  font-size: 2.2rem;
  position: absolute;
  left: 50%;top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.mod-cyumontop .cyumontop-etc-kurashi__btn {
  width: 138px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #000;
  border-radius: 5px;
  font-size: 1.4rem;
  position: absolute;
  bottom: 88px;
  left: 50%;
  transform: translateX(-50%);
}

.mod-cyumontop .cyumontop-etc-kurashi__ico { width: 24px; margin-right: 10px; }

.mod-cyumontop .cyumontop-head01 { margin: 0 0 30px; padding: 0 0 12px; font-size: 2.4rem; border-bottom: 1px solid #ccc; }

.mod-cyumontop .cyumontop-list01 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mod-cyumontop .cyumontop-list01__link { text-decoration: none; color: #333; display: block; }

.mod-cyumontop .cyumontop-list01__item { width: calc(50% - 40px / 2); }

.mod-cyumontop .cyumontop-list01__head { text-align: center; border-bottom: 0; padding: 0; margin: 19px 0 14px; font-size: 1.8rem; font-weight: bold; }

@media screen and (max-width: 736px) { .mod-cyumontop h2 { margin-bottom: 15px; }
  .mod-cyumontop .cyumontop__inner { padding: 0 10px; }
  .mod-cyumontop .cyumontop-lineup { margin-top: 40px; gap: 50px; }
  .mod-cyumontop .cyumontop-campaign { margin-top: 40px; margin-bottom:40px; }
  .mod-cyumontop .cyumontop-etc { margin-top: 40px; }
  .mod-cyumontop .cyumontop-etc__lead { margin: 0 0 15px 0; }
  .mod-cyumontop .cyumontop-etc__set { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; }
  .mod-cyumontop .cyumontop-etc-list { gap: 10px; font-size: 1.5rem; }
  .mod-cyumontop .cyumontop-etc-list__item { display: block; }
  .mod-cyumontop .cyumontop-etc-list__img { width: 30%; }
  .mod-cyumontop .cyumontop-etc-list__txt { padding: 0 15px; }
  .mod-cyumontop .cyumontop-etc-kurashi {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04);
    aspect-ratio: 460 / 280;
  }
  /* .mod-cyumontop .cyumontop-etc-kurashi__img { width: 40%; } */
  .mod-cyumontop .cyumontop-etc-kurashi__txt {
    font-size: 1.8rem;
    margin-top: -20px;
  }
  .mod-cyumontop .cyumontop-etc-kurashi__btn {
    width: 134px;
    height: 36px;
    font-size: 1.1rem;
    bottom: auto;
    top: 50%;
    transform: translate(-50%,-50%);
    margin-top: 30px;
  }
  .mod-cyumontop .cyumontop-etc-kurashi__ico { width: 17px;margin-top: 5px; }
  .mod-cyumontop .cyumontop-head01 { margin: 0 0 15px; padding: 0 0 10px; font-size: 1.9rem; }
  .mod-cyumontop .cyumontop-list01 { gap: 30px; }
  .mod-cyumontop .cyumontop-list01__item { width: calc(50% - 15px / 2); width: 100%; }
  .mod-cyumontop .cyumontop-list01__head { margin: 14px 0 10px; font-size: 1.7rem; } }

.mod-cyumontop .cyumontop-campaign-slider__img { overflow: hidden; width: 100%; box-sizing: border-box; position: relative; aspect-ratio: 300 / 188; }

.mod-cyumontop .cyumontop-campaign-slider__link { text-decoration: none; color: #333; }

.mod-cyumontop .cyumontop-campaign-slider__img img { width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover;"; opacity: 1 !important; }

.mod-cyumontop .cyumontop-campaign-slider__name { font-weight: bold; line-height: 1.8; margin: 12px 0 0 0; -webkit-font-smoothing: antialiased; }

.mod-cyumontop .cyumontop-campaign-slider > .cyumontop-campaign-slider__item { display: none; }

@media screen and (min-width: 737px) { .mod-cyumontop .cyumontop-campaign-slider { width: calc(100% + 30px); margin: 0 -15px; font-size: 1.5rem; }
  .mod-cyumontop .cyumontop-campaign-slider__item { width: 290px; padding: 0 15px; }
  .mod-cyumontop .cyumontop-campaign-slider__link { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
  .mod-cyumontop .cyumontop-campaign-slider__link:hover { opacity: .7; }
  .mod-cyumontop .cyumontop-campaign-slider .slick-arrow { background: #ccc; background: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/common/arrow_white.png) no-repeat center #ccc; border-radius: 50%; top: 50%; margin-top: 0; width: 46px; height: 46px; }
  .mod-cyumontop .cyumontop-campaign-slider .slick-next { right: -55px; }
  .mod-cyumontop .cyumontop-campaign-slider .slick-prev { left: -55px; -webkit-transform: scale(-1, 1) translateY(-50%); -ms-transform: scale(-1, 1) translateY(-50%); transform: scale(-1, 1) translateY(-50%); } }

@media screen and (max-width: 736px) { .mod-cyumontop .cyumontop-campaign-slider { margin: 0 -10px; }
  .mod-cyumontop .cyumontop-campaign-slider .slick-list { padding: 0 20px !important; }
  .mod-cyumontop .cyumontop-campaign-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 14px; }
  .mod-cyumontop .cyumontop-campaign-slider-ui { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 15px; }
  .mod-cyumontop .cyumontop-campaign-slider-ui__arrow { position: relative; border: 1px solid #ddd; display: block; line-height: 1; width: 27px; height: 27px; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #FFF), to(#e4e4e5)); background: linear-gradient(to bottom, #FFF 5%, #e4e4e5 100%); }
  .mod-cyumontop .cyumontop-campaign-slider-ui__arrow:before { width: 5px; height: 6px; content: ''; display: block; background: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/common/arrow_gray_min.png) no-repeat left top; position: absolute; top: 50%; left: 50%; display: block; }
  .mod-cyumontop .cyumontop-campaign-slider-ui__arrow.prev:before { -webkit-transform: translate(-50%, -50%) scale(-1, 1); -ms-transform: translate(-50%, -50%) scale(-1, 1); transform: translate(-50%, -50%) scale(-1, 1); }
  .mod-cyumontop .cyumontop-campaign-slider-ui__arrow.next:before { -webkit-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } }