/** Shopify CDN: Minification failed

Line 445:14 Unexpected bad string token
Line 445:32 Unterminated string token

**/
/*全体*/

/*slick style*/
  .slick-slider {
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    object-fit: cover;
    margin-inline: auto;
    overflow: hidden; /* 画像がはみ出ないようにする */
    position: relative;
  }
  .slick-list,
  .slick-track,
  .slick-slide {
    height: 100%;
    width: 100%;
  }
  .slick-slide {
    position: relative;
  }
  .slideshow__text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden; /* スクロールバーでのちらつき防止 */
    width: 100%;
  }
  
  /*画像*/
  .slick-img,
  .slick-img img {
    object-fit: cover;
    height: 100%;
  }
  
  @media screen and (min-width: 750px) {
    .slick-img img {
      width: 100%;
    }
  }
    
  @keyframes zoomUp {
    0% {
      transform: scale(100%);
    }
    100% {
      transform: scale(115%); /* 拡大率 */
    }
  }
  .add-animation {
    animation: zoomUp 10s linear 0s normal both;
  }
  
  /*ドットナビゲーションの設定*/
  
  .slick-slider-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    margin: 0;/*ドットの位置*/
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 2px;
  }
  .slick-slider-dots li {
    display: inline-block;
    margin: 0;
    height: 50px;
    border: none;
    border-radius: 2px;
    background-color: transparent;
    cursor: pointer;
    position: relative;
  }
  .slick-slider-dots li::before {
    content: "";
    display: inline-block;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
  z-index: 2; /* ::before を button の上に表示 */
  }
  .slick-slider-dots button {
    color: transparent;
    outline: none;
    border: none;
    display:block;
    position: absolute;
    bottom: 1px;
    left: 0;
    width:100%;/*ドットボタンのサイズ*/
    height:2px;/*ドットボタンのサイズ*/
    border-radius: 2px;
    background:#757575;/*ドットボタンの色*/
  }
  .slick-slider-dots .slick-active button{
    position: absolute;
    bottom: 1px;
    left: 0;
    background:#757575;/*ドットボタンの現在地表示の色*/
  }
  .slick-slider-dots li.slick-active {
    position: relative;
  }
  .slick-slider-dots li.slick-active::before {
    position: absolute;
    bottom: 1px;
    left: 0;
    height:2px;/*ドットボタンのサイズ*/
    background-color: #fff;
    border-radius: 2px;
    animation: progressbar-anime 6s linear forwards;
  }
  /*カードの数に変更があったら上記の秒数とfooterのジャバスクリプトの秒数を変更する*/
  
  @media screen and (min-width: 750px) {
    .slick-slider-dots button {
      height:3px;/*ドットボタンのサイズ*/
    }
    .slick-slider-dots li.slick-active::before {
      height:3px;/*ドットボタンのサイズ*/
    }
  }
  
  @keyframes progressbar-anime {
    from {
      width: 0%;
    }
    to {
      width: 100%;
    }
  }
/*end slick style*/

/*link*/
.ssf-link {
}
/*end link*/

/*overlay*/
  /*over_ray_blur 設定*/
  .over_ray_blur_common_settings {
    position: relative;
  }
  .over_ray_blur_common_settings::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .over_ray_blur_0::before {
    -webkit-backdrop-filter: blur(0px) brightness(50%);
    backdrop-filter: blur(0px) brightness(50%);
  }
  .over_ray_blur_12_5::before {
    -webkit-backdrop-filter: blur(1.25px) brightness(50%);
    backdrop-filter: blur(1.25px) brightness(50%);
  }
  .over_ray_blur_25::before {
    -webkit-backdrop-filter: blur(2.5px) brightness(50%);
    backdrop-filter: blur(2.5px) brightness(50%);
  }
  .over_ray_blur_37_5::before {
    -webkit-backdrop-filter: blur(3.75px) brightness(50%);
    backdrop-filter: blur(3.75px) brightness(50%);
  }
  .over_ray_blur_50::before {
    -webkit-backdrop-filter: blur(5px) brightness(50%);
    backdrop-filter: blur(5px) brightness(50%);
  }
  .over_ray_blur_62_5::before {
    -webkit-backdrop-filter: blur(6.25px) brightness(50%);
    backdrop-filter: blur(6.25px) brightness(50%);
  }
  .over_ray_blur_75::before {
    -webkit-backdrop-filter: blur(7.5px) brightness(50%);
    backdrop-filter: blur(7.5px) brightness(50%);
  }
  .over_ray_blur_87_5::before {
    -webkit-backdrop-filter: blur(8.75px) brightness(50%);
    backdrop-filter: blur(8.75px) brightness(50%);
  }
  .over_ray_blur_100::before {
    -webkit-backdrop-filter: blur(10px) brightness(50%);
    backdrop-filter: blur(10px) brightness(50%);
  }
  
  /*image_overlay_opacity 設定*/
  .banner::after,
  .banner__media::after {
    content: '';
    position: absolute;
    top: 0;
    background: #000000;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .img_overlay_opacity_0.banner__media::after {
    opacity: 0;
  }
  .img_overlay_opacity_5.banner__media::after {
    opacity: 0.05;
  }
  .img_overlay_opacity_10.banner__media::after {
    opacity: 0.1;
  }
  .img_overlay_opacity_15.banner__media::after {
    opacity: 0.15;
  }
  .img_overlay_opacity_20.banner__media::after {
    opacity: 0.2;
  }
  .img_overlay_opacity_25.banner__media::after {
    opacity: 0.25;
  }
  .img_overlay_opacity_30.banner__media::after {
    opacity: 0.3;
  }
  .img_overlay_opacity_35.banner__media::after {
    opacity: 0.35;
  }
  .img_overlay_opacity_40.banner__media::after {
    opacity: 0.4;
  }
  .img_overlay_opacity_45.banner__media::after {
    opacity: 0.45;
  }
  .img_overlay_opacity_50.banner__media::after {
    opacity: 0.5;
  }
  .img_overlay_opacity_55.banner__media::after {
    opacity: 0.55;
  }
  .img_overlay_opacity_60.banner__media::after {
    opacity: 0.6;
  }
  .img_overlay_opacity_65.banner__media::after {
    opacity: 0.65;
  }
  .img_overlay_opacity_70.banner__media::after {
    opacity: 0.7;
  }
  .img_overlay_opacity_75.banner__media::after {
    opacity: 0.75;
  }
  .img_overlay_opacity_80.banner__media::after {
    opacity: 0.8;
  }
  .img_overlay_opacity_85.banner__media::after {
    opacity: 0.85;
  }
  .img_overlay_opacity_90.banner__media::after {
    opacity: 0.9;
  }
  .img_overlay_opacity_95.banner__media::after {
    opacity: 0.95;
  }
  .img_overlay_opacity_100.banner__media::after {
    opacity: 1;
  }
/*end overlay*/

/*img*/
  /*画像 位置 スマホ*/
  @media screen and (max-width: 749px) {
    .img_align_mobile_0 img {
      object-position: left;
    }
    .img_align_mobile_12_5 img {
      object-position: 12.5% 0;
    }
    .img_align_mobile_25 img {
      object-position: 25% 0;
    }
    .img_align_mobile_37_5 img {
      object-position: 37.5% 0;
    }
    .img_align_mobile_50 img {
      object-position: center;
    }
    .img_align_mobile_62_5 img {
      object-position: 62.5% 0;
    }
    .img_align_mobile_75 img {
      object-position: 75% 0;
    }
    .img_align_mobile_87_5 img {
      object-position: 87.5% 0;
    }
    .img_align_mobile_100 img {
      object-position: right;
    }
  }
  /*画像 位置 PC*/
  @media screen and (min-width: 750px) {
    .img_align_desktop_0 img {
      object-position: top;
    }
    .img_align_desktop_12_5 img {
      object-position: 0 12.5%;
    }
    .img_align_desktop_25 img {
      object-position: 0 25%;
    }
    .img_align_desktop_37_5 img {
      object-position: 0 37.5%;
    }
    .img_align_desktop_50 img {
      object-position: center;
    }
    .img_align_desktop_62_5 img {
      object-position: 0 62.5%;
    }
    .img_align_desktop_75 img {
      object-position: 0 75%;
    }
    .img_align_desktop_87_5 img {
      object-position: 0 87.5%;
    }
    .img_align_desktop_100 img {
      object-position: bottom;
    }
  }
/*end img*/

/*text*/
  /*見出し 調整*/
  .slideshow__text .h2 {
    font-size: 2rem;
    font-weight: 600;
  }
  .slideshow__text .h1 {
    font-size: 3rem;
    font-weight: 600;
  }
  .slideshow__text .h0 {
    font-size: 4rem;
    font-weight: 600;
  }
  .banner__heading {
    text-wrap: balance;
    word-break: keep-all;
    line-height: 1;
  }
  .banner__heading p {
    margin: 2rem 0;
  }
  
  @media screen and (min-width: 750px) {
    .slideshow__text .h2 {
      font-size: 3rem;
    }
    .slideshow__text .h1 {
      font-size: 4rem;
    }
    .slideshow__text .h0 {
      font-size: 5rem;
    }
  }
  
  /*heading_color*/
  .heading_color_ffffff p {
    color: #fff !important;
  }
  .heading_color_000000 p {
    color: #000 !important;
  }
  .heading_color_757575 p {
    color: #757575 !important;
  }
  .heading_color_dddddd p {
    color: #ddd !important;
  }
  
  /*小見出し 調整*/
  .banner__text p {
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    font-weight: 500;
    line-height:1;
  }
  .subheading p {
    font-size: 1.1rem;
    margin: 1rem 0;
  }
  .subheading_2 p {
    font-size: 1.2rem;
    margin: 1rem 0;
  }
  
  @media screen and (min-width: 750px) {
  .subheading p {
    font-size: 1.2rem;
    margin: 1rem 0;
  }
  .subheading_2 p {
    font-size: 1.5rem;
    margin: 1rem 0;
  }
  }
  
  /*subheading_color*/
  .subheading_color_ffffff p,
  .subheading_2_color_ffffff p {
    color: #fff !important;
  }
  .subheading_color_000000 p,
  .subheading_2_color_000000 p {
    color: #000 !important;
  }
  .subheading_color_757575 p,
  .subheading_2_color_757575 p {
    color: #757575 !important;
  }
  .subheading_color_dddddd p,
  .subheading_2_color_dddddd p {
    color: #ddd !important;
  }
  
  /*heading・subheadingの影指定*/
  .heading_color_ffffff p,
  .subheading_color_ffffff p,
  .subheading_color_dddddd p,
  .subheading_2_color_ffffff p,
  .subheading_"_color_dddddd p {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  .heading_color_000000 p,
  .heading_color_757575 p,
  .subheading_color_000000 p,
  .subheading_color_757575 p,
  .subheading_2_color_000000 p,
  .subheading_2_color_757575 p {
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
  }
/*end text*/

/*container*/
  /*コンテナのサイズ*/
  @media screen and (min-width: 750px) {
    .slideshow__text.banner__box {
      max-width: 100%;
    }
  }
  
  /*box_align*/
  /*スマホ時テキストコンテナ左下固定 flexboxで制御*/
  @media screen and (max-width: 749px) {
    .slideshow__text {
      margin-top: auto;
      margin-bottom: 25%;
    }
  }
/*end container*/