.cormorant {
      font-family: "Cormorant Infant", serif;
      font-optical-sizing: auto;
      font-weight: 200;
      font-style: normal;
      }

      /*==============================
      # 共通
      ==============================*/
      body {
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "yu-gothic-pr6n", sans-serif;
        font-size: 14px;
        line-height: 1.6em;
      }
      img {
        height: auto;
        max-width: 100%;
        vertical-align: top;
      }
      @media (min-width: 1200px) {
        img {
          image-rendering: -webkit-optimize-contrast;
        }
      }

      @media (min-width: 1200px) {
        .u-sp {
          display: none;
        }
      }
      .u-pc {
        display: none;
      }
      @media (min-width: 1200px) {
        .u-pc {
          display: block;
        }
      }

      .mincho {
        font-family: "Shippori Mincho B1", serif;
        font-weight: 400;
      }

      .lora {
        font-family:  "Lora", serif;
      }

      .bold{
        font-weight: bold;
      }

      .f_main, a.f_main {
        color: #A39085;
      }

      .f_extra-light-glay, a.f_extra-light-glay {
        color: #FAF8F8;
      }

      .f_light-glay, a.f_light-glay {
        color: #EFEFEF;
      }

      .f_dark-middle-glay, a.f_dark-middle-glay {
        color: #7E7E7E;
      }

      .f_middle-glay, a.f_middle-glay {
        color: #5D5D5D;
      }

      .f_dark-glay, a.f_dark-glay {
        color: #464646;
      }

      .f_white, a.f_white {
        color: #fff;
      }

      .f_black, a.f_black {
        color: #000;
      }

      .bg-main {
        background: #A39085;
      }

      .bg-light-main {
        background: #F2EEEA;
      }

      .bg-extra-light-glay {
        background: #FAF8F8;
      }

      .main {
        position: relative;
        font-size: 14px;
        color: #000;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "yu-gothic-pr6n", sans-serif;
        font-weight: 400;
        line-height: 1.6em;
      }
      @media (min-width: 1200px) {
        .main {
          font-size: 14px;
        }
      }

      .section__button {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        border: 1px solid #000;
        width: 266px;
        height: 50px;
        margin: 20px auto;
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.231372549);
        background-color: #fff;
        transition: background-color 0.3s, color 0.3s, color 0.3s, opacity 0.3s;
        font-size: 13px;
      }
      .section__button::after {
        position: absolute;
        content: "";
        right: 7%;
        top: 38%;
        width: 5px;
        height: 10px;
        background-image: url("/ec/img/usr/pg/snscontents/post263/icon-arrow-right.svg");
        background-repeat: no-repeat;
        background-size: cover;
      }
      .section__button:hover {
        background-color: #A39085;
        color: #fff;
        border: 1px solid rgba(163, 126, 102, 0.7529411765);
        opacity: 1;
      }
      .section__button:hover::after {
        background-image: url("/ec/img/usr/pg/snscontents/post263/icon-arrow-right-w.svg");
      }
      .section__button-area {
        display: block;
        text-align: center;
      }
      li{
        list-style: none;
      }
      a{
        text-decoration: none;
      }

/*==============================
      # price
      ==============================*/
      .section__item-price{
        width: 305px;
        margin: 50px auto 30px;
      }
      @media (min-width: 768px){
        .section__item-price{
          width: 195px;
          margin: 50px 0 40px;
        }
      }
      .price__item {
        line-height: 1;
      }
      .price__item a {
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
        line-height: 1;
        font-size: 12px;
        color: #FFF;
        display: flex;
        -moz-column-gap: 8px;
        column-gap: 8px;
      }
      @media (min-width: 768px) {
        .price__item a {
          font-size: 13px;
        }
      }
      .price__item p {
        width: 155px;
        flex-shrink: 0;
        line-height: 1;
      }
      .price__item .bold {
        font-weight: 700;
        width: 95px;
        display: inline-block;
      }
      .price__item .check {
        display: inline-block;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "yu-gothic-pr6n", sans-serif;
        font-weight: 400;
        text-align: center;
        background-color: #313541;
        padding: 1px 8px 2px;
        position: relative;
        bottom: 1px;
        flex-shrink: 0;
      }
      .price__item .check._coming {
        border: 0.5px solid #000;
        color: #000;
        background-color: #fff;
      }
      .price__item:nth-child(n+2) {
        margin-top: 12px;
      }
/*==============================
      # page-unique
      ==============================*/
      br.br-pc{
        display: none;
      }
      br.br-mb{
        display: inline;
      }
      @media (min-width: 768px){
        br.br-pc{
          display: inline;
        }
        br.br-mb{
        display: none;
        }
      }

      p{
        color: #313541;
        line-height: 1.6em;
      }

      .content .main_container{
        width: 350px;
        margin: 0 auto;
        position: relative;
      }
      @media (min-width: 768px){
        .content .main_container{
          padding: 0;
          width: 1200px;
          margin: 0 auto;
        }
      }
      .top{
        background: #E9E2D7;
        white-space: nowrap;
      }
      .top img{
        vertical-align: bottom;
      }
      .menu{
        background: #EEEDE9;
        text-align: center;
        color: #313541;
        padding: 50px 0;
        border-bottom: 1px solid #B8AEA4;;
      }
      @media (min-width: 768px){
        .menu{
          padding: 120px 0 80px;
        }
      }
      .menu .title{
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 1.3em;
        letter-spacing: 0.1em;
      }
      @media (min-width: 768px){
        .menu .title{
        font-size: 32px;
        margin-bottom: 10px;
      }
      }
      .menu .read{
        font-size: 17px;
        letter-spacing: 0.1em;
        margin-bottom: 50px;
      }
      @media (min-width: 768px){
        .menu .read{
          font-size: 24px;
        }
      }

      .menu h3{
        width: 220px;
        font-size: 28px;
        line-height: 0.65em;
        font-weight: 400;
        border-left: #B8AEA4 1px solid;
        border-right: #B8AEA4 1px solid;
        margin: 0 auto 50px;
      }
      .menu h3 .sub{
        font-size: 18px;
        color: #B8AEA4;
        font-weight: 100;
      }
      @media (min-width: 768px){
        .menu h3{
          width: 380px;
          font-size: 40px;
          padding: 8px 0;
        }
        .menu h3 .sub{
          font-size: 26px;
          display: block;
          font-weight: 100;
          margin-top: 10px;
        }
      }


      .menu .comment{
        width: 315px;
        text-align: left;
        margin: 0 auto 50px;
        line-height: 1.8em;
      }
      @media (min-width: 768px){
        .menu .comment{
          width: 1200px;
          text-align: center;
        }
      }

      .menu_link{
        width: 375px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
      }
      @media (min-width: 768px){
        .menu_link{
          width: 1200px;
          margin: 0 auto;
          justify-content: space-between;
        }
      }

      .menu_link .menu_btn{
        width: 125px;
      }
      @media (min-width: 768px){
        .menu_link .menu_btn{
          width: 200px;
        }
      }
      .menu_link .basic01{
        border-right: 1px solid #B8AEA4;
      }
      .menu_link .basic02{
        padding-top: 10px;
        border-right: 1px solid #B8AEA4;
      }
      .menu_link .basic04{
        border-right: 1px solid #B8AEA4;
      }
      .menu_link .basic05{
        padding-top: 10px;
        border-right: 1px solid #B8AEA4;
      }
      @media (min-width: 768px){
        .menu_link .basic01{
          padding-top: 10px;
          border-left: 1px solid #B8AEA4;
        }
        .menu_link .basic02{
          padding-top: 30px;
          border-right: 1px solid #B8AEA4;
        }
        .menu_link .basic03{
          padding-top: 10px;
          border-right: 1px solid #B8AEA4;
        }
        .menu_link .basic04{
          padding-top: 30px;
          border-right: 1px solid #B8AEA4;
        }
        .menu_link .basic05{
          padding-top: 10px;
          border-right: 1px solid #B8AEA4;
        }
        .menu_link .basic06{
          padding-top: 30px;
          border-right: 1px solid #B8AEA4;
        }
      }
      .menu_link .menu_btn .btn_img{
        width: 105px;
      }
      .menu_link .menu_btn .allow{
        width: 4px;
        height: 12px;
      }
      .menu_link .menu_btn p{
        font-weight: 400;
        font-size: 17px;
      }
      .menu_link .menu_btn .sub{
        font-size: 20px;
        font-weight: 100;
        color: #B8AEA4;
      }
      @media (min-width: 768px){
        .menu_link .menu_btn .btn_img{
        width: 180px;
        }
        .menu_link .menu_btn .allow{
          width: 6px;
          height: 18px;
        }
        .menu_link .menu_btn p{
          font-size: 23px;
        }
        .menu_link .menu_btn .sub{
          font-size: 30px;
        }
      }

      .section__front-memu{
        position: absolute;
        color: #B8AEA4;
        background-color: #fff;
        width: 640px;
        padding: 0 10px;
        margin-top: 40px;
        transform: rotate(90deg);
        transform-origin:left bottom;
        letter-spacing: 0.2em;
        z-index: 999;
        font-size: 14px;
        white-space:nowrap;
      }
      @media (min-width: 768px){
        .section__front-memu{
          font-size: 18px;
          width: 900px;
          margin-top: 35px;
        }
      }
      .section__front-memu a{
        color: #313541;
      }
      .section__front-memu.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
      }

      .content{
        padding-bottom: 10px;
      }
      @media (min-width: 768px){
        .content{
          padding-bottom: 50px;
        }
      }
      .cont_tit{
        position: relative;
        display: flex;
        width: 310px;
        margin: 0 auto -65px;
        z-index: 10;
      }
      @media (min-width: 768px){
        .cont_tit{
          width: 1200px;
          justify-content: flex-start;
        }
      }
      .content h3{
        background-color: #71747C;
        color: #fff;
        font-size: 16px;
        text-align: center;
        width: 65px;
        line-height: 2em;
        letter-spacing: 0.01em;
        font-weight: 100;
        padding-top: 50px;
        padding-bottom: 10px;
      }
      .content h3 .sub{
        font-size: 32px;
        color: #B8AEA4;
        line-height: 0.6em;
        letter-spacing: 0em;
      }
      @media (min-width: 768px){
        .content h3{
          font-size: 24px;
          width: 100px;
          line-height: 1.5em;
          padding-top: 80px;
          padding-bottom: 30px;
        }
        .content h3 .sub{
          font-size: 50px;
          display: block;
          margin-top: 5px;
        }
      }

      .style_main{
        padding-bottom: 70px;
        line-height: 1.6em;
      }
      @media (min-width: 768px){
        .style_main{
          padding-bottom: 0;
          display: flex;
        }
        .style_main .fl_container{
          position: relative;
          width: 700px;
          padding-top: 80px;
        }
      }
      .content .style_main img{
        margin-bottom: 50px;
      }
      @media (min-width: 768px){
        .content .style_main img{
          width: 500px;
          height: 590px;
          margin-bottom: 0;
        }
      }
      .content .style_main .style_tit{
        font-size: 18px;
        width: 307px;
        margin: 0 auto 20px;
        line-height: 1.6em;
      }
      .content .style_main .style_com{
        width: 305px;
        margin: 0 auto;
      }
      @media (min-width: 768px){
        .content .style_main .style_tit{
          font-size: 23px;
          width: 540px;
          margin: 0 auto 20px;
        }
        .content .style_main .style_com,
        .content .style_main .price_area{
          width: 540px;
          margin: 0 auto;
          padding-right: 90px;
        }
      }

      .item_link{
        display: block;
        background: url("/ec/img/usr/pg/snscontents/post246/260213/allow_r.svg") no-repeat 165px center;
        background-color: #71747C;
        color: #FFF;
        width: 200px;
        text-align: center;
        padding: 7px;
        margin: 0 auto;
        font-weight: 200;
        font-size: 13px;
      }
      @media (min-width: 768px){
        .item_link{
          margin: 0;
        }
      }

      .style_pict{
        position: relative;
      }
      .style_pict img{
        position: absolute;
      }

      .odd .style_main{
        background-color: #EAE0DD;
      }

      .even{
        background-color: #EAE0DD;
      }
      .even .cont_tit{
        flex-direction: row-reverse;
      }
      .even .style_main{
        background-color: #fff;
      }
      @media (min-width: 768px){
        .even .style_main{
          flex-direction: row-reverse;
        }
        .even .price_area .section__item-price{
          margin: 50px 0 40px auto;
        }
        .even .item_link{
          margin: 0 0 0 auto;
        }
      }

      #basic_01 .style_pict{
        height: 260px;
      }
      #basic_01 .style_pict img{
        width: 196px;
        height: 260px;
        right: -5%;
        top:-50px;
      }
      @media (min-width: 768px){
        #basic_01 .style_pict{
          height: 170px;
        }
        #basic_01 .style_pict img{
          width: 392px;
          height: 520px;
          right: -120px;
          top:-265px;
        }
      }

      #basic_02 .style_pict{
        height: 340px;
      }
      #basic_02 .style_pict .img1{
        width: 187px;
        height: 276px;
        left: 15px;
        top: -50px;
      }
      #basic_02 .style_pict .img2{
        width: 165px;
        height: 190px;
        left: 170px;
        top: 95px;
      }
      @media (min-width: 768px){
        #basic_02 .style_pict{
          height: 165px;
        }
      #basic_02 .style_pict .img1{
          width: 333px;
          height: 492px;
          left: -85px;
          top: -245px;
        }
        #basic_02 .style_pict .img2{
          width: 293px;
          height: 339px;
          left: 280px;
          top: -40px;
        }
      }

      #basic_03 .style_pict{
        height: 290px;
      }
      #basic_03 .style_pict .img1{
        width: 220px;
        height: 270px;
        right: 0;
        top: -50px;
      }
      #basic_03 .style_pict .img2{
        width: 155px;
        height: 110px;
        left: 0;
        top: 145px;
      }
      @media (min-width: 768px){
        #basic_03 .style_pict{
          height: 165px;
        }
        #basic_03 .style_pict .img1{
          width: 392px;
          height: 484px;
          right: -80px;
          top: -275px;
        }
        #basic_03 .style_pict .img2{
          width: 278px;
          height: 198px;
          left: 650px;
          top: 75px;
        }
      }

      #basic_04 .style_pict{
        height: 290px;
      }
      #basic_04 .style_pict img{
        width: 225px;
        height: 290px;
        left: -15px;
        top:-50px;
      }
      @media (min-width: 768px){
        #basic_04 .style_pict{
        height: 165px;
      }
      #basic_04 .style_pict img{
        width: 400px;
        height: 516px;
        left: -120px;
        top:-240px;
      }
      }

      #basic_05 .style_pict{
        height: 270px;
      }
      #basic_05 .style_pict .img1{
        width: 112px;
        height: 173px;
        left: 20px;
        top: 47px;
      }
      #basic_05 .style_pict .img2{
        width: 190px;
        height: 270px;
        right: 20px;
        top: -50px;
      }
      @media (min-width: 768px){
        #basic_05 .style_pict{
          height: 165px;
        }
        #basic_05 .style_pict .img1{
          width: 200px;
          height: 310px;
          left: 725px;
          top: -42px;
        }
        #basic_05 .style_pict .img2{
          width: 339px;
          height: 484px;
          right: -80px;
          top: -215px;
        }
      }

      #basic_06 .style_pict{
        height: 280px;
      }
      #basic_06 .style_pict .img1{
        width: 205px;
        height: 270px;
        left: -15px;
        top: -50px;
      }
      #basic_06 .style_pict .img2{
        width: 140px;
        height: 170px;
        right: -15px;
        top: 80px;
      }
      @media (min-width: 768px){
        #basic_06 .style_pict{
          height: 165px;
        }
        #basic_06 .style_pict .img1{
          width: 378px;
          height: 500px;
          left: -120px;
          top: -245px;
        }
        #basic_06 .style_pict .img2{
          width: 280px;
          height: 340px;
          right: inherit;
          left: 270px;
          top: -30px;
        }
      }

      .cont_last{
        background-color: #F6F6F6;
        padding: 40px 0;
      }
      @media (min-width: 768px){
        .cont_last{
          padding: 80px 0;
        }
      }
      .cont_last .last_container,.cont_last .btn_container{
        width: 310px;
        margin:0 auto ;
      }
      @media (min-width: 768px){
        .cont_last .last_container{
          width: 900px;
          display: flex;
        }
        .cont_last .btn_container{
          width: 1200px;
          display: flex;
        }
      }
      .cont_last h3{
        background-color: #EAE0DD;
        color: #313541;
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        line-height: 1em;
        padding-bottom: 30px;
        padding-top: 13px;
      }
      .cont_last h3 .sub{
        color: #71747C;
        font-size: 22px;
        font-weight: 100;
      }
      @media (min-width: 768px){
        .cont_last h3{
          width: 240px;
          height: 240px;
          padding: 65px 0 80px;
        }
        .cont_last h3 .sub{
          font-size: 25px;
        }
      }
      .cont_last .last_comment{
        background-color: #fff;
        padding: 30px 20px;
        margin-bottom: 15px;
        line-height: 1.8em;
      }
      @media (min-width: 768px){
        .cont_last .last_comment{
          line-height: 2.5em;
          width: 660px;
          height: 240px;
          padding: 63px;
          margin-bottom: 20px;
        }
      }
      .cont_last a{
        display: block;
        padding: 50px 15px;
      }
      .cont_last .btn_text{
        display: block;
        background: url("/ec/img/usr/pg/snscontents/post246/260213/allow_r.svg") no-repeat 250px center;
        background-color: #71747C;
        color: #fff;
        padding: 20px 15px;
        font-size: 13px;
        line-height: 1em;
        text-align: center;
        font-weight: 200;
        border: 1px solid #fff;
      }
      .cont_last .btn_staff .btn_text{
        text-align: left;
        padding: 20px 25px;
      }
      @media (min-width: 768px){
        .cont_last a{
          width: 440px;
          height: 440px;
          padding: 185px 30px;
        }
        .cont_last .btn_text{
          font-size: 15px;
        }
        .cont_last .btn_biz .btn_text,.cont_last .btn_staff .btn_text{
          background: url("/ec/img/usr/pg/snscontents/post246/260213/allow_r.svg") no-repeat 295px center;
          background-color: #71747C;
          padding: 24px 15px;
          text-align: center;
          line-height: 1em;
        }
        .cont_last .btn_tops .btn_text{
          background: url("/ec/img/usr/pg/snscontents/post246/260213/allow_r.svg") no-repeat 270px center;
          background-color: #71747C;
          padding: 24px 15px;
          text-align: center;
          line-height: 1em;
        }
      }
      .cont_last .btn_biz{
        background: url(/ec/img/usr/pg/snscontents/post246/260213/last01_mb.webp) no-repeat center;
        background-size: cover;
        margin-bottom: 15px;
      }
      .cont_last .btn_tops{
        background: url(/ec/img/usr/pg/snscontents/post246/260213/last03_mb.webp) no-repeat center;
        background-size: cover;
        margin-bottom: 15px;
      }
      .cont_last .btn_staff{
        background: url(/ec/img/usr/pg/snscontents/post246/260213/last02_mb.webp) no-repeat center;
        background-size: cover;
        text-align: center;
        }
      @media (min-width: 768px){
        .cont_last .btn_biz{
          background: url(/ec/img/usr/pg/snscontents/post246/260213/last01_pc.webp) no-repeat center;
          background-size: cover;
          margin-bottom: 0;
          margin-right: 20px;
          text-align: center;
        }
        .cont_last .btn_tops{
          background: url(/ec/img/usr/pg/snscontents/post246/260213/last03_pc.webp) no-repeat center;
          background-size: cover;
          margin-bottom: 0;
          margin-right: 20px;
          text-align: center;
        }
        .cont_last .btn_staff{
          background: url(/ec/img/usr/pg/snscontents/post246/260213/last02_pc.webp) no-repeat center;
          background-size: cover;
        }
      }

      /*==============================
      # slider
      ==============================*/
      .slide_container{
        width: 100%;
        padding-top: 20px;
        overflow: hidden;
      }
      .slider_area{
        width: 350px;
        margin: 0 auto;
        position: relative;
        background-color: #EEEDE9;
        padding-top: 50px;
        padding-bottom: 90px;
      }
      @media (min-width: 768px){
        .odd .slide_container{
          width: calc(50vw + 600px);
        }
        .even .slide_container{
          width: calc(50vw + 600px);
          margin-left: calc(50vw - 600px);
        }
        .slider_area{
          width: calc(50vw - 60px);
          height: 570px;
          padding-top: 70px;
        }
        .odd .slider_area{
          margin: 0 auto 0 0;
        }
        .even .slider_area{
          margin-left: auto;
          margin-right: 0;
        }
      }
      .slider_area h4{
        position: absolute;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.02em;
        border-left: 1px solid #B8AEA4;
        border-right: 1px solid #B8AEA4;
        width: 175px;
        text-align: center;
        top: -15px;
        left: 35px;
      }
      @media (min-width: 768px){
        .slider_area h4{
          font-size: 30px;
          letter-spacing: 0.02em;
          width: 245px;
          top: -20px;
        }
        .odd .slider_area h4{
          left:calc(50vw - 600px);
        }
        .even .slider_area h4{
          left: inherit;
          right: calc(50vw - 600px);
        }
      }
      .slider_area .comment{
        width: 290px;
        margin: 0 auto 30px;
        text-align-last: left;
      }
      @media (min-width: 768px){
        .slider_area .comment{
          width: 490px;
        }
        .odd .slider_area .comment{
          margin: 0 0 30px 0;
        }
        .even .slider_area .comment{
          text-align: right;
        }
      }

      @media (min-width: 768px){
        .splide{
          width: 1470px;
          position: absolute;
        }
        .odd .splide{
          left: calc(50vw - 600px);
        }
        .even .splide{
          left: -930px;
        }
      }
      .splide ul{
        text-align: center;
      }
      .splide li{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
      }
      .splide .splide__list img{
        width: 290px;
        border: 2px solid #FFF;
        margin: 0 auto;
      }
      @media (min-width: 768px){
        .splide .splide__list img{
          width: 490px;
        }
        .splide .splide__slide p{
          opacity: 0;
          transition-duration: 100ms;
          transition-timing-function:ease-in;
          height: inherit;
        }

        .odd .splide .splide__slide img{
          transform: scale(0.6)
          translateY(35%)
          translateX(-50%);
          transition-duration: 400ms;
        }

        .even .splide .splide__slide img{
          transform: scale(0.6)
          translateY(35%)
          translateX(50%);
          transition-duration: 400ms;
        }

        .splide .splide__slide.is-next img{
          transform:  scale(0.6)
          translateY(35%);
        }

        .splide .splide__slide.is-active img{
          transform: scale(1);
        }
        .splide .splide__slide.is-active p{
          opacity: 1;
        }
      }

      .splide .splide__arrow{
        opacity: 1;
        width: 36px;
        height: 12px;
        background-color: inherit;
        top:315px;
      }
      .splide .prev{
        left: 30px;
      }
      .splide .next{
        left: 120px;
      }
      @media (min-width: 768px){
        .splide .splide__arrow{
          top: 430px;
        }
        .odd .splide .prev{
          left: 350px;
        }
        .odd .splide .next{
          left: 450px;
        }
        .even .splide .prev{
          right: 350px;
        }
        .even .splide .next{
          right: 450px;
        }
      }

      .splide .splide__pagination{
        justify-content: flex-end;
        top: 305px;
        left: 0;
        margin-right: 10px;
      }
      .splide .splide__pagination .splide__pagination__page{
        width: 6px;
        height: 6px;
        background-color: #B8AEA4;
        margin-right: 10px;
      }
      .splide .splide__pagination .is-active{
        width: 8px;
        height: 8px;
        background-color: #313541;
      }
      @media (min-width: 768px){
        .splide .splide__pagination{
          top: 422px;
        }
        .odd .splide .splide__pagination{
          justify-content: flex-start;
          left: 575px;
        }
        .even .splide .splide__pagination{
          left: 780px;

        }
      }



      /*==============================
      # bottom-link
      ==============================*/
      .bottom-link {
        margin-top: 100px;
        margin-bottom: 100px;
      }
      @media (min-width: 1200px) {
        .bottom-link {
          margin-top: 100px;
          margin-bottom: 110px;
        }
      }
      .bottom-link__inner {
        margin: 0 auto;
        width: 90%;
        padding: 0 10px;
      }
      @media (min-width: 1200px) {
        .bottom-link__inner {
          width: 100%;
          padding: 0 15px;
        }
      }
      .bottom-link__item {
        max-width: 400px;
        text-align: center;
        margin: 0 auto;
      }
      .bottom-link__item a {
        position: relative;
        display: block;
        width: 100%;
        align-items: center;
        border: 0;
      }
      .bottom-link__item a::after {
        display: inline-block;
        position: absolute;
        content: "";
        background-image: url("/ec/img/usr/pg/snscontents/post263/icon-arrow-right-w.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        right: 7%;
        top: 48%;
        width: 8px;
        height: 12px;
      }
      .bottom-link__img {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 252px;
        position: relative;
      }
      @media (min-width: 1200px) {
        .bottom-link__img {
          height: 300px;
        }
      }
      .bottom-link__img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
          object-fit: cover;
      }
      .bottom-link__text {
        color: #fff;
        z-index: 10;
        font-weight: bold;
      }