@charset "UTF-8";
/* ▼▼▼ トップ
======================================================*/
#main {
  padding-bottom: 130px;
}
@media screen and (min-width: 768px) {
  #main {
    padding-bottom: 110px;
  }
}

.top_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
  gap: 10px;
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .top_ttl {
    margin-bottom: 15px;
  }
}
.top_ttl_main {
  font-size: 52px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .top_ttl_main {
    font-size: 63px;
  }
}
.top_ttl_min {
  font-size: 13px;
}
.top_ttl_anime {
  width: 0%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-animation-name: top_ttl_anime;
          animation-name: top_ttl_anime;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

#mainVisual {
  width: 100%;
  padding: 0 0 97px;
  margin-bottom: -333px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #mainVisual {
    padding: 0 0 194px;
    margin-bottom: -315px;
  }
}

.mv_main {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.mv_main .slick-list {
  padding: 0 !important;
  overflow: visible;
}
.mv_main .slick-prev, .mv_main .slick-next {
  width: 28px;
  height: 55px;
  z-index: 1;
}
.mv_main .slick-prev::before, .mv_main .slick-next::before {
  width: 100%;
  height: 100%;
  border: none !important;
  -webkit-transform: none;
          transform: none;
  background: url(../img/top/arrow.webp) no-repeat center center/contain;
  right: 0 !important;
  left: 0 !important;
  top: 0 !important;
}
.mv_main .slick-prev {
  left: -25%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mv_main .slick-next {
  right: -25%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.mv_main .slick-next::before {
  -webkit-transform: scaleX(-100%);
          transform: scaleX(-100%);
}
.mv_item {
  height: 720px;
  vertical-align: middle;
  position: relative;
}
@media screen and (min-width: 768px) {
  .mv_item {
    height: 695px;
  }
}
.mv_item::after {
  content: "";
  width: 100%;
  height: 393px;
  background: var(--mv-bg-img-l) no-repeat left center/contain, var(--mv-bg-img-r) no-repeat right center/contain;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(97px);
          transform: translateY(97px);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .mv_item::after {
    height: 387px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
.mv_item_whity {
  --mv-bg-img: url(../img/top/mv_bg_whity_sp.webp);
  --mv-bg-img-l: url(../img/top/mv_bg_whity_l_sp.webp);
  --mv-bg-img-r: url(../img/top/mv_bg_whity_r_sp.webp);
  --mv-box-clr: var(--fc-main-whity);
  --mv-cat-bg: url(../img/top/mv_cat_whity.webp);
  --mv-logo-size: 46px;
}
@media screen and (min-width: 768px) {
  .mv_item_whity {
    --mv-logo-size: 94px;
    --mv-bg-img: url(../img/top/mv_bg_whity.webp);
    --mv-bg-img-l: url(../img/top/mv_bg_whity_l_pc.webp);
    --mv-bg-img-r: url(../img/top/mv_bg_whity_r_pc.webp);
  }
}
.mv_item_dotica {
  --mv-bg-img: url(../img/top/mv_bg_dotica_sp.webp);
  --mv-bg-img-l: url(../img/top/mv_bg_dotica_l_sp.webp);
  --mv-bg-img-r: url(../img/top/mv_bg_dotica_r_sp.webp);
  --mv-box-clr: var(--fc-main-dotica);
  --mv-cat-bg: url(../img/top/mv_cat_dotica.webp);
  --mv-logo-size: 64px;
}
@media screen and (min-width: 768px) {
  .mv_item_dotica {
    --mv-logo-size: 124px;
    --mv-bg-img: url(../img/top/mv_bg_dotica.webp);
    --mv-bg-img-l: url(../img/top/mv_bg_dotica_l_pc.webp);
    --mv-bg-img-r: url(../img/top/mv_bg_dotica_r_pc.webp);
  }
}
.mv_item_coms {
  --mv-bg-img: url(../img/top/mv_bg_coms_sp.webp);
  --mv-bg-img-l: url(../img/top/mv_bg_coms_l_sp.webp);
  --mv-bg-img-r: url(../img/top/mv_bg_coms_r_sp.webp);
  --mv-box-clr: var(--fc-main-coms);
  --mv-cat-bg: url(../img/top/mv_cat_coms.webp);
  --mv-logo-size: 73px;
}
@media screen and (min-width: 768px) {
  .mv_item_coms {
    --mv-logo-size: 116px;
    --mv-bg-img: url(../img/top/mv_bg_coms.webp);
    --mv-bg-img-l: url(../img/top/mv_bg_coms_l_pc.webp);
    --mv-bg-img-r: url(../img/top/mv_bg_coms_r_pc.webp);
  }
}
.mv_item_walk {
  --mv-bg-img: url(../img/top/mv_bg_walk_sp.webp);
  --mv-bg-img-l: url(../img/top/mv_bg_walk_l_sp.webp);
  --mv-bg-img-r: url(../img/top/mv_bg_walk_r_sp.webp);
  --mv-box-clr: var(--fc-main-walk);
  --mv-cat-bg: url(../img/top/mv_cat_walk.webp);
  --mv-logo-size: 34px;
}
@media screen and (min-width: 768px) {
  .mv_item_walk {
    --mv-logo-size: 58px;
    --mv-bg-img: url(../img/top/mv_bg_walk.webp);
    --mv-bg-img-l: url(../img/top/mv_bg_walk_l_pc.webp);
    --mv-bg-img-r: url(../img/top/mv_bg_walk_r_pc.webp);
  }
}
.mv_item_nannan {
  --mv-bg-img: url(../img/top/mv_bg_nannan_sp.webp);
  --mv-bg-img-l: url(../img/top/mv_bg_nannan_l_sp.webp);
  --mv-bg-img-r: url(../img/top/mv_bg_nannan_r_sp.webp);
  --mv-box-clr: var(--fc-main-nannan);
  --mv-cat-bg: url(../img/top/mv_cat_nannan.webp);
  --mv-logo-size: 60px;
}
@media screen and (min-width: 768px) {
  .mv_item_nannan {
    --mv-logo-size: 117px;
    --mv-bg-img: url(../img/top/mv_bg_nannan.webp);
    --mv-bg-img-l: url(../img/top/mv_bg_nannan_l_pc.webp);
    --mv-bg-img-r: url(../img/top/mv_bg_nannan_r_pc.webp);
  }
}
.mv_item_avetika {
  --mv-bg-img: url(../img/top/mv_bg_avetika_sp.webp);
  --mv-bg-img-l: url(../img/top/mv_bg_avetika_l_sp.webp);
  --mv-bg-img-r: url(../img/top/mv_bg_avetika_r_sp.webp);
  --mv-box-clr: var(--fc-main-avetika);
  --mv-cat-bg: url(../img/top/mv_cat_avetika.webp);
  --mv-logo-size: 38px;
}
@media screen and (min-width: 768px) {
  .mv_item_avetika {
    --mv-logo-size: 71px;
    --mv-bg-img: url(../img/top/mv_bg_avetika.webp);
    --mv-bg-img-l: url(../img/top/mv_bg_avetika_l_pc.webp);
    --mv-bg-img-r: url(../img/top/mv_bg_avetika_r_pc.webp);
  }
}
.mv_item.swiper-slide-active .mv_bg::after {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition: 20s;
  transition: 20s;
}
.mv_bg {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--mv-bg-img) no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition: 40s;
  transition: 40s;
}
.mv_bg::before, .mv_bg::after {
  content: "";
  background: var(--mv-bg-img) no-repeat center/cover;
  position: absolute;
}
.mv_bg::before {
  width: 200%;
  height: 200%;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
@media screen and (min-width: 768px) {
  .mv_bg::before {
    display: none;
  }
}
.mv_bg::after {
  width: 100%;
  height: 520px;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 30s;
  transition: 30s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
@media screen and (min-width: 768px) {
  .mv_bg::after {
    height: 100%;
  }
}
.mv_box {
  display: block;
  border: 2px solid var(--mv-box-clr);
  border-radius: 2px;
}
.mv_box_wrap {
  display: block;
  width: 100%;
  max-width: 268px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  top: 345px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .mv_box_wrap {
    max-width: 475px;
    top: 210px;
    left: auto;
    right: 10.8%;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.mv_box_cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 90px;
  background: var(--mv-cat-bg) no-repeat center top/cover;
}
@media screen and (min-width: 768px) {
  .mv_box_cat {
    height: 210px;
  }
}
.mv_box_cat_inner p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .mv_box_cat_inner p {
    font-size: 29px;
    text-align: left;
    line-height: 1.6;
  }
}
.mv_box_cat_str {
  color: var(--mv-box-clr);
}
.mv_box_faci {
  --mv-box-faci-size: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.6em;
  height: var(--mv-box-faci-size);
  padding-right: var(--mv-box-faci-size);
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  .mv_box_faci {
    --mv-box-faci-size: 70px;
    font-size: 20px;
  }
}
.mv_box_faci::after {
  content: "";
  display: block;
  width: calc(var(--mv-box-faci-size) + 1px);
  height: var(--mv-box-faci-size);
  background: url(../img/top/mv_blank.webp) no-repeat center center/50% 50%, var(--mv-box-clr);
  position: absolute;
  top: 0;
  right: -1px;
}
.mv_box_faci_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--mv-logo-size);
          flex: 0 0 var(--mv-logo-size);
  max-width: var(--mv-logo-size);
  width: var(--mv-logo-size);
}
.mv_box_faci_txt {
  color: var(--mv-box-clr);
}

.topnav_wrap {
  --onthe-size: 110px;
  padding-bottom: 21px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .topnav_wrap {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .topnav_block {
    max-width: 1012px;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    grid-template-columns: 1fr var(--onthe-size);
    gap: 18px;
  }
}
.topnav_mainlist, .topnav_onthe {
  border: 2px solid rgba(255, 255, 255, 0.7529411765);
  background: rgba(255, 255, 255, 0.5019607843);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.topnav_mainlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 5px;
  padding: 12px 10px;
  border-radius: 2px;
}
@media screen and (min-width: 768px) {
  .topnav_mainlist {
    grid-template-columns: repeat(6, 1fr);
    padding: 24px 26px;
    gap: 7px;
  }
}
.topnav_mainlist_item_whity {
  --topnav-bdc: var(--fc-main-whity);
  --topnav-icc: var(--fc-main-whity);
  --topnav-shd: var(--topnav-shd-whity);
}
.topnav_mainlist_item_dotica {
  --topnav-bdc: #DDB9C4;
  --topnav-icc: var(--fc-main-dotica);
  --topnav-shd: var(--topnav-shd-dotica);
}
.topnav_mainlist_item_coms {
  --topnav-bdc: #C5E3A6;
  --topnav-icc: var(--fc-main-coms);
  --topnav-shd: var(--topnav-shd-coms);
}
.topnav_mainlist_item_walk {
  --topnav-bdc: #E8B3B4;
  --topnav-icc: var(--fc-main-walk);
  --topnav-shd: var(--topnav-shd-walk);
}
.topnav_mainlist_item_nannan {
  --topnav-bdc: #D9CF92;
  --topnav-icc: var(--fc-main-nannan);
  --topnav-shd: var(--topnav-shd-nannan);
}
.topnav_mainlist_item_avetika {
  --topnav-bdc: #F0BFD7;
  --topnav-icc: var(--fc-main-avetika);
  --topnav-shd: var(--topnav-shd-avetika);
}
.topnav_mainlist_item a {
  display: block;
  padding-top: 100%;
  border: 2px solid var(--topnav-bdc);
  background: #fff;
  -webkit-box-shadow: 0 6px 20px var(--topnav-shd);
          box-shadow: 0 6px 20px var(--topnav-shd);
  border-radius: 2px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .topnav_mainlist_item a {
    padding-top: 60%;
    overflow: hidden;
  }
}
.topnav_mainlist_item a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .topnav_mainlist_item a img {
    aspect-ratio: 5/3;
    -o-object-fit: contain;
       object-fit: contain;
    overflow: hidden;
  }
}
.topnav_mainlist_item a svg {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media screen and (max-width: 767px) {
  .topnav_mainlist_item a svg {
    width: 10px;
    height: 10px;
    right: 3px;
    bottom: 3px;
  }
}
.topnav_onthe {
  display: block;
  -webkit-box-shadow: 0 0 10px var(--topnav-shd-onthe);
          box-shadow: 0 0 10px var(--topnav-shd-onthe);
}
@media screen and (max-width: 767px) {
  .topnav_onthe {
    width: 100%;
    max-width: 148px;
    margin: 9px auto 0;
    padding: 5px;
    border-radius: 22px;
  }
}
@media screen and (min-width: 768px) {
  .topnav_onthe {
    height: var(--onthe-size);
    padding: 10px;
    border-radius: 50%;
  }
}
.topnav_onthe_inner {
  display: grid;
  grid-template-columns: 83px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 11px;
  height: 30px;
  border-radius: 15px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
}
@media screen and (min-width: 768px) {
  .topnav_onthe_inner {
    display: block;
    height: calc(var(--onthe-size) - 24px);
    border-radius: 50%;
    text-align: center;
  }
}
.topnav_onthe img {
  display: block;
}
@media screen and (min-width: 768px) {
  .topnav_onthe img {
    width: 49px;
    margin: 0 auto 9px;
  }
}
.topnav_onthe svg {
  --topnav-icc: #969696;
  height: 10px;
}
@media screen and (min-width: 768px) {
  .topnav_onthe svg {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto;
  }
}

.news_sec {
  padding: 45px 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .news_sec {
    padding: 50px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .news_block {
    display: grid;
    grid-template-columns: 260px 1fr;
  }
}
@media screen and (max-width: 767px) {
  .news_faci {
    background: #F5F6F7;
  }
}
@media screen and (max-width: 767px) {
  .news_faci_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 7px 10px;
    max-width: 400px;
    padding: 12px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .news_faci_list {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
    padding-bottom: 80px;
  }
}
.news_faci_item {
  --news-active: var(--txt-gray);
  color: var(--news-active);
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .news_faci_item {
    padding: 6px 10px;
    background: #fff;
    border-radius: 2px;
  }
}
@media screen and (min-width: 768px) {
  .news_faci_item {
    font-size: 15px;
    cursor: pointer;
  }
  .news_faci_item::before {
    display: inline-block;
    content: "■";
    width: 1.5em;
  }
}
.news_faci_item_whity.active {
  --news-active: var(--fc-main-whity);
}
.news_faci_item_dotica.active {
  --news-active: var(--fc-main-dotica);
}
.news_faci_item_coms.active {
  --news-active: var(--fc-main-coms);
}
.news_faci_item_walk.active {
  --news-active: var(--fc-main-walk);
}
.news_faci_item_nannan.active {
  --news-active: var(--fc-main-nannan);
}
.news_faci_item_avetika.active {
  --news-active: var(--fc-main-avetika);
}
.news_list {
  display: none;
  margin-top: 0;
}
.news_list.active {
  display: block;
}
.news_list li:first-child {
  border-top: 1px solid #E0E0E0;
}
.news_list li a {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .news_list li a {
    padding: 28px 30px 28px 0;
  }
}
.news_list_faci, .news_list_cat {
  --news-faci: var(--txt-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 116px;
          flex: 0 0 116px;
  max-width: 116px;
  width: 116px;
  background: var(--news-faci);
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 1;
}
.news_list_faci {
  margin-right: 8px;
  color: #fff;
}
.news_list_faci_whity {
  --news-faci: var(--fc-main-whity);
}
.news_list_faci_dotica {
  --news-faci: var(--fc-main-dotica);
}
.news_list_faci_coms {
  --news-faci: var(--fc-main-coms);
}
.news_list_faci_walk {
  --news-faci: var(--fc-main-walk);
}
.news_list_faci_nannan {
  --news-faci: var(--fc-main-nannan);
}
.news_list_faci_avetika {
  --news-faci: var(--fc-main-avetika);
}

@media screen and (min-width: 768px) {
  .fnav {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .fnav_wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-flex-line-pack: start;
        align-content: start;
  }
  .fnav_logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .fnav_btm {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
  }
  .fnav_btm .fbtm_li {
    margin-top: 0;
  }
}