@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,600&family=Marcellus&family=Montserrat:wght@600&family=Shippori+Mincho+B1:wght@400;500&display=swap");
/*

    font-family: 'Cormorant Garamond', serif;

    font-family: 'Optima', 'Marcellus', serif;

    font-family: 'Montserrat', sans-serif;

    font-family: 'Shippori Mincho B1', serif;
				
				
	
*/
/* 
@include incSmooth(); 
*/
.spDisp {
  display: none; }

.spHide {
  display: inline; }

.p-footer-top {
  z-index: 10; }

a, a:focus {
  outline: none !important; }

@media only screen and (min-width: 768px) {
  .l-main img {
    image-rendering: -webkit-optimize-contrast; }

  .l-main img {
    -webkit-backface-visibility: hidden; }

  .l-main img {
    -webkit-transform: translateZ(0); } }
sup {
  font-size: 9px;
  margin-right: 5px;
  vertical-align: top; }

sub {
  font-size: 18px;
  line-height: 10px;
  margin-right: 5px;
  vertical-align: bottom; }

ul.indList li {
  text-indent: -1em;
  padding-left: 1em; }

body {
  color: #333; }

.c-breadcrumb {
  margin-top: 0; }

#campaign_area {
  font-family: “Hiragino Sans”,YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; }

b, strong, .bold {
  font-family: “Hiragino Sans”, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif; }

/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
  font-family: "Segoe UI", Meiryo, sans-serif; }

/*-- UNIQ --*/
.fvBg {
  background: #E9EAEE;
  overflow: hidden; }

.fvArea {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/fv_pc.webp") center top no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 5%;
  min-height: 60vw; }
  .fvArea .fvData {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    position: relative;
    width: 83%; }
  .fvArea h1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0;
    padding-bottom: 1vw;
    width: 61%; }
    .fvArea h1 .fv01 {
      display: block;
      max-width: 18.5%;
      position: absolute;
      top: -2vw;
      left: -5vw;
      z-index: 2; }
      .fvArea h1 .fv01 img {
        animation: 1.6s fuwafuwa infinite; }
    .fvArea h1 .fv04 {
      display: block;
      max-width: 18.5%;
      position: absolute;
      top: 16vw;
      left: -5vw;
      z-index: 2; }
      .fvArea h1 .fv04 img {
        animation: 1.6s fuwafuwa 0.4s infinite; }
    .fvArea h1 .fv02 {
      display: block;
      padding-right: 8%;
      width: 100%;
      text-align: right; }
      .fvArea h1 .fv02 img {
        max-width: 82.3%; }
    .fvArea h1 .fv03 {
      display: block;
      text-align: right;
      width: 100%; }
      .fvArea h1 .fv03 img {
        max-width: 100%; }
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-20px); } }
@media only screen and (max-width: 768px) {
  .fvArea {
    background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/fv_sp.webp") center top no-repeat;
    background-size: cover;
    min-height: 175vw;
    padding: 0; }
    .fvArea .fvData {
      width: 100%; }
    .fvArea h1 {
      display: flex;
      flex-wrap: wrap;
      align-content: space-between;
      min-height: 175vw;
      max-width: 100%;
      margin: 0;
      padding: 8vw 0 6vw;
      width: 100%; }
      .fvArea h1 .fv01 {
        max-width: 27%;
        position: absolute;
        top: 41%;
        left: 3%;
        z-index: 2; }
        .fvArea h1 .fv01 img {
          animation: 1.6s fuwafuwa infinite; }
      .fvArea h1 .fv04 {
        max-width: 27%;
        position: absolute;
        top: 58%;
        left: 3%;
        z-index: 2; }
        .fvArea h1 .fv04 img {
          animation: 1.6s fuwafuwa 0.4s infinite; }
      .fvArea h1 .fv02 {
        padding-right: 0;
        text-align: center; }
        .fvArea h1 .fv02 img {
          max-width: 82%; }
      .fvArea h1 .fv03 {
        max-width: 100%;
        padding-right: 5vw; }
        .fvArea h1 .fv03 img {
          max-width: 100%; }
  @keyframes fuwafuwa {
    0%, 100% {
      transform: translateY(6px); }
    50% {
      transform: translateY(-6px); } } }
.meritArea {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/merit_bg.webp") center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 316px; }
  .meritArea ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 700px;
    width: 100%; }
    .meritArea ul li {
      width: 30%;
      max-width: 181px; }

.anivArea {
  background: #7EDDE1;
  padding: 75px 0; }
  .anivArea .whiteBox {
    background: #FFF;
    margin: 0 auto;
    max-width: 1000px;
    padding: 60px 40px 76px; }
    .anivArea .whiteBox .inr {
      margin: 0 auto;
      max-width: 810px; }
      .anivArea .whiteBox .inr .bodyCopy {
        margin-bottom: 50px;
        text-align: center; }
        .anivArea .whiteBox .inr .bodyCopy p {
          font-family: 'Shippori Mincho B1', serif;
          font-size: 19px;
          font-weight: 500;
          letter-spacing: 0.06em;
          line-height: 2;
          margin-bottom: 0; }
          .anivArea .whiteBox .inr .bodyCopy p:first-child {
            margin-bottom: 30px; }
          .anivArea .whiteBox .inr .bodyCopy p img {
            margin: 0 6px;
            max-width: 104px; }
      .anivArea .whiteBox .inr .limited {
        background: #a7814d;
        background: linear-gradient(90deg, #a7814d 0%, #d8b36a 50%, #a7814d 100%);
        padding: 24px 32px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .anivArea .whiteBox .inr .limited .day {
          color: #FFF;
          font-family: 'Optima', 'Marcellus', serif;
          margin-bottom: 16px;
          padding: 0 20px;
          text-align: center; }
          .anivArea .whiteBox .inr .limited .day .date {
            font-size: 36px;
            font-weight: 500;
            letter-spacing: 0.08em; }
          .anivArea .whiteBox .inr .limited .day .yobi {
            font-size: 21px;
            font-weight: 500;
            letter-spacing: 0.08em;
            vertical-align: 2px; }
          .anivArea .whiteBox .inr .limited .day .time {
            font-size: 36px;
            font-weight: 500;
            letter-spacing: 0.08em; }
          .anivArea .whiteBox .inr .limited .day .ja {
            font-family: 'Shippori Mincho B1', serif;
            font-size: 21px;
            font-weight: 500;
            letter-spacing: 0.08em;
            vertical-align: 2px; }
        .anivArea .whiteBox .inr .limited ul li:first-child {
          margin-bottom: 16px; }
      .anivArea .whiteBox .inr .att {
        font-size: 12px;
        font-weight: 500;
        margin: 16px 0 44px;
        text-align: center; }
      .anivArea .whiteBox .inr .anivBtn {
        text-align: center; }
        .anivArea .whiteBox .inr .anivBtn img {
          max-width: 450px; }

.reserveArea {
  background-color: #F8DD67;
  padding: 90px 40px; }
  .reserveArea .inr {
    background: #FFF;
    max-width: 1000px;
    margin: 0 auto;
    padding: 70px 50px 50px;
    text-align: center; }
    .reserveArea .inr h2 {
      margin-bottom: 40px;
      text-align: center; }
      .reserveArea .inr h2 span {
        padding-left: 110px; }
        .reserveArea .inr h2 span img {
          max-width: 504px; }
    .reserveArea .inr .bnrList {
      display: flex;
      justify-content: space-between;
      max-width: 807px;
      margin: 0 auto 35px; }
      .reserveArea .inr .bnrList li {
        width: calc((100% - 35px ) / 2); }
    .reserveArea .inr .copy {
      font-size: 20px;
      letter-spacing: 0.08em;
      line-height: 1.7;
      margin-bottom: 30px; }
    .reserveArea .inr .reserveBtn {
      margin-bottom: 30px;
      text-align: center; }
      .reserveArea .inr .reserveBtn img {
        max-width: 400px; }
    .reserveArea .inr .attList {
      max-width: 807px;
      margin: 0 auto;
      text-align: right; }
      .reserveArea .inr .attList li {
        font-size: 12px;
        margin-bottom: 10px; }

.onoffArea {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/onoff_bg.webp") center bottom no-repeat;
  background-size: cover;
  padding: 100px 40px 80px; }
  .onoffArea .inr {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center; }
    .onoffArea .inr h2 {
      margin-bottom: 20px;
      text-align: center; }
      .onoffArea .inr h2 .en {
        border-bottom: 2px solid #333;
        display: inline-block;
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 28px;
        letter-spacing: 0.14em;
        line-height: 1;
        margin-bottom: 45px;
        padding-bottom: 3px; }
      .onoffArea .inr h2 .ja {
        background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/onoff_line.png") center bottom 2px no-repeat;
        background-size: 94% auto;
        display: inline-block;
        font-family: 'Shippori Mincho B1', serif;
        font-size: 28px;
        letter-spacing: 0.16em;
        line-height: 1;
        padding-bottom: 14px; }
    .onoffArea .inr h3 {
      display: inline-block;
      font-size: 20px;
      letter-spacing: 0.14em;
      margin: 0 auto 50px;
      text-align: center; }
      .onoffArea .inr h3 span {
        font-size: 11px;
        display: block;
        padding-top: 25px;
        text-align: right; }
    .onoffArea .inr ul {
      display: flex;
      justify-content: center;
      max-width: 1000px;
      margin: 0 auto 40px; }
      .onoffArea .inr ul li {
        background: #7EDDE1;
        width: 50%; }
        .onoffArea .inr ul li .box {
          position: relative; }
        .onoffArea .inr ul li h4 {
          position: absolute;
          bottom: -7px;
          left: 35px;
          width: 50%;
          z-index: 2; }
        .onoffArea .inr ul li .img {
          margin: 0 auto;
          max-width: 60%; }
        .onoffArea .inr ul li .txt {
          font-size: 20px;
          letter-spacing: 0.14em;
          line-height: 1.6;
          padding: 30px 0 40px; }
        .onoffArea .inr ul li:last-child {
          background: #eeb3ed; }
          .onoffArea .inr ul li:last-child h4 {
            left: 20px; }
    .onoffArea .inr .onoffBtn {
      text-align: center; }
      .onoffArea .inr .onoffBtn img {
        max-width: 480px; }

.onetenArea {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/oneten_bg.webp") center center no-repeat;
  background-size: cover;
  padding: 100px 40px; }
  .onetenArea .inr {
    background: #FFF;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 70px 70px 60px; }
    .onetenArea .inr .img {
      margin-bottom: 0;
      text-align: center;
      width: 280px; }
      .onetenArea .inr .img img {
        max-width: 210px; }
    .onetenArea .inr .data {
      width: calc(100% - 325px); }
      .onetenArea .inr .data h2 {
        margin-bottom: 20px; }
        .onetenArea .inr .data h2 .line {
          background-image: linear-gradient(90deg, #C2F2F2, #FEF9E3);
          background-repeat: no-repeat;
          background-position: bottom;
          background-size: 100% 50%;
          display: inline-block;
          font-family: 'Shippori Mincho B1', serif;
          font-size: 26px;
          line-height: 1.3;
          margin-bottom: 14px; }
          .onetenArea .inr .data h2 .line > span {
            letter-spacing: 0.16em; }
            .onetenArea .inr .data h2 .line > span sup {
              font-size: 14px;
              vertical-align: 10px; }
      .onetenArea .inr .data .tagList {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px; }
        .onetenArea .inr .data .tagList li {
          background: #dad8d7;
          background: linear-gradient(94deg, #dad8d7 0%, #f1f0ef 50%, #dad8d7 100%);
          font-size: 15px;
          letter-spacing: 0;
          line-height: 1;
          margin: 0 8px 8px 0;
          padding: 10px 0;
          text-align: center;
          width: calc((100% - 24px) / 3); }
          .onetenArea .inr .data .tagList li.clm4 {
            width: calc((100% - 32px) / 4); }
      .onetenArea .inr .data p {
        font-size: 16px;
        letter-spacing: 0.04em;
        line-height: 2.4;
        margin-bottom: 0; }
        .onetenArea .inr .data p.att {
          font-size: 11px;
          text-align: right; }

.voiceArea {
  background-color: #F8DD67;
  padding: 80px 40px 90px; }
  .voiceArea .inr {
    background: #FFF;
    max-width: 1000px;
    margin: 0 auto;
    padding: 70px 60px; }
    .voiceArea .inr .vaTitle {
      text-align: center; }
      .voiceArea .inr .vaTitle h2 {
        display: inline-flex;
        align-items: center; }
        .voiceArea .inr .vaTitle h2 .img01 {
          padding-left: 30px; }
          .voiceArea .inr .vaTitle h2 .img01 img {
            max-width: 493px; }
        .voiceArea .inr .vaTitle h2 .img02 {
          padding-left: 30px; }
          .voiceArea .inr .vaTitle h2 .img02 img {
            max-width: 116px; }
      .voiceArea .inr .vaTitle .att {
        font-size: 10px;
        margin: -10px auto 0;
        text-align: left;
        width: 580px; }
    .voiceArea .inr .instaArea {
      background: #DDD;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 600px; }
      .voiceArea .inr .instaArea p {
        font-size: 40px; }
    .voiceArea .inr ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto 0;
      max-width: 1000px;
      width: 100%; }
      .voiceArea .inr ul li {
        background-color: #FFFDF2;
        display: flex;
        justify-content: space-between;
        margin-top: 40px;
        padding: 45px 30px 30px;
        position: relative;
        width: 48.5%;
        z-index: 2; }
        .voiceArea .inr ul li:before {
          background-color: #FFFDF2;
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          height: 100%;
          width: 100%;
          z-index: 0; }
        .voiceArea .inr ul li:after {
          background: #F6DA4C;
          content: '';
          display: block;
          position: absolute;
          right: -10px;
          bottom: -10px;
          height: 100%;
          width: 100%;
          z-index: -1; }
        .voiceArea .inr ul li .img {
          position: relative;
          z-index: 3;
          margin-bottom: 0;
          width: 35%; }
        .voiceArea .inr ul li .data {
          position: relative;
          z-index: 3;
          width: 57%; }
          .voiceArea .inr ul li .data .voiceHead {
            margin-bottom: 10px; }
          .voiceArea .inr ul li .data .voice {
            color: #333;
            font-size: 13px;
            line-height: 1.8;
            letter-spacing: 0.03em;
            margin-bottom: 0; }
            .voiceArea .inr ul li .data .voice .pink {
              font-weight: bold; }
            .voiceArea .inr ul li .data .voice .gene {
              display: block; }
        .voiceArea .inr ul li:nth-child(2) .img {
          width: 29%; }

.receptionArea {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/reception_bg.webp") center bottom no-repeat;
  background-size: cover;
  padding: 100px 40px 80px; }
  .receptionArea .inr {
    max-width: 886px;
    margin: 0 auto; }
    .receptionArea .inr .flex {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin-bottom: 30px; }
      .receptionArea .inr .flex .boxL {
        width: 410px; }
        .receptionArea .inr .flex .boxL .enCopy {
          margin-bottom: 20px; }
          .receptionArea .inr .flex .boxL .enCopy span {
            border-bottom: 2px solid #333;
            display: inline-block;
            font-family: 'Optima', 'Marcellus', serif;
            font-size: 23px;
            letter-spacing: 0.2em;
            line-height: 1;
            padding-bottom: 3px; }
        .receptionArea .inr .flex .boxL h2 {
          margin-bottom: 20px; }
          .receptionArea .inr .flex .boxL h2 .line {
            background-image: linear-gradient(90deg, #C2F2F2, #FEF9E3);
            background-repeat: no-repeat;
            background-position: bottom;
            background-size: 100% 35%;
            display: inline-block;
            font-family: 'Shippori Mincho B1', serif;
            font-size: 34px;
            line-height: 1.3;
            margin-bottom: 8px; }
            .receptionArea .inr .flex .boxL h2 .line > span {
              letter-spacing: 0.1em; }
              .receptionArea .inr .flex .boxL h2 .line > span sup {
                font-size: 14px;
                vertical-align: 10px; }
        .receptionArea .inr .flex .boxL dl {
          background: #38C7CF;
          color: #FFF;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 8px 25px;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          .receptionArea .inr .flex .boxL dl dt {
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0.06em;
            padding-right: 20px; }
          .receptionArea .inr .flex .boxL dl dd {
            font-family: 'Shippori Mincho B1', serif;
            font-size: 18px;
            letter-spacing: 0.06em; }
            .receptionArea .inr .flex .boxL dl dd .en {
              font-family: 'Optima', 'Marcellus', serif;
              font-size: 18px;
              letter-spacing: 0.06em; }
            .receptionArea .inr .flex .boxL dl dd .num {
              font-family: 'Optima', 'Marcellus', serif;
              font-size: 29px;
              letter-spacing: 0.12em;
              margin: 0 3px; }
      .receptionArea .inr .flex .boxR {
        width: calc(100% - 460px); }
        .receptionArea .inr .flex .boxR p {
          margin-bottom: 0; }
    .receptionArea .inr .more {
      display: flex;
      justify-content: center;
      align-items: center; }
      .receptionArea .inr .more .txt {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .receptionArea .inr .more .txt span {
          border-bottom: 2px solid #333;
          display: inline-block;
          letter-spacing: 0.02em;
          line-height: 1.4;
          padding-bottom: 3px; }
      .receptionArea .inr .more .img {
        margin-bottom: 0;
        padding-left: 30px; }
        .receptionArea .inr .more .img img {
          width: 115px; }

.itemArea {
  background: #7edde1;
  /*
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/item_bg.webp") center center no-repeat;
  background-size: cover;
  */
  padding: 100px 40px 80px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .itemArea .inr {
    margin: 0 auto;
    max-width: 1100px; }
    .itemArea .inr .enCopy {
      margin-bottom: 16px;
      text-align: center; }
      .itemArea .inr .enCopy span {
        /*
        border-bottom: 2px solid #333;
        */
        display: inline-block;
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 28px;
        letter-spacing: 0.2em;
        line-height: 1;
        padding-bottom: 3px; }
    .itemArea .inr .limitedDay {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-bottom: 60px;
      text-align: center; }
      .itemArea .inr .limitedDay .day {
        background: #FFF;
        /*
        background: rgb(167,129,77);
        background: linear-gradient(90deg, rgba(167,129,77,1) 0%, rgba(216,179,106,1) 50%, rgba(167,129,77,1) 100%); 
        */
        border-radius: 50px;
        color: #00b2b9;
        display: inline-block;
        font-family: 'Optima', 'Marcellus', serif;
        line-height: 1;
        padding: 4px 54px;
        text-align: center; }
        .itemArea .inr .limitedDay .day .date {
          font-size: 32px;
          font-weight: 500;
          letter-spacing: 0.08em; }
        .itemArea .inr .limitedDay .day .yobi {
          font-size: 18px;
          font-weight: 500;
          letter-spacing: 0.08em;
          vertical-align: 2px; }
        .itemArea .inr .limitedDay .day .time {
          font-size: 32px;
          font-weight: 500;
          letter-spacing: 0.08em; }
        .itemArea .inr .limitedDay .day .ja {
          font-family: 'Shippori Mincho B1', serif;
          font-size: 18px;
          font-weight: 500;
          letter-spacing: 0.08em;
          vertical-align: 2px; }
    .itemArea .inr ul.itemList {
      max-width: 1100px;
      margin: 0 auto; }
      .itemArea .inr ul.itemList > li {
        background: #FFF;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        margin-bottom: 60px;
        padding: 60px 65px 60px 75px;
        box-shadow: 0 12px 10px -10px rgba(53, 47, 47, 0.15); }
        .itemArea .inr ul.itemList > li:last-child {
          margin-bottom: 0; }
        .itemArea .inr ul.itemList > li.a_item {
          position: relative;
          z-index: 2; }
        .itemArea .inr ul.itemList > li .img {
          margin: 0;
          position: relative;
          width: 55%;
          max-width: 500px; }
          .itemArea .inr ul.itemList > li .img.icon01:before {
            background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/item_icon_01.png") center center no-repeat;
            background-size: cover;
            content: '';
            display: block;
            height: 120px;
            width: 120px;
            position: absolute;
            top: -45px;
            left: -55px;
            z-index: 3; }
          .itemArea .inr ul.itemList > li .img.icon02:before {
            background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/item_icon_02.png") center center no-repeat;
            background-size: cover;
            content: '';
            display: block;
            height: 120px;
            width: 120px;
            position: absolute;
            top: -45px;
            left: -55px;
            z-index: 3; }
        .itemArea .inr ul.itemList > li .data {
          padding: 0;
          width: 42%; }
          .itemArea .inr ul.itemList > li .data .otoku {
            margin-bottom: 24px; }
            .itemArea .inr ul.itemList > li .data .otoku .line {
              background-image: linear-gradient(90deg, #C2F2F2, #FEF9E3);
              background-repeat: no-repeat;
              background-position: bottom;
              background-size: 100% 35%;
              display: inline-block;
              font-family: 'Shippori Mincho B1', serif;
              font-size: 26px;
              line-height: 1; }
              .itemArea .inr ul.itemList > li .data .otoku .line > span {
                letter-spacing: 0.1em; }
          .itemArea .inr ul.itemList > li .data .type {
            margin-bottom: 5px; }
            .itemArea .inr ul.itemList > li .data .type img {
              height: 45px; }
          .itemArea .inr ul.itemList > li .data .desc {
            color: #16224d;
            font-size: 15px;
            line-height: 1.8;
            letter-spacing: 0.04em;
            margin-bottom: 10px; }
          .itemArea .inr ul.itemList > li .data .normalPrice {
            font-family: 'Shippori Mincho B1', serif;
            font-size: 13px;
            margin-bottom: 10px; }
            .itemArea .inr ul.itemList > li .data .normalPrice .num {
              font-size: 24px;
              font-weight: 500;
              line-height: 1;
              letter-spacing: 0.02em; }
          .itemArea .inr ul.itemList > li .data h3 {
            font-family: “Hiragino Sans”, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
            color: #494949;
            line-height: 1.2;
            margin-bottom: 15px; }
            .itemArea .inr ul.itemList > li .data h3 .name {
              display: inline-block;
              font-weight: 500;
              font-size: 24px;
              letter-spacing: 0.02em;
              margin-bottom: 10px; }
              .itemArea .inr ul.itemList > li .data h3 .name .other {
                font-size: 14px;
                font-weight: 400;
                margin-left: 6px;
                vertical-align: 2px; }
            .itemArea .inr ul.itemList > li .data h3 .gram {
              display: block;
              font-size: 14px;
              font-weight: 400;
              vertical-align: text-bottom; }
            .itemArea .inr ul.itemList > li .data h3 .sub {
              display: block;
              font-size: 15px;
              font-weight: 600; }
            .itemArea .inr ul.itemList > li .data h3 .normal {
              font-size: 10px; }
            .itemArea .inr ul.itemList > li .data h3 .yen {
              font-size: 16px; }
            .itemArea .inr ul.itemList > li .data h3 .num {
              font-size: 24px; }
            .itemArea .inr ul.itemList > li .data h3 .tax {
              font-size: 9px; }
          .itemArea .inr ul.itemList > li .data .kakaku_area {
            color: #16224d;
            font-size: 17px;
            margin-bottom: 20px; }
            .itemArea .inr ul.itemList > li .data .kakaku_area .shasen {
              font-family: 'Shippori Mincho B1', serif;
              font-weight: 500;
              position: relative; }
              .itemArea .inr ul.itemList > li .data .kakaku_area .shasen .yen {
                font-size: 17px; }
              .itemArea .inr ul.itemList > li .data .kakaku_area .shasen .num02 {
                font-size: 30px;
                letter-spacing: 0.06em;
                position: relative; }
                .itemArea .inr ul.itemList > li .data .kakaku_area .shasen .num02::after {
                  background-color: #FF507B;
                  content: "";
                  display: block;
                  transform: rotate(-20deg);
                  position: absolute;
                  width: 100%;
                  height: 3px;
                  top: 50%;
                  left: 0; }
              .itemArea .inr ul.itemList > li .data .kakaku_area .shasen .tax {
                font-size: 15px; }
          .itemArea .inr ul.itemList > li .data dl {
            display: flex;
            align-items: center;
            font-family: 'Jost', sans-serif;
            margin-bottom: 15px; }
            .itemArea .inr ul.itemList > li .data dl dt {
              margin-right: 5px; }
              .itemArea .inr ul.itemList > li .data dl dt.off10 {
                padding: 0 3px 0 0; }
                .itemArea .inr ul.itemList > li .data dl dt.off10 img {
                  width: 120px; }
              .itemArea .inr ul.itemList > li .data dl dt.off30plus {
                padding: 0 3px 0 0; }
                .itemArea .inr ul.itemList > li .data dl dt.off30plus img {
                  width: 143px; }
              .itemArea .inr ul.itemList > li .data dl dt.off15 {
                padding: 0 3px 0 0; }
                .itemArea .inr ul.itemList > li .data dl dt.off15 img {
                  width: 141px; }
            .itemArea .inr ul.itemList > li .data dl dd {
              color: #FF507B;
              font-family: 'Shippori Mincho B1', serif; }
              .itemArea .inr ul.itemList > li .data dl dd.only {
                color: #5083C4; }
              .itemArea .inr ul.itemList > li .data dl dd .yen {
                font-size: 28px;
                font-weight: 500; }
              .itemArea .inr ul.itemList > li .data dl dd .num {
                font-size: 47px;
                font-weight: 500;
                line-height: 1;
                letter-spacing: 0.02em; }
              .itemArea .inr ul.itemList > li .data dl dd .tax {
                font-size: 16px;
                font-weight: 500; }
          .itemArea .inr ul.itemList > li .data .btnArea {
            position: relative; }
            .itemArea .inr ul.itemList > li .data .btnArea .btns {
              display: flex;
              flex-wrap: wrap;
              margin-bottom: 30px;
              align-items: flex-end; }
              .itemArea .inr ul.itemList > li .data .btnArea .btns:before {
                border-bottom: 1px solid #333;
                content: 'ご希望の定期コースを選択してください';
                display: inline-block;
                font-size: 15px;
                font-weight: 500;
                margin-bottom: 15px;
                padding-bottom: 5px;
                max-width: 270px; }
              .itemArea .inr ul.itemList > li .data .btnArea .btns li {
                margin-right: 10px; }
                .itemArea .inr ul.itemList > li .data .btnArea .btns li img {
                  height: 72px;
                  width: auto; }
                .itemArea .inr ul.itemList > li .data .btnArea .btns li:last-child img {
                  height: 68px;
                  width: auto; }
            .itemArea .inr ul.itemList > li .data .btnArea .question {
              position: absolute;
              font-size: 12px;
              font-weight: 600;
              margin-bottom: 0;
              padding-right: 20px;
              text-align: right;
              left: 0;
              bottom: -30px;
              z-index: 10; }
              .itemArea .inr ul.itemList > li .data .btnArea .question a {
                background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/icon_q.png") left center no-repeat;
                background-size: 16px auto;
                display: inline-block;
                padding-left: 22px;
                text-decoration: underline; }
          .itemArea .inr ul.itemList > li .data .attP {
            font-size: 11px;
            text-align: right;
            margin-top: 10px; }
          .itemArea .inr ul.itemList > li .data .attPl {
            font-size: 12px;
            text-align: left;
            margin-top: 10px; }
          .itemArea .inr ul.itemList > li .data .btn_single {
            max-width: 400px; }
            .itemArea .inr ul.itemList > li .data .btn_single.top25 {
              margin-top: 25px; }
            .itemArea .inr ul.itemList > li .data .btn_single.singleBig {
              max-width: 450px; }
          .itemArea .inr ul.itemList > li .data .cBtn {
            max-width: 426px; }
          .itemArea .inr ul.itemList > li .data .att {
            font-size: 12px;
            line-height: 1.6;
            margin-top: 10px;
            text-indent: -1em;
            padding-left: 1em; }
  .itemArea .btnMore {
    padding-top: 30px;
    text-align: center; }
    .itemArea .btnMore img {
      width: 510px; }
  .itemArea .outLink {
    font-size: 16px;
    padding-top: 20px;
    text-align: right; }
    .itemArea .outLink a {
      color: #000;
      text-decoration: underline; }
      .itemArea .outLink a:after {
        display: inline-block;
        content: '';
        width: 8px;
        height: 8px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        vertical-align: 2px;
        margin-left: 7px; }

.cmnAnc {
  padding-top: 150px;
  margin-top: -150px; }

.presentArea {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/present_bg.webp") center bottom no-repeat;
  background-size: cover;
  padding: 100px 40px 110px; }
  .presentArea .inr {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center; }
    .presentArea .inr .enCopy {
      margin-bottom: 30px;
      text-align: center; }
      .presentArea .inr .enCopy span {
        border-bottom: 2px solid #333;
        display: inline-block;
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 28px;
        letter-spacing: 0.2em;
        line-height: 1;
        padding-bottom: 3px; }
    .presentArea .inr .jaCopy {
      font-family: 'Shippori Mincho B1', serif;
      font-size: 20px;
      letter-spacing: 0.08em;
      line-height: 1.7;
      margin-bottom: 40px; }
    .presentArea .inr h2 span {
      background: #dad8d7;
      background: linear-gradient(94deg, #dad8d7 0%, #f1f0ef 50%, #dad8d7 100%);
      display: inline-block;
      font-family: 'Shippori Mincho B1', serif;
      font-size: 28px;
      letter-spacing: 0.06em;
      padding: 10px 10px;
      margin-bottom: 50px;
      min-width: 350px; }
    .presentArea .inr ul li {
      background: #FFF;
      margin-bottom: 90px;
      padding: 50px 50px 50px 80px;
      position: relative;
      text-align: left; }
      .presentArea .inr ul li:before {
        content: "";
        position: absolute;
        top: calc(100% + 35px);
        left: 50%;
        margin-left: -30px;
        border: 30px solid transparent;
        border-top: 25px solid #00B2B9; }
      .presentArea .inr ul li:last-child {
        margin-bottom: 20px; }
        .presentArea .inr ul li:last-child:before {
          display: none; }
      .presentArea .inr ul li h3 {
        font-family: 'Shippori Mincho B1', serif;
        font-size: 28px;
        letter-spacing: 0.06em;
        line-height: 1.6;
        margin-bottom: 35px;
        padding: 12px 0; }
        .presentArea .inr ul li h3.tokuten {
          background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/present_tokuten.png") left center no-repeat;
          background-size: 98px auto;
          padding-left: 120px; }
      .presentArea .inr ul li .flex {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .presentArea .inr ul li .flex .img {
          text-align: center;
          width: 39%; }
          .presentArea .inr ul li .flex .img.img02 img {
            max-width: 200px; }
          .presentArea .inr ul li .flex .img.img03 {
            padding-right: 12px;
            text-align: right; }
            .presentArea .inr ul li .flex .img.img03 img {
              max-width: 267px; }
        .presentArea .inr ul li .flex .data {
          border: 2px solid #00B2B9;
          padding: 40px 20px 20px 30px;
          position: relative;
          width: 55%; }
          .presentArea .inr ul li .flex .data:before {
            background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/present_recipe.png") left center no-repeat #FFF;
            background-size: 118px auto;
            content: '';
            display: block;
            height: 60px;
            padding: 0 15px 20px 0px;
            width: 133px;
            position: absolute;
            top: -15px;
            left: -15px;
            z-index: 1; }
          .presentArea .inr ul li .flex .data * {
            position: relative;
            z-index: 2; }
          .presentArea .inr ul li .flex .data.data03 {
            position: relative; }
            .presentArea .inr ul li .flex .data.data03:after {
              background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/present_03_thumb.png") center bottom no-repeat;
              background-size: 232px auto;
              content: '';
              display: block;
              height: 190px;
              width: 232px;
              position: absolute;
              top: -130px;
              right: 30px; }
          .presentArea .inr ul li .flex .data h4 {
            color: #00B2B9;
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 0.02em;
            margin-bottom: 10px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          .presentArea .inr ul li .flex .data h5 {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.06em;
            line-height: 1.7;
            margin-bottom: 5px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          .presentArea .inr ul li .flex .data p {
            font-size: 14px;
            letter-spacing: 0.06em;
            line-height: 1.7;
            margin-bottom: 0; }
          .presentArea .inr ul li .flex .data .dataFlex {
            display: flex;
            justify-content: space-between; }
            .presentArea .inr ul li .flex .data .dataFlex .dataImg {
              width: 150px; }
            .presentArea .inr ul li .flex .data .dataFlex .dataFlexData {
              width: calc(100% - 170px); }
    .presentArea .inr .att {
      font-size: 14px;
      text-align: right; }

.pushArea {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/push_bg_01.webp") center bottom no-repeat;
  background-size: cover;
  margin: 0 auto;
  padding: 140px 40px 45vw; }
  .pushArea .inr {
    max-width: 1000px;
    margin: 0 auto; }
    .pushArea .inr .push h2 {
      margin-bottom: 20px;
      text-align: center; }
      .pushArea .inr .push h2 .en {
        border-bottom: 2px solid #333;
        display: inline-block;
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 28px;
        letter-spacing: 0.14em;
        line-height: 1;
        margin-bottom: 30px;
        padding-bottom: 3px; }
      .pushArea .inr .push h2 .ja {
        background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/push_line.png") center bottom 2px no-repeat;
        background-size: 94% auto;
        display: inline-block;
        font-family: 'Shippori Mincho B1', serif;
        font-size: 28px;
        letter-spacing: 0.16em;
        line-height: 1;
        padding-bottom: 14px; }
    .pushArea .inr .push .checkList {
      background: #FFF;
      margin: 0 auto 120px;
      max-width: 820px;
      padding: 40px 25px 40px 50px; }
      .pushArea .inr .push .checkList li {
        background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/icon_check.png") left top 3px no-repeat;
        background-size: 26px auto;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 0.02em;
        margin-bottom: 18px;
        padding: 3px 0 3px 42px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .pushArea .inr .push .checkList li:last-child {
          margin-bottom: 0; }
    .pushArea .inr .push h3 {
      margin: 0 auto;
      max-width: 770px; }
      .pushArea .inr .push h3 span {
        background: linear-gradient(transparent 96%, #333 60%);
        display: inline;
        font-family: 'Shippori Mincho B1', serif;
        font-size: 24px;
        letter-spacing: 0.04em;
        line-height: 2;
        padding-bottom: 1px; }

@media only screen and (max-width: 1366px) {
  .pushArea {
    background-color: #ECE5DB;
    background-image: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/push_bg_01.webp");
    background-position: center bottom;
    background-size: 1366px auto;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 140px 40px 600px; } }
.pointArea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .pointArea .titleBox {
    background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/point_bg.webp") center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 300px; }
    .pointArea .titleBox .enCopy {
      margin-bottom: 35px;
      text-align: center;
      width: 100%; }
      .pointArea .titleBox .enCopy span {
        border-bottom: 2px solid #333;
        display: inline-block;
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 28px;
        letter-spacing: 0.2em;
        line-height: 1;
        padding-bottom: 3px; }
    .pointArea .titleBox h2 img {
      max-width: 344px; }
  .pointArea .pointBox {
    background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/point_box_bg.webp") center center no-repeat;
    background-size: cover;
    padding: 30px 40px; }
    .pointArea .pointBox:nth-child(odd) {
      background: #EBFBFB; }
    .pointArea .pointBox .pointHead {
      margin: 0 auto 25px;
      max-width: 940px;
      cursor: pointer;
      display: flex;
      align-items: center;
      padding: 30px 0 0;
      	/*
      .txt {
      margin-left: 35px;
      span {
      background: #006CAA;
      color: #FFF;
      display: inline-block;
      font-family: 'Noto Serif JP', serif;
      font-size: 25px;
      font-weight: 500;
      line-height: 1;
      margin-bottom: 10px;
      padding: 7px 5px 8px 12px;
      sub {
      line-height: 5px;
      }
      sup {
      line-height: 1;
      vertical-align: 14px;
      }
      }
      }
      */ }
      .pointArea .pointBox .pointHead .no {
        transition: 0.2s;
        width: auto; }
        .pointArea .pointBox .pointHead .no img {
          height: 150px; }
      .pointArea .pointBox .pointHead .txt {
        transition: 0.2s;
        margin-left: 35px; }
        .pointArea .pointBox .pointHead .txt .line {
          background-image: linear-gradient(90deg, #C2F2F2, #FEF9E3);
          background-repeat: no-repeat;
          background-position: bottom;
          background-size: 100% 35%;
          display: inline-block;
          font-family: 'Shippori Mincho B1', serif;
          font-size: 26px;
          line-height: 1.3;
          margin-bottom: 8px; }
          .pointArea .pointBox .pointHead .txt .line > span {
            letter-spacing: 0.06em; }
            .pointArea .pointBox .pointHead .txt .line > span sup {
              font-size: 14px;
              vertical-align: 10px; }
      .pointArea .pointBox .pointHead .more {
        transition: 0.2s;
        position: absolute;
        right: 50px; }
        .pointArea .pointBox .pointHead .more span {
          border-bottom: 2px solid #333;
          display: inline-block;
          font-family: 'Montserrat', sans-serif;
          font-size: 25px;
          font-weight: 600;
          letter-spacing: 0.1em;
          padding-bottom: 2px;
          position: relative; }
        .pointArea .pointBox .pointHead .more:after {
          content: '';
          display: inline-block;
          width: 12px;
          height: 12px;
          border-top: 2px solid #333;
          border-right: 2px solid #333;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          margin-left: 12px;
          vertical-align: 3px; }
      .pointArea .pointBox .pointHead:hover .no, .pointArea .pointBox .pointHead:hover .txt, .pointArea .pointBox .pointHead:hover .more {
        opacity: 0.7; }
      .pointArea .pointBox .pointHead.open .more {
        display: none; }
    .pointArea .pointBox .hideArea {
      display: none; }
    .pointArea .pointBox .descBox {
      margin: 0 auto;
      max-width: 940px; }
      .pointArea .pointBox .descBox p.txt {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.06em;
        line-height: 2; }
        .pointArea .pointBox .descBox p.txt sub {
          font-size: 14px;
          line-height: 10px; }
        @media only screen and (max-width: 1201px) {
          .pointArea .pointBox .descBox p.txt sub {
            font-size: 9px !important;
            line-height: 2.2 !important; } }
        .pointArea .pointBox .descBox p.txt sup {
          line-height: 1; }
        .pointArea .pointBox .descBox p.txt .attP {
          display: block;
          font-size: 10px;
          text-align: right;
          padding-top: 10px; }
      .pointArea .pointBox .descBox.descBox01 {
        display: flex;
        justify-content: flex-end; }
        .pointArea .pointBox .descBox.descBox01 p.img {
          margin-right: 70px;
          width: 376px; }
        .pointArea .pointBox .descBox.descBox01 p.txt {
          width: 464px; }
          .pointArea .pointBox .descBox.descBox01 p.txt .attP sub {
            line-height: 12px; }
      .pointArea .pointBox .descBox.descBox02, .pointArea .pointBox .descBox.descBox03 {
        margin: 0 auto;
        max-width: 760px; }
    .pointArea .pointBox figure {
      max-width: 1000px;
      margin: 50px auto 0; }
      .pointArea .pointBox figure img {
        height: auto;
        width: 100%; }
    .pointArea .pointBox .btm_att {
      margin: 0 auto;
      max-width: 860px;
      padding: 30px 0 0 35px; }
      .pointArea .pointBox .btm_att .attP {
        display: block;
        font-size: 10px;
        text-align: right;
        padding-top: 10px; }

.sec03 {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/sec03_bg.webp") center top no-repeat;
  background-size: cover;
  padding: 90px 40px; }
  .sec03 .inr {
    background: #FFF;
    max-width: 1000px;
    margin: 0 auto;
    padding: 70px 50px; }
    .sec03 .inr .titleBox {
      margin: 0 auto;
      padding-bottom: 10px;
      position: relative;
      text-align: center;
      width: 550px; }
      .sec03 .inr .titleBox:after {
        background-image: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/sec03_title_bg_01.png");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        display: block;
        height: 166px;
        width: 135px;
        position: absolute;
        top: 0;
        right: -80px;
        z-index: 2; }
      .sec03 .inr .titleBox .howto {
        margin-bottom: 30px; }
        .sec03 .inr .titleBox .howto img {
          width: 426px; }
      .sec03 .inr .titleBox h2 span {
        background: #dad8d7;
        background: linear-gradient(94deg, #dad8d7 0%, #f1f0ef 50%, #dad8d7 100%);
        display: block;
        font-family: 'Shippori Mincho B1', serif;
        font-size: 23px;
        letter-spacing: 0.06em;
        padding: 10px 10px;
        min-width: 60%; }
    .sec03 .inr .concept {
      background: #E8FAFA;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 50px auto 0;
      max-width: 830px;
      padding: 60px 36px 60px 40px; }
      .sec03 .inr .concept .img {
        max-width: 274px;
        margin-bottom: 0;
        width: 31%; }
      .sec03 .inr .concept .data {
        width: 62%; }
        .sec03 .inr .concept .data .conceptP {
          color: #A47B42;
          font-family: 'Optima', 'Marcellus', serif;
          font-size: 25px;
          font-style: italic;
          letter-spacing: 0.2em;
          margin-bottom: 16px; }
        .sec03 .inr .concept .data .conceptCopy {
          font-family: 'Shippori Mincho B1', serif;
          font-size: 19px;
          line-height: 1.7; }
          .sec03 .inr .concept .data .conceptCopy .gradient-marker {
            background-image: linear-gradient(90deg, #D2F3F4, #D2F3F4);
            background-repeat: no-repeat;
            background-position: bottom;
            background-size: 100% 40%;
            letter-spacing: 0.06em; }
        .sec03 .inr .concept .data .conceptDesc {
          font-size: 16px;
          letter-spacing: 0.04em;
          line-height: 1.95; }
      .sec03 .inr .concept.reverse {
        background: #FEFBEB;
        flex-direction: row-reverse;
        padding: 60px 40px 60px 36px; }
        .sec03 .inr .concept.reverse .data .conceptCopy .gradient-marker {
          background-image: linear-gradient(90deg, #FCF2BF, #FCF2BF); }
    .sec03 .inr .flickAtt {
      display: none; }
    .sec03 .inr ol {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0 auto;
      max-width: 830px;
      padding-bottom: 20px; }
      .sec03 .inr ol li {
        background: #E8FAFA;
        margin-top: 40px;
        width: calc((100% - 40px) / 2); }
        .sec03 .inr ol li.type2 {
          background: #FEFBEB; }
        .sec03 .inr ol li .img {
          margin-bottom: 0; }
        .sec03 .inr ol li dl {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 30px 20px; }
          .sec03 .inr ol li dl dt {
            width: 77px; }
          .sec03 .inr ol li dl dd {
            font-size: 15px;
            letter-spacing: 0.02em;
            line-height: 1.6;
            width: calc(100% - 92px); }

.lastBtnArea {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/lastbtn_bg.webp") center bottom no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 358px;
  padding: 0 40px 0; }
  .lastBtnArea p {
    text-align: center; }
    .lastBtnArea p a {
      display: block;
      max-width: 500px; }

.cpArea {
  padding: 65px 40px;
  text-align: center; }
  .cpArea h2 {
    font-family: 'Optima', 'Marcellus', serif;
    font-size: 27px;
    line-height: 1;
    margin-bottom: 25px; }
    .cpArea h2 span {
      letter-spacing: 0.15em;
      position: relative; }
      .cpArea h2 span:before {
        background: #333;
        content: '';
        display: inline-block;
        height: 30px;
        margin-right: 20px;
        width: 2px;
        vertical-align: -5px;
        transform: rotate(-30deg); }
      .cpArea h2 span:after {
        background: #333;
        content: '';
        display: inline-block;
        height: 30px;
        margin-left: 20px;
        width: 2px;
        vertical-align: -5px;
        transform: rotate(30deg); }
  .cpArea dl {
    background: #F4C511;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 8px 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .cpArea dl dt {
      font-size: 15px;
      letter-spacing: 0.06em;
      padding-right: 20px; }
    .cpArea dl dd {
      font-family: 'Shippori Mincho B1', serif;
      font-size: 18px;
      letter-spacing: 0.06em; }
      .cpArea dl dd .en {
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 18px;
        letter-spacing: 0.06em; }
      .cpArea dl dd .num {
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 29px;
        letter-spacing: 0.12em;
        margin: 0 3px; }
  .cpArea .cpBtn {
    margin: 0; }
    .cpArea .cpBtn img {
      max-width: 400px; }

.cpArea02 {
  background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/reception_bg.webp") center bottom no-repeat;
  background-size: cover;
  padding: 100px 40px 90px;
  text-align: center; }
  .cpArea02 h2 {
    font-family: 'Optima', 'Marcellus', serif;
    font-size: 27px;
    line-height: 1;
    margin-bottom: 25px; }
    .cpArea02 h2 span {
      letter-spacing: 0.15em;
      position: relative; }
      .cpArea02 h2 span:before {
        background: #333;
        content: '';
        display: inline-block;
        height: 30px;
        margin-right: 20px;
        width: 2px;
        vertical-align: -5px;
        transform: rotate(-30deg); }
      .cpArea02 h2 span:after {
        background: #333;
        content: '';
        display: inline-block;
        height: 30px;
        margin-left: 20px;
        width: 2px;
        vertical-align: -5px;
        transform: rotate(30deg); }
  .cpArea02 dl {
    background: #F4C511;
    display: block;
    margin: 0 auto;
    max-width: 700px;
    padding: 15px 35px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .cpArea02 dl dt {
      font-family: 'Shippori Mincho B1', serif;
      font-size: 33px;
      letter-spacing: 0.04em;
      line-height: 1.4; }
    .cpArea02 dl dd {
      font-family: 'Shippori Mincho B1', serif;
      font-size: 33px;
      letter-spacing: 0.04em;
      line-height: 1.4; }
    .cpArea02 dl .en {
      font-family: 'Optima', 'Marcellus', serif;
      font-size: 16px;
      letter-spacing: 0.04em;
      text-transform: uppercase; }
    .cpArea02 dl .num {
      font-family: 'Optima', 'Marcellus', serif;
      font-size: 35px;
      letter-spacing: 0.1em;
      margin: 0 3px; }
    .cpArea02 dl .sizeS {
      font-size: 16px; }

/*-- MODAL --*/
.modaal-close {
  background: #FFF !important;
  top: 30px !important;
  right: 30px !important; }
  @media only screen and (min-width: 901px) {
    .modaal-close {
      -webkit-filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.3));
      filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.3)); } }

.modaal-close::after, .modaal-close::before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #8D92A3 !important;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

.modaal-container {
  background: white !important;
  max-width: 1000px !important; }

.modaal-content-container {
  padding: 0 !important; }

.proModal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  position: relative; }
  .proModal .img {
    margin: 0;
    position: relative;
    width: 527px;
    max-width: 527px; }
  .proModal .data {
    padding: 20px 40px;
    width: calc(100% - 527px); }
    .proModal .data .type {
      margin-bottom: 5px; }
      .proModal .data .type img {
        height: 45px; }
    .proModal .data .desc {
      color: #16224d;
      font-size: 15px;
      line-height: 1.8;
      letter-spacing: 0.04em;
      margin-bottom: 10px; }
    .proModal .data .normalPrice {
      font-family: 'Shippori Mincho B1', serif;
      font-size: 13px;
      margin-bottom: 10px; }
      .proModal .data .normalPrice .num {
        font-size: 24px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.02em; }
    .proModal .data h3 {
      font-family: “Hiragino Sans”, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
      color: #494949;
      line-height: 1.5;
      margin-bottom: 15px; }
      .proModal .data h3 .name {
        display: inline-block;
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0.1em;
        margin-bottom: 10px; }
        .proModal .data h3 .name .other {
          font-size: 14px;
          font-weight: 400;
          margin-left: 5px;
          vertical-align: 3px; }
      .proModal .data h3 .gram {
        display: block;
        font-size: 15px;
        font-weight: 400;
        vertical-align: text-bottom; }
      .proModal .data h3 .sub {
        display: block;
        font-size: 15px;
        font-weight: 600; }
      .proModal .data h3 .normal {
        font-size: 10px; }
      .proModal .data h3 .yen {
        font-size: 16px; }
      .proModal .data h3 .num {
        font-size: 24px; }
      .proModal .data h3 .tax {
        font-size: 9px; }
    .proModal .data .kakaku_area {
      color: #16224d;
      font-size: 12px;
      margin-bottom: 20px; }
      .proModal .data .kakaku_area .shasen {
        font-family: 'Shippori Mincho B1', serif;
        font-weight: 500;
        position: relative; }
        .proModal .data .kakaku_area .shasen::after {
          background-color: #16224d;
          content: "";
          display: block;
          transform: rotate(-10deg);
          position: absolute;
          width: 100%;
          height: 1px;
          top: 30%;
          left: 0; }
        .proModal .data .kakaku_area .shasen .yen {
          font-size: 16px; }
        .proModal .data .kakaku_area .shasen .num02 {
          font-size: 24px; }
        .proModal .data .kakaku_area .shasen .tax {
          font-size: 11px; }
    .proModal .data dl {
      display: flex;
      align-items: center;
      font-family: 'Jost', sans-serif;
      margin-bottom: 15px; }
      .proModal .data dl dt {
        margin-right: 5px; }
        .proModal .data dl dt.off10 {
          padding: 0 3px 0 0; }
          .proModal .data dl dt.off10 img {
            width: 120px; }
        .proModal .data dl dt.off30plus {
          padding: 0 3px 0 0; }
          .proModal .data dl dt.off30plus img {
            width: 143px; }
        .proModal .data dl dt.off15 {
          padding: 0 3px 0 0; }
          .proModal .data dl dt.off15 img {
            width: 143px; }
      .proModal .data dl dd {
        color: #FF507B;
        font-family: 'Shippori Mincho B1', serif; }
        .proModal .data dl dd.only {
          color: #5083C4; }
        .proModal .data dl dd .yen {
          font-size: 28px;
          font-weight: 500; }
        .proModal .data dl dd .num {
          font-size: 47px;
          font-weight: 500;
          line-height: 1;
          letter-spacing: 0.02em; }
        .proModal .data dl dd .tax {
          font-size: 16px;
          font-weight: 500; }
    .proModal .data .btnArea {
      position: relative; }
      .proModal .data .btnArea .btns {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
        align-items: flex-end; }
        .proModal .data .btnArea .btns:before {
          border-bottom: 1px solid #333;
          content: 'ご希望の定期コースを選択してください';
          display: inline-block;
          font-size: 15px;
          font-weight: 500;
          margin-bottom: 15px;
          padding-bottom: 5px;
          max-width: 270px; }
        .proModal .data .btnArea .btns li {
          margin-right: 10px; }
          .proModal .data .btnArea .btns li img {
            height: 72px;
            width: auto; }
          .proModal .data .btnArea .btns li:last-child img {
            height: 68px;
            width: auto; }
      .proModal .data .btnArea .question {
        position: absolute;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 0;
        padding-right: 20px;
        text-align: right;
        left: 0;
        bottom: -30px;
        z-index: 10; }
        .proModal .data .btnArea .question a {
          background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/icon_q.png") left center no-repeat;
          background-size: 16px auto;
          display: inline-block;
          padding-left: 22px;
          text-decoration: underline; }
    .proModal .data .attP {
      font-size: 11px;
      text-align: right;
      margin-top: 10px; }
    .proModal .data .attPl {
      font-size: 12px;
      text-align: left;
      margin-top: 10px; }
    .proModal .data .btn_single {
      max-width: 400px; }
      .proModal .data .btn_single.top25 {
        margin-top: 25px; }
      .proModal .data .btn_single.singleBig {
        max-width: 450px; }
    .proModal .data .cBtn {
      max-width: 426px; }
    .proModal .data .att {
      font-size: 12px;
      line-height: 1.6;
      margin-top: 10px;
      text-indent: -1em;
      padding-left: 1em; }

.inline_close {
  position: absolute;
  right: -20px;
  top: -20px;
  color: #fff;
  cursor: pointer;
  display: block;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: #CCC;
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.inline_close::after, .inline_close::before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

.inline_close::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.inline_close::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Responsive Start  */
@media only screen and (max-width: 768px) {
  .spDisp {
    display: inline; }

  .spHide {
    display: none; }

  sub {
    font-size: 9px; }

  sup {
    vertical-align: top; }

  body {
    min-width: auto;
    min-width: none; }

  .meritArea {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
    min-height: none;
    padding: 10vw 5vw; }
    .meritArea ul {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0;
      max-width: auto;
      max-width: none;
      width: 100%; }
      .meritArea ul li {
        margin: 0 5vw;
        width: 38%;
        max-width: auto;
        max-width: none; }

  .anivArea {
    padding: 32px 3.5vw 24px; }
    .anivArea .whiteBox {
      max-width: 100%;
      padding: 40px 3.5vw 32px; }
      .anivArea .whiteBox .inr {
        margin: 0 auto;
        max-width: 810px; }
        .anivArea .whiteBox .inr .bodyCopy {
          margin-bottom: 40px; }
          .anivArea .whiteBox .inr .bodyCopy p {
            font-size: 17px;
            letter-spacing: 0.02em;
            line-height: 2.3;
            margin-bottom: 0; }
            .anivArea .whiteBox .inr .bodyCopy p:first-child {
              margin-bottom: 20px; }
            .anivArea .whiteBox .inr .bodyCopy p img {
              margin: 0 6px;
              max-width: 90px;
              vertical-align: -9px; }
        .anivArea .whiteBox .inr .limited {
          padding: 24px 5vw; }
          .anivArea .whiteBox .inr .limited .day {
            margin-bottom: 12px;
            padding: 0; }
            .anivArea .whiteBox .inr .limited .day .date {
              font-size: 25px;
              font-weight: 500;
              letter-spacing: 0.04em; }
            .anivArea .whiteBox .inr .limited .day .yobi {
              font-size: 14px;
              font-weight: 500;
              letter-spacing: 0.04em;
              vertical-align: 2px; }
            .anivArea .whiteBox .inr .limited .day .time {
              font-size: 23px;
              font-weight: 500;
              letter-spacing: 0.04em; }
            .anivArea .whiteBox .inr .limited .day .ja {
              font-family: 'Shippori Mincho B1', serif;
              font-size: 15px;
              font-weight: 500;
              letter-spacing: 0.04em;
              vertical-align: 2px; }
          .anivArea .whiteBox .inr .limited ul li:first-child {
            margin-bottom: 16px; }
        .anivArea .whiteBox .inr .att {
          font-size: 11px;
          letter-spacing: 0;
          line-height: 1.8;
          margin: 12px 0 30px;
          text-align: right; }
        .anivArea .whiteBox .inr .anivBtn {
          text-align: center; }
          .anivArea .whiteBox .inr .anivBtn img {
            max-width: 100%; }

  .reserveArea {
    padding: 30px 2.5vw; }
    .reserveArea .inr {
      margin: 0;
      padding: 40px 0 40px;
      text-align: left; }
      .reserveArea .inr h2 {
        margin-bottom: 30px; }
        .reserveArea .inr h2 span {
          display: block;
          padding: 0 5vw; }
          .reserveArea .inr h2 span img {
            max-width: auto;
            max-width: none;
            width: 100%; }
      .reserveArea .inr .bnrList {
        display: block;
        max-width: 70vw;
        margin: 0 auto 35px; }
        .reserveArea .inr .bnrList li {
          margin-bottom: 25px;
          width: 100%; }
      .reserveArea .inr .copy {
        font-size: 14px;
        letter-spacing: 0.02em;
        line-height: 1.7;
        margin: 0 5vw 15px; }
      .reserveArea .inr .reserveBtn {
        padding: 0 5vw;
        margin-bottom: 25px; }
        .reserveArea .inr .reserveBtn img {
          max-width: 100%; }
      .reserveArea .inr .attList {
        max-width: auto;
        max-width: none;
        margin: 0; }
        .reserveArea .inr .attList li {
          font-size: 9px;
          margin: 0 5vw 8px; }

  .onoffArea {
    padding: 60px 5vw 40px; }
    .onoffArea .inr {
      max-width: 1000px;
      margin: 0 auto;
      text-align: center; }
      .onoffArea .inr h2 {
        margin-bottom: 25px; }
        .onoffArea .inr h2 .en {
          font-size: 17px;
          margin-bottom: 20px;
          padding-bottom: 3px; }
        .onoffArea .inr h2 .ja {
          font-size: 24px;
          letter-spacing: 0.06em;
          line-height: 1;
          padding-bottom: 14px; }
      .onoffArea .inr h3 {
        font-size: 19px;
        letter-spacing: 0.16em;
        line-height: 1.6;
        margin: 0 auto 30px; }
        .onoffArea .inr h3 span {
          font-size: 11px;
          padding-top: 16px; }
      .onoffArea .inr ul {
        display: block;
        margin: 0;
        padding: 0; }
        .onoffArea .inr ul li {
          margin-bottom: 15px;
          width: 100%; }
          .onoffArea .inr ul li h4 {
            bottom: -7px;
            left: 25px;
            width: 50%;
            z-index: 2; }
          .onoffArea .inr ul li .img {
            max-width: 70%; }
          .onoffArea .inr ul li .txt {
            font-size: 18px;
            letter-spacing: -0.02em;
            line-height: 1.6;
            padding: 20px 0 20px; }
      .onoffArea .inr .onoffBtn {
        padding-top: 16px;
        text-align: center; }
        .onoffArea .inr .onoffBtn img {
          max-width: 100%; }

  .onetenArea {
    padding: 30px 2.5vw 30px; }
    .onetenArea .inr {
      display: block;
      max-width: auto;
      max-width: none;
      margin: 0;
      padding: 50px 2.5vw 40px; }
      .onetenArea .inr .img {
        margin-bottom: 30px;
        text-align: center;
        width: 100%; }
        .onetenArea .inr .img img {
          max-width: 35vw; }
      .onetenArea .inr .data {
        width: 100%; }
        .onetenArea .inr .data h2 {
          margin-bottom: 16px;
          padding-left: 2.5vw;
          padding-right: 2.5vw; }
          .onetenArea .inr .data h2 .line {
            background-image: linear-gradient(90deg, #C2F2F2, #FEF9E3);
            background-repeat: no-repeat;
            background-position: bottom;
            background-size: 100% 50%;
            display: inline-block;
            font-family: 'Shippori Mincho B1', serif;
            font-size: 21px;
            line-height: 1.3;
            margin-bottom: 10px; }
            .onetenArea .inr .data h2 .line > span {
              letter-spacing: 0.06em; }
              .onetenArea .inr .data h2 .line > span sup {
                font-size: 14px;
                vertical-align: 10px; }
        .onetenArea .inr .data .tagList li {
          font-size: 12px;
          letter-spacing: -0.06em;
          margin: 0 2px 2px 0;
          padding: 8px 0;
          white-space: nowrap;
          width: calc((100% - 12px) / 3); }
          .onetenArea .inr .data .tagList li.clm4 {
            width: calc((100% - 16px) / 4); }
          .onetenArea .inr .data .tagList li:nth-child(9) {
            font-size: 11px;
            letter-spacing: -0.06em; }
          .onetenArea .inr .data .tagList li sup {
            font-size: 5px;
            margin-right: 0; }
        .onetenArea .inr .data p {
          font-size: 15px;
          letter-spacing: 0.02em;
          line-height: 1.8;
          padding-left: 2.5vw;
          padding-right: 2.5vw; }
          .onetenArea .inr .data p.att {
            font-size: 11px;
            margin-top: 20px; }

  .voiceArea {
    padding: 30px 2.5vw 30px; }
    .voiceArea .inr {
      margin: 0;
      padding: 30px 5vw 20px; }
      .voiceArea .inr .vaTitle {
        padding: 0; }
        .voiceArea .inr .vaTitle h2 {
          display: block;
          margin-bottom: 0;
          padding: 0;
          text-align: center; }
          .voiceArea .inr .vaTitle h2 .img01 {
            display: block;
            margin-bottom: 20px;
            padding: 0; }
            .voiceArea .inr .vaTitle h2 .img01 img {
              max-width: 100%;
              width: 100%; }
          .voiceArea .inr .vaTitle h2 .img02 {
            margin-left: 0;
            padding: 0; }
            .voiceArea .inr .vaTitle h2 .img02 img {
              max-width: 130px; }
        .voiceArea .inr .vaTitle .att {
          line-height: 1.7;
          margin: 10px auto 0;
          width: 100%; }
        .voiceArea .inr .vaTitle:after {
          content: '※フリックで横スクロールできます';
          display: block;
          font-size: 11px;
          margin: 20px 0 0 0;
          text-align: left;
          text-decoration: underline; }
      .voiceArea .inr .instaArea {
        background: #DDD;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 300px; }
        .voiceArea .inr .instaArea p {
          font-size: 20px;
          line-height: 2; }
      .voiceArea .inr .spScroll {
        background-color: #F3f3f3;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: 10px;
        padding-bottom: 10px; }
      .voiceArea .inr ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0 auto;
        max-width: auto;
        max-width: none;
        padding: 5vw 0 5vw 20px;
        width: 1200px; }
        .voiceArea .inr ul li {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          margin-top: 0;
          padding: 35px 15px 20px;
          width: 24%; }
          .voiceArea .inr ul li:after {
            right: -7px;
            bottom: -7px; }
          .voiceArea .inr ul li .img {
            border: 2px solid #CCC;
            border-radius: 100%;
            overflow: hidden;
            margin-bottom: 0;
            height: 60px;
            width: 60px; }
          .voiceArea .inr ul li .data {
            width: calc(100% - 75px); }
            .voiceArea .inr ul li .data .voiceHead {
              margin-bottom: 10px;
              text-align: center; }
              .voiceArea .inr ul li .data .voiceHead img {
                width: 90%; }
            .voiceArea .inr ul li .data .voice {
              color: #333;
              font-size: 12px;
              line-height: 1.7;
              letter-spacing: 0.06em;
              margin-bottom: 0; }
              .voiceArea .inr ul li .data .voice .gene {
                display: block;
                text-align: right; }
          .voiceArea .inr ul li:nth-child(2) .img {
            width: 60px; }

  .receptionArea {
    padding: 40px 5vw 40px; }
    .receptionArea .inr {
      max-width: auto;
      max-width: none;
      margin: 0; }
      .receptionArea .inr .flex {
        display: block;
        margin-bottom: 30px; }
        .receptionArea .inr .flex .boxL {
          width: 100%; }
          .receptionArea .inr .flex .boxL .enCopy {
            margin-bottom: 16px;
            text-align: center; }
            .receptionArea .inr .flex .boxL .enCopy span {
              font-size: 16px;
              letter-spacing: 0.14em; }
          .receptionArea .inr .flex .boxL h2 {
            margin-bottom: 20px;
            text-align: center; }
            .receptionArea .inr .flex .boxL h2 .line {
              font-size: 24px;
              line-height: 1.2;
              margin-bottom: 8px; }
              .receptionArea .inr .flex .boxL h2 .line > span {
                letter-spacing: 0.1em; }
                .receptionArea .inr .flex .boxL h2 .line > span sup {
                  font-size: 14px;
                  vertical-align: 10px; }
          .receptionArea .inr .flex .boxL dl {
            display: flex;
            padding: 8px 15px; }
            .receptionArea .inr .flex .boxL dl dt {
              font-size: 14px;
              font-weight: 500;
              letter-spacing: 0.06em;
              padding-right: 20px; }
            .receptionArea .inr .flex .boxL dl dd {
              font-size: 15px;
              letter-spacing: 0.06em; }
              .receptionArea .inr .flex .boxL dl dd .en {
                font-size: 15px;
                letter-spacing: 0.06em; }
              .receptionArea .inr .flex .boxL dl dd .num {
                font-size: 26px;
                letter-spacing: 0.12em;
                margin: 0 2px; }
        .receptionArea .inr .flex .boxR {
          margin-bottom: 30px;
          width: 100%; }
          .receptionArea .inr .flex .boxR p {
            margin-bottom: 0;
            text-align: center; }
            .receptionArea .inr .flex .boxR p img {
              max-width: 80vw; }
      .receptionArea .inr .more {
        background: #FFF;
        border: 3px double #38C7CF;
        padding: 15px; }
        .receptionArea .inr .more .txt {
          font-size: 14px;
          width: calc(100% - 95px); }
          .receptionArea .inr .more .txt span {
            border-bottom: 1px solid #333;
            display: inline;
            letter-spacing: 0.02em;
            line-height: 1.9;
            padding-bottom: 3px; }
        .receptionArea .inr .more .img {
          margin-bottom: 0;
          padding-left: 25px; }
          .receptionArea .inr .more .img img {
            width: 110px; }

  .itemArea {
    background-attachment: inherit;
    padding: 40px 2.5vw 30px; }
    .itemArea .inr {
      margin: 0;
      max-width: auto;
      max-width: none; }
      .itemArea .inr .enCopy {
        margin-bottom: 20px;
        text-align: center; }
        .itemArea .inr .enCopy span {
          font-size: 20px;
          letter-spacing: 0.14em; }
      .itemArea .inr .limitedDay {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-bottom: 40px;
        text-align: center; }
        .itemArea .inr .limitedDay .day {
          margin-bottom: 12px;
          padding: 4px 28px; }
          .itemArea .inr .limitedDay .day .date {
            font-size: 23px;
            font-weight: 500;
            letter-spacing: 0.04em; }
          .itemArea .inr .limitedDay .day .yobi {
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0.04em;
            vertical-align: 2px; }
          .itemArea .inr .limitedDay .day .time {
            font-size: 23px;
            font-weight: 500;
            letter-spacing: 0.04em; }
          .itemArea .inr .limitedDay .day .ja {
            font-family: 'Shippori Mincho B1', serif;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.04em;
            vertical-align: 2px; }
      .itemArea .inr ul.itemList > li {
        display: block;
        margin-bottom: 40px;
        padding: 20px 5vw 30px;
        width: 100%; }
        .itemArea .inr ul.itemList > li:last-child {
          margin-bottom: 0; }
        .itemArea .inr ul.itemList > li .img {
          padding-left: 1vw;
          width: 100%; }
          .itemArea .inr ul.itemList > li .img img {
            width: 100%; }
          .itemArea .inr ul.itemList > li .img.icon01:before {
            height: 70px;
            width: 70px;
            top: -35px;
            left: -25px; }
          .itemArea .inr ul.itemList > li .img.icon02:before {
            height: 70px;
            width: 70px;
            top: -35px;
            left: -25px; }
        .itemArea .inr ul.itemList > li .data {
          padding: 25px 0 0;
          width: 100%; }
          .itemArea .inr ul.itemList > li .data .otoku {
            margin-bottom: 20px; }
            .itemArea .inr ul.itemList > li .data .otoku .line {
              font-size: 24px; }
          .itemArea .inr ul.itemList > li .data .type {
            margin-bottom: 5px; }
            .itemArea .inr ul.itemList > li .data .type img {
              height: 35px; }
          .itemArea .inr ul.itemList > li .data .desc {
            font-size: 15px;
            line-height: 1.6;
            letter-spacing: 0.04em;
            max-width: auto;
            max-width: none;
            margin-bottom: 15px; }
          .itemArea .inr ul.itemList > li .data .normalPrice {
            font-size: 11px;
            margin-bottom: 16px; }
            .itemArea .inr ul.itemList > li .data .normalPrice .num {
              font-size: 18px; }
          .itemArea .inr ul.itemList > li .data h3 {
            line-height: 1.5;
            margin-bottom: 16px; }
            .itemArea .inr ul.itemList > li .data h3 .name {
              display: block;
              font-size: 20px;
              letter-spacing: 0.02em;
              line-height: 1.1;
              margin-right: 10px; }
              .itemArea .inr ul.itemList > li .data h3 .name .other {
                font-size: 12px;
                margin-left: 6px;
                vertical-align: 1px; }
            .itemArea .inr ul.itemList > li .data h3 .gram {
              font-size: 13px;
              margin-right: 10px; }
            .itemArea .inr ul.itemList > li .data h3 .normal {
              font-size: 9px; }
            .itemArea .inr ul.itemList > li .data h3 .yen {
              font-size: 12px; }
            .itemArea .inr ul.itemList > li .data h3 .num {
              font-size: 19px; }
            .itemArea .inr ul.itemList > li .data h3 .tax {
              font-size: 8px; }
          .itemArea .inr ul.itemList > li .data .kakaku_area {
            font-size: 12px;
            margin-bottom: 15px; }
            .itemArea .inr ul.itemList > li .data .kakaku_area .shasen .yen {
              font-size: 15px; }
            .itemArea .inr ul.itemList > li .data .kakaku_area .shasen .num02 {
              font-size: 22px; }
              .itemArea .inr ul.itemList > li .data .kakaku_area .shasen .num02:after {
                height: 2px; }
            .itemArea .inr ul.itemList > li .data .kakaku_area .shasen .tax {
              font-size: 14px; }
          .itemArea .inr ul.itemList > li .data dl {
            margin-bottom: 10px; }
            .itemArea .inr ul.itemList > li .data dl dt {
              margin-right: 5px; }
              .itemArea .inr ul.itemList > li .data dl dt.off10 {
                padding: 0 3px 0 0; }
                .itemArea .inr ul.itemList > li .data dl dt.off10 img {
                  width: 100px; }
              .itemArea .inr ul.itemList > li .data dl dt.off30plus {
                padding: 0 3px 0 0; }
                .itemArea .inr ul.itemList > li .data dl dt.off30plus img {
                  width: 150px; }
              .itemArea .inr ul.itemList > li .data dl dt.off15 {
                padding: 0 3px 0 0; }
                .itemArea .inr ul.itemList > li .data dl dt.off15 img {
                  width: 100px; }
            .itemArea .inr ul.itemList > li .data dl dd {
              color: #E95D56; }
              .itemArea .inr ul.itemList > li .data dl dd .yen {
                font-size: 18px;
                font-weight: 500;
                letter-spacing: 0.03em; }
              .itemArea .inr ul.itemList > li .data dl dd .num {
                font-size: 36px;
                font-weight: 500;
                letter-spacing: 0.03em; }
              .itemArea .inr ul.itemList > li .data dl dd .tax {
                font-size: 11px;
                font-weight: 500;
                letter-spacing: 0.03em; }
          .itemArea .inr ul.itemList > li .data dl.att {
            margin-bottom: 40px !important; }
            .itemArea .inr ul.itemList > li .data dl.att:after {
              font-size: 11px;
              margin-bottom: 10px;
              bottom: -40px; }
          .itemArea .inr ul.itemList > li .data .btnArea {
            position: relative; }
            .itemArea .inr ul.itemList > li .data .btnArea .btns {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              margin-bottom: 30px;
              padding-top: 10px; }
              .itemArea .inr ul.itemList > li .data .btnArea .btns:before {
                content: 'ご希望の定期コースを選択してください';
                font-size: 13px;
                margin-bottom: 15px; }
              .itemArea .inr ul.itemList > li .data .btnArea .btns li {
                margin-right: 0;
                width: 49%; }
                .itemArea .inr ul.itemList > li .data .btnArea .btns li img {
                  height: auto;
                  width: 100%; }
                .itemArea .inr ul.itemList > li .data .btnArea .btns li:last-child img {
                  height: auto;
                  width: auto; }
            .itemArea .inr ul.itemList > li .data .btnArea .question {
              position: absolute;
              font-size: 10px;
              padding-right: 0;
              top: auto;
              bottom: -30px !important; }
              .itemArea .inr ul.itemList > li .data .btnArea .question a {
                background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/icon_q.png") left center no-repeat;
                background-size: 12px auto;
                display: inline-block;
                padding-left: 18px;
                text-decoration: underline; }
          .itemArea .inr ul.itemList > li .data .btn_single {
            max-width: auto;
            max-width: none;
            margin-bottom: 0; }
            .itemArea .inr ul.itemList > li .data .btn_single.top25 {
              margin-top: 25px; }
          .itemArea .inr ul.itemList > li .data .att {
            font-size: 10px;
            line-height: 1.6;
            margin-bottom: 5px; }
          .itemArea .inr ul.itemList > li .data .attP {
            font-size: 10px;
            line-height: 1.6;
            margin-top: 16px; }
        .itemArea .inr ul.itemList > li.long {
          display: block;
          margin-bottom: 0; }
          .itemArea .inr ul.itemList > li.long .img {
            margin-bottom: 15px; }
          .itemArea .inr ul.itemList > li.long .data {
            max-width: 100%; }
            .itemArea .inr ul.itemList > li.long .data .desc {
              margin-bottom: 20px; }
            .itemArea .inr ul.itemList > li.long .data .flexBox {
              display: block;
              margin-bottom: 30px; }
              .itemArea .inr ul.itemList > li.long .data .flexBox .itemUl {
                width: 100%;
                margin-bottom: 15px; }
                .itemArea .inr ul.itemList > li.long .data .flexBox .itemUl li {
                  width: 100%;
                  margin-bottom: 15px; }
                  .itemArea .inr ul.itemList > li.long .data .flexBox .itemUl li .name {
                    font-size: 18px; }
                  .itemArea .inr ul.itemList > li.long .data .flexBox .itemUl li .gram {
                    font-size: 13px; }
            .itemArea .inr ul.itemList > li.long .data .select {
              font-size: 13px;
              margin-bottom: 10px; }
            .itemArea .inr ul.itemList > li.long .data .selectUL {
              display: block;
              margin-bottom: 5px; }
              .itemArea .inr ul.itemList > li.long .data .selectUL li {
                width: 100%; }
                .itemArea .inr ul.itemList > li.long .data .selectUL li:first-child {
                  margin-bottom: 15px; }
            .itemArea .inr ul.itemList > li.long .data .question {
              font-size: 12px; }
              .itemArea .inr ul.itemList > li.long .data .question a {
                background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/icon_q.png") left center no-repeat;
                background-size: 16px auto;
                display: inline-block;
                padding-left: 22px;
                text-decoration: underline; }
            .itemArea .inr ul.itemList > li.long .data .btn_single {
              margin: 30px auto 0; }
      .itemArea .inr ul.itemList.itemList2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 900px; }
        .itemArea .inr ul.itemList.itemList2 > li {
          display: block;
          width: 400px; }
          .itemArea .inr ul.itemList.itemList2 > li .img {
            width: 400px; }
          .itemArea .inr ul.itemList.itemList2 > li .data {
            width: 400px; }
            .itemArea .inr ul.itemList.itemList2 > li .data .desc {
              margin-bottom: 0; }
            .itemArea .inr ul.itemList.itemList2 > li .data .btn_single {
              margin: 30px 0 0; }
            .itemArea .inr ul.itemList.itemList2 > li .data .top30 {
              margin-top: 30px; }
            .itemArea .inr ul.itemList.itemList2 > li .data .top15 {
              margin-top: 15px; }
    .itemArea .btnMore {
      padding-top: 0; }
      .itemArea .btnMore img {
        width: 100%; }
    .itemArea .outLink {
      font-size: 13px;
      padding-top: 10px;
      padding-right: 5px;
      text-align: right; }
      .itemArea .outLink a {
        color: #000;
        text-decoration: underline; }
        .itemArea .outLink a:after {
          display: inline-block;
          content: '';
          width: 6px;
          height: 6px;
          border-top: 1px solid #000;
          border-right: 1px solid #000;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          vertical-align: 1px;
          margin-left: 4px; }

  .presentArea {
    padding: 40px 2.5vw 40px; }
    .presentArea .inr {
      max-width: 100%;
      margin: 0; }
      .presentArea .inr .enCopy {
        margin-bottom: 20px;
        text-align: center; }
        .presentArea .inr .enCopy span {
          font-size: 16px; }
      .presentArea .inr .jaCopy {
        font-size: 18px;
        letter-spacing: 0.06em;
        line-height: 1.6;
        margin-bottom: 20px; }
      .presentArea .inr h2 span {
        font-size: 20px;
        letter-spacing: 0.06em;
        padding: 10px 10px;
        margin-bottom: 30px;
        min-width: 60vw; }
      .presentArea .inr ul li {
        margin-bottom: 75px;
        padding: 20px 5vw 30px; }
        .presentArea .inr ul li:before {
          content: "";
          position: absolute;
          top: calc(100% + 30px);
          left: 50%;
          margin-left: -25px;
          border: 25px solid transparent;
          border-top: 20px solid #00B2B9; }
        .presentArea .inr ul li:last-child {
          margin-bottom: 10px; }
          .presentArea .inr ul li:last-child:before {
            display: none; }
        .presentArea .inr ul li h3 {
          font-size: 18px;
          letter-spacing: -0.02em;
          line-height: 1.7;
          margin-bottom: 20px;
          padding: 10px 0; }
          .presentArea .inr ul li h3.tokuten {
            background-size: 66px auto;
            padding-left: 80px; }
        .presentArea .inr ul li .flex {
          display: block; }
          .presentArea .inr ul li .flex .img {
            width: 100%; }
            .presentArea .inr ul li .flex .img img {
              max-width: 70vw; }
            .presentArea .inr ul li .flex .img.img02 img {
              max-width: 50vw; }
            .presentArea .inr ul li .flex .img.img03 {
              padding-right: 12px;
              text-align: center; }
              .presentArea .inr ul li .flex .img.img03 img {
                max-width: 60vw; }
          .presentArea .inr ul li .flex .data {
            margin-top: 40px;
            padding: 45px 5vw 20px;
            position: relative;
            width: 100%; }
            .presentArea .inr ul li .flex .data:before {
              background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/present_recipe.png") left center no-repeat #FFF;
              background-size: 100px auto;
              content: '';
              display: block;
              height: 60px;
              padding: 0 15px 20px 0px;
              width: 115px;
              position: absolute;
              top: -15px;
              left: -10px;
              z-index: 1; }
            .presentArea .inr ul li .flex .data.data03:after {
              background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/present_03_thumb.png") center bottom no-repeat;
              background-size: 116px auto;
              content: '';
              display: block;
              height: 95px;
              width: 116px;
              position: absolute;
              top: -30px;
              right: -10px; }
            .presentArea .inr ul li .flex .data h4 {
              font-size: 17px; }
            .presentArea .inr ul li .flex .data h5 {
              font-size: 15px; }
            .presentArea .inr ul li .flex .data p {
              font-size: 14px;
              line-height: 1.55; }
            .presentArea .inr ul li .flex .data .dataFlex {
              display: block;
              justify-content: space-between; }
              .presentArea .inr ul li .flex .data .dataFlex .dataImg {
                margin-bottom: 30px;
                text-align: center;
                width: 100%; }
                .presentArea .inr ul li .flex .data .dataFlex .dataImg img {
                  width: 40vw; }
              .presentArea .inr ul li .flex .data .dataFlex .dataFlexData {
                width: 100%; }
      .presentArea .inr .att {
        font-size: 11px; }

  .pushArea {
    background-color: #F7F7F5;
    background-image: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/push_bg_01.webp");
    background-position: right 35% bottom;
    background-size: 140% auto;
    background-repeat: no-repeat;
    margin: 0;
    padding: 60px 5vw 72vw; }
    .pushArea .inr {
      max-width: auto;
      max-width: none;
      margin: 0; }
      .pushArea .inr .push h2 {
        margin-bottom: 0; }
        .pushArea .inr .push h2 .en {
          font-size: 16px;
          margin-bottom: 20px;
          padding-bottom: 3px; }
        .pushArea .inr .push h2 .ja {
          font-size: 24px;
          letter-spacing: 0.1em;
          line-height: 1;
          padding-bottom: 14px; }
      .pushArea .inr .push .checkList {
        margin: 0 auto 45px;
        max-width: auto;
        max-width: none;
        padding: 30px 7.5vw 15px; }
        .pushArea .inr .push .checkList li {
          background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/icon_check.png") left top 3px no-repeat;
          background-size: 20px auto;
          font-size: 15px;
          letter-spacing: 0.02em;
          line-height: 1.45;
          margin-bottom: 8px;
          padding: 0 0 3px 34px; }
      .pushArea .inr .push h3 span {
        font-size: 17px;
        letter-spacing: 0.06em;
        padding-bottom: 1px; }

  .pointArea .titleBox {
    background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/point_bg.webp") center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 180px; }
    .pointArea .titleBox .enCopy {
      margin-bottom: 20px;
      text-align: center; }
      .pointArea .titleBox .enCopy span {
        font-size: 16px; }
    .pointArea .titleBox h2 {
      text-align: center; }
      .pointArea .titleBox h2 img {
        max-width: 80%; }
  .pointArea .pointBox {
    padding: 30px 5vw 20px; }
    .pointArea .pointBox .pointHead {
      margin: 0;
      max-width: 100%;
      padding: 12px 0 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px; }
      .pointArea .pointBox .pointHead .no {
        margin-bottom: 10px;
        text-align: center;
        width: 100%; }
        .pointArea .pointBox .pointHead .no img {
          height: 80px; }
      .pointArea .pointBox .pointHead .txt {
        display: block;
        margin: 0 auto 10px;
        width: auto; }
        .pointArea .pointBox .pointHead .txt .line {
          background-image: linear-gradient(90deg, #C2F2F2, #FEF9E3);
          background-repeat: no-repeat;
          background-position: bottom;
          background-size: 100% 35%;
          display: inline-block;
          font-family: 'Shippori Mincho B1', serif;
          font-size: 21px;
          line-height: 1.3;
          margin-bottom: 8px; }
          .pointArea .pointBox .pointHead .txt .line > span {
            letter-spacing: 0.04em; }
            .pointArea .pointBox .pointHead .txt .line > span sup {
              font-size: 14px;
              vertical-align: 10px; }
      .pointArea .pointBox .pointHead .more {
        display: block;
        text-align: center;
        transition: 0.2s;
        position: static;
        right: auto;
        width: 100%; }
        .pointArea .pointBox .pointHead .more span {
          border-bottom: 2px solid #333;
          display: inline-block;
          font-family: 'Montserrat', sans-serif;
          font-size: 16px;
          font-weight: 600;
          letter-spacing: 0.1em;
          padding-bottom: 2px;
          position: relative; }
        .pointArea .pointBox .pointHead .more:after {
          content: '';
          display: inline-block;
          width: 8px;
          height: 8px;
          border-top: 1px solid #333;
          border-right: 1px solid #333;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          margin-left: 10px;
          vertical-align: 3px; }
      .pointArea .pointBox .pointHead:hover .no, .pointArea .pointBox .pointHead:hover .txt, .pointArea .pointBox .pointHead:hover .more {
        opacity: 0.7; }
      .pointArea .pointBox .pointHead.open .more {
        display: none; }
    .pointArea .pointBox .descBox {
      margin: 0;
      max-width: 100%;
      padding: 0; }
      .pointArea .pointBox .descBox p.txt {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.01em;
        line-height: 1.7; }
        .pointArea .pointBox .descBox p.txt sub {
          font-size: 12px;
          line-height: 22px; }
        .pointArea .pointBox .descBox p.txt sup {
          line-height: 1; }
        .pointArea .pointBox .descBox p.txt .attP {
          display: block;
          font-size: 10px;
          letter-spacing: -0.02em;
          text-align: right;
          padding-top: 10px; }
      .pointArea .pointBox .descBox.descBox01 {
        display: block; }
        .pointArea .pointBox .descBox.descBox01 p.img {
          margin: 0 0 20px;
          text-align: center;
          width: 100%; }
          .pointArea .pointBox .descBox.descBox01 p.img img {
            width: 70vw; }
        .pointArea .pointBox .descBox.descBox01 p.txt {
          width: 100%; }
          .pointArea .pointBox .descBox.descBox01 p.txt .attP sub {
            font-size: 8px; }
      .pointArea .pointBox .descBox.descBox02, .pointArea .pointBox .descBox.descBox03 {
        margin: 0 auto;
        max-width: 760px; }
    .pointArea .pointBox figure {
      max-width: 1000px;
      margin: 20px auto 0; }
      .pointArea .pointBox figure img {
        height: auto;
        width: 100%; }
    .pointArea .pointBox .btm_att {
      margin: 0 auto;
      max-width: 860px;
      padding: 30px 0 0 35px; }
      .pointArea .pointBox .btm_att .attP {
        display: block;
        font-size: 10px;
        text-align: right;
        padding-top: 10px; }

  .sec03 {
    background: none;
    padding: 0; }
    .sec03 .inr {
      max-width: auto;
      max-width: none;
      margin: 0;
      padding: 50px 0 20px; }
      .sec03 .inr .titleBox {
        margin: 0 0 20px;
        text-align: center;
        width: 100%; }
        .sec03 .inr .titleBox:after {
          background-image: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/sec03_title_bg_01.png");
          background-position: center top;
          background-repeat: no-repeat;
          background-size: cover;
          content: '';
          display: block;
          height: 166px;
          width: 135px;
          position: absolute;
          top: 0;
          right: -80px;
          z-index: 2;
          display: none; }
        .sec03 .inr .titleBox .howto {
          margin-bottom: 20px; }
          .sec03 .inr .titleBox .howto img {
            width: 80%; }
        .sec03 .inr .titleBox h2 {
          display: inline-block; }
          .sec03 .inr .titleBox h2 span {
            font-size: 16px;
            letter-spacing: 0.01em;
            padding: 10px 20px;
            min-width: 100%; }
      .sec03 .inr .concept {
        display: block;
        margin: 10px auto 24px;
        max-width: 90%;
        padding: 36px 5vw; }
        .sec03 .inr .concept.reverse {
          padding: 36px 5vw; }
        .sec03 .inr .concept .img {
          max-width: 100%;
          margin-bottom: 30px;
          width: 100%;
          text-align: center; }
          .sec03 .inr .concept .img img {
            max-width: 90%; }
        .sec03 .inr .concept .data {
          width: 100%; }
          .sec03 .inr .concept .data .conceptP {
            font-size: 19px;
            letter-spacing: 0.17em;
            margin-bottom: 8px; }
          .sec03 .inr .concept .data .conceptCopy {
            font-size: 16px;
            line-height: 1.9; }
            .sec03 .inr .concept .data .conceptCopy .gradient-marker {
              letter-spacing: 0.02em; }
          .sec03 .inr .concept .data .conceptDesc {
            font-size: 15px;
            line-height: 1.6; }
      .sec03 .inr .flickAtt {
        display: block;
        font-size: 11px;
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 12px;
        padding: 0 7.5vw; }
      .sec03 .inr .spScroll {
        padding: 0 0 20px 7.5vw;
        width: 100%;
        overflow-x: auto; }
      .sec03 .inr ol {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin: 0;
        max-width: auto;
        max-width: none;
        width: 340vw; }
        .sec03 .inr ol.clm2 {
          padding-bottom: 10px;
          width: 170vw; }
        .sec03 .inr ol li {
          margin: 0 5vw 0 0;
          width: 80vw; }
          .sec03 .inr ol li .img {
            margin-bottom: 0; }
          .sec03 .inr ol li dl {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 15px 12px 25px 10px; }
            .sec03 .inr ol li dl dt {
              width: 55px; }
            .sec03 .inr ol li dl dd {
              font-size: 15px;
              letter-spacing: 0;
              line-height: 1.5;
              padding-top: 12px;
              width: calc(100% - 70px); }

  .lastBtnArea {
    min-height: 160px;
    padding: 0 5vw; }
    .lastBtnArea p a {
      display: block;
      max-width: auto;
      max-width: none; }

  .cpArea {
    padding: 50px 5vw 40px; }
    .cpArea h2 {
      font-size: 16px;
      margin-bottom: 20px; }
      .cpArea h2 span:before {
        height: 20px;
        margin-right: 15px;
        width: 1px; }
      .cpArea h2 span:after {
        height: 20px;
        margin-left: 15px;
        width: 1px; }
    .cpArea dl {
      display: block;
      margin-bottom: 20px;
      padding: 18px 10px; }
      .cpArea dl dt {
        font-size: 13px;
        letter-spacing: 0.02em;
        padding: 0 0 10px; }
      .cpArea dl dd {
        font-size: 13px;
        letter-spacing: 0.02em; }
        .cpArea dl dd .en {
          font-size: 14px;
          letter-spacing: 0.02em; }
        .cpArea dl dd .num {
          font-size: 24px;
          letter-spacing: 0.06em; }
    .cpArea .cpBtn {
      margin: 0; }
      .cpArea .cpBtn img {
        max-width: 100%; }

  .cpArea02 {
    padding: 60px 5vw 50px; }
    .cpArea02 h2 {
      font-size: 16px;
      margin-bottom: 20px; }
      .cpArea02 h2 span:before {
        height: 20px;
        margin-right: 15px;
        width: 1px; }
      .cpArea02 h2 span:after {
        height: 20px;
        margin-left: 15px;
        width: 1px; }
    .cpArea02 dl {
      margin: 0;
      padding: 15px 2vw; }
      .cpArea02 dl dt {
        font-size: 15px;
        letter-spacing: 0.02em;
        line-height: 1.4; }
      .cpArea02 dl dd {
        font-family: 'Shippori Mincho B1', serif;
        font-size: 15px;
        letter-spacing: 0.01em;
        line-height: 1.4; }
      .cpArea02 dl .en {
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 12px;
        letter-spacing: 0.01em;
        text-transform: uppercase; }
      .cpArea02 dl .num {
        font-family: 'Optima', 'Marcellus', serif;
        font-size: 22px;
        letter-spacing: 0.08em;
        margin: 0 3px; }
      .cpArea02 dl .sizeS {
        font-size: 13px;
        letter-spacing: -0.08em; }

  /*-- MODAL --*/
  .inline_close {
    right: 3px !important;
    top: 3px !important;
    transform: scale(0.8, 0.8) !important; }

  .modaal-container {
    max-width: none !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    height: 100% !important; }

  .modaal-inner-wrapper {
    padding: 0 !important; }

  .proModal {
    display: block; }
    .proModal .img {
      width: 100%; }
      .proModal .img img {
        width: 100%; }
    .proModal .data {
      padding: 25px 5vw;
      text-align: center;
      width: 100%; }
      .proModal .data .type {
        margin-bottom: 5px; }
        .proModal .data .type img {
          height: 35px; }
      .proModal .data .desc {
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 0.04em;
        max-width: auto;
        max-width: none;
        margin-bottom: 15px; }
      .proModal .data .normalPrice {
        font-size: 11px;
        margin-bottom: 16px; }
        .proModal .data .normalPrice .num {
          font-size: 18px; }
      .proModal .data h3 {
        line-height: 1.5;
        margin-bottom: 16px; }
        .proModal .data h3 .name {
          display: block;
          font-size: 22px;
          letter-spacing: 0.04em;
          margin-right: 10px; }
          .proModal .data h3 .name .other {
            font-size: 13px;
            margin-left: 2px;
            vertical-align: 3px; }
        .proModal .data h3 .gram {
          font-size: 13px;
          margin-right: 10px; }
        .proModal .data h3 .normal {
          font-size: 9px; }
        .proModal .data h3 .yen {
          font-size: 12px; }
        .proModal .data h3 .num {
          font-size: 19px; }
        .proModal .data h3 .tax {
          font-size: 8px; }
      .proModal .data .kakaku_area {
        font-size: 12px;
        margin-bottom: 15px; }
        .proModal .data .kakaku_area .shasen .yen {
          font-size: 14px; }
        .proModal .data .kakaku_area .shasen .num02 {
          font-size: 20px; }
        .proModal .data .kakaku_area .shasen .tax {
          font-size: 11px; }
      .proModal .data dl {
        display: block;
        margin-bottom: 10px;
        text-align: center; }
        .proModal .data dl dt {
          margin-right: 5px; }
          .proModal .data dl dt.off10 {
            padding: 0 3px 0 0; }
            .proModal .data dl dt.off10 img {
              width: 100px; }
          .proModal .data dl dt.off30plus {
            padding: 0 3px 0 0; }
            .proModal .data dl dt.off30plus img {
              width: 150px; }
          .proModal .data dl dt.off15 {
            padding: 0 3px 0 0; }
            .proModal .data dl dt.off15 img {
              width: 120px; }
        .proModal .data dl dd {
          color: #E95D56;
          display: block; }
          .proModal .data dl dd .yen {
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0.03em; }
          .proModal .data dl dd .num {
            font-size: 32px;
            font-weight: 500;
            letter-spacing: 0.03em; }
          .proModal .data dl dd .tax {
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.03em; }
      .proModal .data dl.att {
        margin-bottom: 40px !important; }
        .proModal .data dl.att:after {
          font-size: 11px;
          margin-bottom: 10px;
          bottom: -40px; }
      .proModal .data .btnArea {
        position: relative; }
        .proModal .data .btnArea .btns {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin-bottom: 30px;
          padding-top: 10px; }
          .proModal .data .btnArea .btns:before {
            content: 'ご希望の定期コースを選択してください';
            font-size: 13px;
            margin-bottom: 15px; }
          .proModal .data .btnArea .btns li {
            margin-right: 0;
            width: 49%; }
            .proModal .data .btnArea .btns li img {
              height: auto;
              width: 100%; }
            .proModal .data .btnArea .btns li:last-child img {
              height: auto;
              width: auto; }
        .proModal .data .btnArea .question {
          position: absolute;
          font-size: 10px;
          padding-right: 0;
          top: auto;
          bottom: -30px !important; }
          .proModal .data .btnArea .question a {
            background: url("//d1zn85v8awosct.cloudfront.net/img/freepage/maihada/cp20260302_3rd/images/icon_q.png") left center no-repeat;
            background-size: 12px auto;
            display: inline-block;
            padding-left: 18px;
            text-decoration: underline; }
      .proModal .data .btn_single {
        max-width: auto;
        max-width: none;
        margin-bottom: 0; }
        .proModal .data .btn_single.top25 {
          margin-top: 25px; }
      .proModal .data .att {
        font-size: 10px;
        line-height: 1.6;
        margin-bottom: 5px; }
      .proModal .data .attP {
        font-size: 10px;
        line-height: 1.6;
        margin-top: 16px; }
    .proModal .Products-detail-color2 .display_selectedItem2,
    .proModal .Products-detail-color-select-text2 {
      text-align: left !important; }

  .img_radios {
    padding-bottom: 20px; } }
/* Animation Setting */
.itemWrap,
.lastBtnArea {
  opacity: 0; }

.fvArea.action .fv03,
.meritArea ul li,
.anivArea .whiteBox,
.anivArea .limited,
.anivArea .att,
.anivArea .anivBtn,
.reserveArea .inr,
.reserveArea .inr h2,
.reserveArea .inr .bnrList li,
.reserveArea .inr .copy,
.reserveArea .inr .reserveBtn,
.reserveArea .inr .attList,
.onoffArea .inr h2,
.onoffArea .inr h3,
.onoffArea .inr ul li,
.onoffArea .inr .onoffBtn,
.onetenArea .inr,
.onetenArea .inr .img,
.onetenArea .inr .data,
.onetenArea .inr .data p,
.voiceArea .inr,
.voiceArea .inr .vaTitle,
.voiceArea .inr ul li,
.receptionArea .inr .boxR,
.receptionArea .inr .boxL,
.receptionArea .inr .more,
.itemArea .enCopy,
.itemArea .limitedDay,
.itemArea .itemList > li,
.itemArea .linkList > li,
.itemWrap h2,
.presentArea .inr .enCopy,
.presentArea .inr .jaCopy,
.presentArea .inr h2,
.presentArea .inr ul li,
.presentArea .inr .att,
.pushArea .inr,
.pushArea .inr .checkList,
.pushArea .inr .checkList li,
.pushArea .inr h3,
.pointArea .titleBox .enCopy,
.pointArea .titleBox h2,
.pointArea .pointBox h3,
.pointArea .pointBox .descBox .img,
.pointArea .pointBox .descBox .txt,
.pointArea .pointBox figure,
.sec03 .inr,
.sec03 .concept,
.sec03 .spScroll li,
.lastBtnArea p,
.cpArea h2,
.cpArea dl,
.cpArea .cpBtn,
.cpArea02 h2,
.cpArea02 dl {
  opacity: 0;
  -webkit-transform: translate(0, 25px);
  -ms-transform: translate(0, 25px);
  transform: translate(0px, 25px); }

.onoffArea .inr ul li .img,
.onoffArea .inr ul li h4,
.onoffArea .inr ul li .txt,
.itemList .img,
.itemList .data .type,
.itemList .data .desc,
.itemList .data .normalPrice,
.itemList .data .otoku,
.itemList .data h3,
.itemList .data .kakaku_area,
.itemList .data dl,
.itemList .data .btns,
.itemList .data .question,
.itemList .data .btn_single,
.itemList .data .att,
.itemList .data .itemUl,
.itemList .data .select,
.itemList .data .dropFlex,
.itemList .data .cBtn,
.itemList .data .cart_options,
.itemList .data .cart_options,
.itemList .data .attP,
.itemList .data .attPl,
.itemList .data .Products-detail-color2 {
  opacity: 0;
  -webkit-transform: translate(-15px, 0);
  -ms-transform: translate(-15px, 0);
  transform: translate(-15px, 0); }

/* fadeInBK Set */
.fvArea,
.fvArea .fv01,
.fvArea .fv02 {
  opacity: 0;
  transform: scale(1.15);
  filter: blur(6px); }

/* annimation */
.fvArea.action {
  animation: fadeInBK 1s cubic-bezier(0.56, 0, 0.2, 1) 0.2s 1 forwards; }

@media only screen and (min-width: 768px) {
  .fvArea.action .fv01 {
    animation: fadeInBK 1s cubic-bezier(0.56, 0, 0.2, 1) 0.3s 1 forwards; }

  .fvArea.action .fv02 {
    animation: fadeInBK 1s cubic-bezier(0.56, 0, 0.2, 1) 0.45s 1 forwards; }

  .fvArea.action .fv03 {
    animation: fadeInUpK 0.9s cubic-bezier(0.56, 0, 0.2, 1) 0.6s 1 forwards; } }
@media only screen and (max-width: 768px) {
  .fvArea.action .fv01 {
    animation: fadeInBK 1s cubic-bezier(0.56, 0, 0.2, 1) 0.45s 1 forwards; }

  .fvArea.action .fv02 {
    animation: fadeInBK 1s cubic-bezier(0.56, 0, 0.2, 1) 0.3s 1 forwards; }

  .fvArea.action .fv03 {
    animation: fadeInUpK 0.9s cubic-bezier(0.56, 0, 0.2, 1) 0.6s 1 forwards; } }
.meritArea ul.action li:nth-child(1) {
  -webkit-animation: fadeInUpK 0.8s ease 0.2s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.2s 1 forwards; }

.meritArea ul.action li:nth-child(2) {
  -webkit-animation: fadeInUpK 0.8s ease 0.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.4s 1 forwards; }

.meritArea ul.action li:nth-child(3) {
  -webkit-animation: fadeInUpK 0.8s ease 0.6s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.6s 1 forwards; }

.anivArea .whiteBox.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.6s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.6s 1 forwards; }

.anivArea .limited.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.6s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.6s 1 forwards; }

.anivArea .att.action {
  -webkit-animation: fadeInUpK 0.6s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.6s ease 0.3s 1 forwards; }

.anivArea .anivBtn.action {
  -webkit-animation: fadeInUpK 0.6s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.6s ease 0.3s 1 forwards; }

.reserveArea .inr.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.reserveArea .inr.action h2 {
  -webkit-animation: fadeInUpK 0.8s ease 0.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.4s 1 forwards; }

.reserveArea .inr .bnrList.action li:nth-child(1) {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.reserveArea .inr .bnrList.action li:nth-child(2) {
  -webkit-animation: fadeInUpK 0.8s ease 0.75s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.75s 1 forwards; }

.reserveArea .inr .copy.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.reserveArea .inr .reserveBtn.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.reserveArea .inr .attList.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.onoffArea .inr.action h2 {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.onoffArea .inr.action h3 {
  -webkit-animation: fadeInUpK 0.8s ease 0.55s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.55s 1 forwards; }

.onoffArea .inr.action ul li:nth-child(1) {
  -webkit-animation: fadeInUpK 0.8s ease 0.8s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.8s 1 forwards; }

.onoffArea .inr.action ul li:nth-child(1) .img {
  -webkit-animation: fadeInLK 0.8s ease 0.9s 1 forwards;
  animation: fadeInLK 0.8s ease 0.9s 1 forwards; }

.onoffArea .inr.action ul li:nth-child(1) h4 {
  -webkit-animation: fadeInLK 0.8s ease 1s 1 forwards;
  animation: fadeInLK 0.8s ease 1s 1 forwards; }

.onoffArea .inr.action ul li:nth-child(1) .txt {
  -webkit-animation: fadeInLK 0.8s ease 1.1s 1 forwards;
  animation: fadeInLK 0.8s ease 1.1s 1 forwards; }

.onoffArea .inr.action ul li:nth-child(2) {
  -webkit-animation: fadeInUpK 0.8s ease 1s 1 forwards;
  animation: fadeInUpK 0.8s ease 1s 1 forwards; }

.onoffArea .inr.action ul li:nth-child(2) .img {
  -webkit-animation: fadeInLK 0.8s ease 1.2s 1 forwards;
  animation: fadeInLK 0.8s ease 1.2s 1 forwards; }

.onoffArea .inr.action ul li:nth-child(2) h4 {
  -webkit-animation: fadeInLK 0.8s ease 1.3s 1 forwards;
  animation: fadeInLK 0.8s ease 1.3s 1 forwards; }

.onoffArea .inr.action ul li:nth-child(2) .txt {
  -webkit-animation: fadeInLK 0.8s ease 1.4s 1 forwards;
  animation: fadeInLK 0.8s ease 1.4s 1 forwards; }

.onoffArea .inr.action .onoffBtn {
  -webkit-animation: fadeInUpK 0.8s ease 1.6s 1 forwards;
  animation: fadeInUpK 0.8s ease 1.6s 1 forwards; }

.onetenArea .inr.action {
  -webkit-animation: fadeInUpK 1s ease 0.3s 1 forwards;
  animation: fadeInUpK 1s ease 0.3s 1 forwards; }

.onetenArea .inr.action .img {
  -webkit-animation: fadeInUpK 0.8s ease 0.55s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.55s 1 forwards; }

.onetenArea .inr.action .data {
  -webkit-animation: fadeInUpK 0.8s ease 0.8s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.8s 1 forwards; }

.onetenArea .inr.action .data p {
  -webkit-animation: fadeInUpK 0.8s ease 1.05s 1 forwards;
  animation: fadeInUpK 0.8s ease 1.05s 1 forwards; }

.voiceArea .inr.action {
  -webkit-animation: fadeInUpK 1s ease 0.1s 1 forwards;
  animation: fadeInUpK 1s ease 0.1s 1 forwards; }

.voiceArea .inr.action .vaTitle {
  -webkit-animation: fadeInUpK 1s ease 0.3s 1 forwards;
  animation: fadeInUpK 1s ease 0.3s 1 forwards; }

.voiceArea .inr ul.action li:nth-child(1) {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.voiceArea .inr ul.action li:nth-child(2) {
  -webkit-animation: fadeInUpK 0.8s ease 0.7s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.7s 1 forwards; }

.voiceArea .inr ul.action li:nth-child(3) {
  -webkit-animation: fadeInUpK 0.8s ease 0.9s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.9s 1 forwards; }

.voiceArea .inr ul.action li:nth-child(4) {
  -webkit-animation: fadeInUpK 0.8s ease 1.1s 1 forwards;
  animation: fadeInUpK 0.8s ease 1.1s 1 forwards; }

.receptionArea .inr .boxR.action {
  -webkit-animation: fadeInUpK 1s ease 0.3s 1 forwards;
  animation: fadeInUpK 1s ease 0.3s 1 forwards; }

.receptionArea .inr .boxL.action {
  -webkit-animation: fadeInUpK 1s ease 0.3s 1 forwards;
  animation: fadeInUpK 1s ease 0.3s 1 forwards; }

.receptionArea .inr .more.action {
  -webkit-animation: fadeInUpK 1s ease 0.3s 1 forwards;
  animation: fadeInUpK 1s ease 0.3s 1 forwards; }

.itemArea.action {
  z-index: 2;
  position: relative; }

.itemArea .enCopy.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.2s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.2s 1 forwards; }

.itemArea .limitedDay.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.itemArea .itemList > li.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.4s 1 forwards; }

.itemArea .linkList > li.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.4s 1 forwards; }

.itemWrap.action {
  -webkit-animation: fadeInK 0.8s ease 0s 1 forwards;
  animation: fadeInK 0.8s ease 0s 1 forwards; }

.itemWrap h2.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.4s 1 forwards; }

.itemListA .img.action {
  -webkit-animation: fadeInLK 0.8s ease 0.4s 1 forwards;
  animation: fadeInLK 0.8s ease 0.4s 1 forwards; }

.itemListA .data.action .type {
  -webkit-animation: fadeInLK 0.8s ease 0.6s 1 forwards;
  animation: fadeInLK 0.8s ease 0.6s 1 forwards; }

.itemListA .data.action .desc,
.itemList .data.action .normalPrice {
  -webkit-animation: fadeInLK 0.8s ease 0.8s 1 forwards;
  animation: fadeInLK 0.8s ease 0.8s 1 forwards; }

.itemListA .data.action .otoku {
  -webkit-animation: fadeInLK 0.8s ease 0.8s 1 forwards;
  animation: fadeInLK 0.8s ease 0.8s 1 forwards; }

.itemListA .data.action h3 {
  -webkit-animation: fadeInLK 0.8s ease 0.8s 1 forwards;
  animation: fadeInLK 0.8s ease 0.8s 1 forwards; }

.itemListA .data.action .kakaku_area {
  -webkit-animation: fadeInLK 0.8s ease 0.8s 1 forwards;
  animation: fadeInLK 0.8s ease 0.8s 1 forwards; }

.itemListA .data.action dl,
.itemListA .data.action .btns,
.itemListA .data.action .question {
  -webkit-animation: fadeInLK 0.8s ease 1.0s 1 forwards;
  animation: fadeInLK 0.8s ease 1.0s 1 forwards; }

.itemList .data.action .itemUl,
.itemList .data.action .select,
.itemList .data.action .cBtn,
.itemList .data.action .cart_options,
.itemListA .data.action .btn_single,
.itemListA .data.action .att,
.itemListA .data.action .attP,
.itemListA .data.action .attPl,
.itemList .data.action .Products-detail-color2 {
  -webkit-animation: fadeInLK 0.8s ease 1.0s 1 forwards;
  animation: fadeInLK 0.8s ease 1.0s 1 forwards; }

.itemList .data.action .dropFlex {
  -webkit-animation: fadeInLK 0.8s ease 1.0s 1 forwards;
  animation: fadeInLK 0.8s ease 1.0s 1 forwards;
  z-index: 2;
  position: relative; }

.itemList .data.action .dropFlex.jc {
  z-index: 1; }

.presentArea .inr.action .enCopy {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.presentArea .inr.action .jaCopy {
  -webkit-animation: fadeInUpK 0.8s ease 0.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.4s 1 forwards; }

.presentArea .inr.action h2 {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.presentArea .inr ul li.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.presentArea .inr .att.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.pushArea .inr.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.2s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.2s 1 forwards; }

.pushArea .inr .checkList.action {
  -webkit-animation: fadeInK 0.8s ease 0.2s 1 forwards;
  animation: fadeInK 0.8s ease 0.2s 1 forwards; }

.pushArea .inr .checkList.action .li01 {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.pushArea .inr .checkList.action .li02 {
  -webkit-animation: fadeInUpK 0.8s ease 0.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.4s 1 forwards; }

.pushArea .inr .checkList.action .li03 {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.pushArea .inr .checkList.action .li04 {
  -webkit-animation: fadeInUpK 0.8s ease 0.6s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.6s 1 forwards; }

.pushArea .inr .checkList.action .li05 {
  -webkit-animation: fadeInUpK 0.8s ease 0.7s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.7s 1 forwards; }

.pushArea .inr .checkList.action .li06 {
  -webkit-animation: fadeInUpK 0.8s ease 0.8s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.8s 1 forwards; }

.pushArea .inr h3.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.6s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.6s 1 forwards; }

.pointArea .titleBox.action .enCopy {
  -webkit-animation: fadeInUpK 0.8s ease 0.2s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.2s 1 forwards; }

.pointArea .titleBox.action h2 {
  -webkit-animation: fadeInUpK 0.8s ease 0.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.4s 1 forwards; }

.pointArea .pointBox.action h3 {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.pointArea .pointBox.action .descBox .img {
  -webkit-animation: fadeInUpK 0.8s ease 0.55s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.55s 1 forwards; }

.pointArea .pointBox.action .descBox .txt {
  -webkit-animation: fadeInUpK 0.8s ease 0.6s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.6s 1 forwards; }

.pointArea .pointBox figure.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.6s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.6s 1 forwards; }

.sec03 .inr.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.sec03 .concept.action {
  -webkit-animation: fadeInUpK 0.8s ease 0.3s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.3s 1 forwards; }

.sec03 .spScroll.action li:nth-child(1) {
  -webkit-animation: fadeInUpK 0.8s ease 0.5s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.5s 1 forwards; }

.sec03 .spScroll.action li:nth-child(2) {
  -webkit-animation: fadeInUpK 0.8s ease 0.8s 1 forwards;
  animation: fadeInUpK 0.8s ease 0.8s 1 forwards; }

.sec03 .spScroll.action li:nth-child(3) {
  -webkit-animation: fadeInUpK 0.8s ease 1.1s 1 forwards;
  animation: fadeInUpK 0.8s ease 1.1s 1 forwards; }

.sec03 .spScroll.action li:nth-child(4) {
  -webkit-animation: fadeInUpK 0.8s ease 1.4s 1 forwards;
  animation: fadeInUpK 0.8s ease 1.4s 1 forwards; }

.lastBtnArea.action {
  -webkit-animation: fadeInK 0.8s ease 0s 1 forwards;
  animation: fadeInK 0.8s ease 0s 1 forwards; }

.lastBtnArea.action p {
  -webkit-animation: fadeInUpK 1s ease 0.4s 1 forwards;
  animation: fadeInUpK 1s ease 0.4s 1 forwards; }

.cpArea.action h2 {
  -webkit-animation: fadeInUpK 1s ease 0.2s 1 forwards;
  animation: fadeInUpK 1s ease 0.2s 1 forwards; }

.cpArea.action dl {
  -webkit-animation: fadeInUpK 1s ease 0.45s 1 forwards;
  animation: fadeInUpK 1s ease 0.45s 1 forwards; }

.cpArea.action .cpBtn {
  -webkit-animation: fadeInUpK 1s ease 0.7s 1 forwards;
  animation: fadeInUpK 1s ease 0.7s 1 forwards; }

.cpArea02.action h2 {
  -webkit-animation: fadeInUpK 1s ease 0.2s 1 forwards;
  animation: fadeInUpK 1s ease 0.2s 1 forwards; }

.cpArea02.action dl {
  -webkit-animation: fadeInUpK 1s ease 0.45s 1 forwards;
  animation: fadeInUpK 1s ease 0.45s 1 forwards; }

/* keyframes */
@keyframes fadeInK {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInUpK {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 25px);
    -ms-transform: translate(0, 25px);
    transform: translate(0px, 25px); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes fadeInLK {
  0% {
    opacity: 0;
    -webkit-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
    transform: translate(-15px, 0); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes fadeInBK {
  0% {
    opacity: 0;
    transform: scale(1.15);
    filter: blur(6px); }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0); } }