@charset "UTF-8";
/* _media.scss 
-------------------------------------------------------*/
/* /_media.scss
-------------------------------------------------------*/
/* _inner.scss 
-------------------------------------------------------*/
/* /_inner.scss
-------------------------------------------------------*/
/* _font.scss 
-------------------------------------------------------*/
/* /_font.scss
-------------------------------------------------------*/
/* _over.scss
-------------------------------------------------------*/
/* /_over.scss
-------------------------------------------------------*/
/* _other.scss
-------------------------------------------------------*/
/* /_other.scss
  -------------------------------------------------------*/
/* 個別css
-------------------------------------------------------*/
/* メインビジュアル */
.un-mv {
  position: relative;
  -webkit-animation: fadeMv2 0.5s 0.1s forwards;
          animation: fadeMv2 0.5s 0.1s forwards;
  opacity: 0;
  overflow: hidden;
}
.un-mv_inner {
  height: 574px;
  width: var(--wrap-base);
  max-width: var(--wrap-m);
  margin: 0 auto;
}
.un-mv_slider {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.un-mv_slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.un-mv_slider_list {
  position: relative;
  height: 100%;
}
.un-mv_slider_list > li {
  position: relative;
  height: 100%;
}
.un-mv_slider_img {
  display: block;
  width: 100%;
  height: 100%;
}
.un-mv_slider_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
}
@media screen and (max-width: 767px) {
  .un-mv_inner {
    height: max(282px, 63vw);
    width: 70%;
  }
  .un-mv_slider {
    padding-bottom: 21px;
  }
  .un-mv_slider_img > img {
    border-radius: 20px;
  }
}

/* リード文 */
.un-lead_main {
  font-family: var(--font-sub);
  font-size: 2.5rem;
  line-height: var(--lineHeight-l);
  text-align: center;
}
.un-lead_sub {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: var(--lineHeight-l);
}
@media screen and (min-width: 768px), print {
  .un-lead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 100px;
  }
}
@media screen and (max-width: 767px) {
  .un-lead_main {
    font-size: 1.5rem;
  }
  .un-lead_sub {
    font-size: 1rem;
    margin-top: 30px;
  }
}

/* パネル　カラム */
@media screen and (min-width: 768px), print {
  .un-panelColContainer {
    --_gap: 100px;
  }
}

.un-panelCol + .un-panelCol {
  margin-top: 200px;
}
.un-panelCol_image {
  text-align: center;
}
.un-panelCol_image > img {
  border-radius: 10px;
}
@media screen and (min-width: 768px), print {
  .un-panelCol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .un-panelCol_image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 min(500px, 58%);
        -ms-flex: 0 0 min(500px, 58%);
            flex: 0 0 min(500px, 58%);
    margin-left: min(50px, 6%);
  }
  .un-panelCol_main {
    position: relative;
    padding: 30px 0 70px;
  }
  .un-panelCol_main .c-titSecondary {
    margin-bottom: 0;
  }
  .un-panelCol_btn {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .un-panelCol + .un-panelCol {
    margin-top: 50px;
  }
  .un-panelCol_image {
    width: 100%;
  }
  .un-panelCol_btn {
    margin-top: 25px;
  }
}