html {
    position: relative;
    min-height: 100%;
    overflow-y: scroll;
    font-size: 62.5%!important;
  }
  .container {
    width: 100%;
  }
  .wrapper {
    min-width: 1200px;
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    .wrapper {
        min-width: unset;
    }
  }
  .pc-only {
    display: inline-block;
  }

  .sp-only {
    display: none;
  }
  h1 {
    margin: unset;
  }
  .mv {
    position: relative;
    z-index: 1;
  }
  .mv img {
    width: 100%;
    vertical-align: bottom;
  }
  .mv section {
    position: relative;
  }
  .mv .kemuri-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
  }
  @media screen and (max-width: 767px) {
    .mv .kemuri-wrap {
      z-index: 1;
      overflow: hidden;
    }
  }
  .mv .kemuri-wrap .kemuri-box {
    position: relative;
    z-index: 1;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri {
    position: absolute;
    display: block;
    opacity: 0;
  }
  @keyframes kemuri01 {
    0% {
      bottom: -1600px;
      filter: blur(10px);
      transform: rotateY(0deg);
      transform: scale(0.6, 1);
      opacity: 0;
    }
    11% {
      opacity: 0.3;
    }
    33% {
      transform: rotateY(40deg);
      transform: scale(1, 1.4);
      opacity: 0.5;
    }
    66% {
      transform: rotateY(10deg);
      transform: scaleY(1.8, 1);
      opacity: 0.4;
    }
    100% {
      bottom: 0;
      filter: blur(20px);
      transform: rotateY(60deg);
      transform: scaleY(2, 1.8);
      opacity: 0;
    }
  }
  @keyframes kemuri01-sp {
    0% {
      bottom: -800px;
      bottom: -640px;
      filter: blur(10px);
      transform: rotateY(0deg);
      transform: scale(0.6, 1);
      opacity: 0;
    }
    11% {
      opacity: 0.3;
    }
    33% {
      transform: rotateY(40deg);
      transform: scale(1, 1.4);
      opacity: 0.5;
    }
    66% {
      transform: rotateY(10deg);
      transform: scaleY(1.8, 1);
      opacity: 0.4;
    }
    100% {
      bottom: 0;
      filter: blur(20px);
      transform: rotateY(60deg);
      transform: scaleY(2, 1.8);
      opacity: 0;
    }
  }
  @keyframes kemuri02 {
    0% {
      bottom: -2600px;
      filter: blur(10px);
      transform: rotateY(0deg);
      transform: scale(0.6, 1);
      opacity: 0;
    }
    11% {
      opacity: 0.3;
    }
    33% {
      transform: rotateY(40deg);
      transform: scale(1, 1.4);
      opacity: 0.5;
    }
    66% {
      transform: rotateY(10deg);
      transform: scaleY(1.8, 1);
      opacity: 0.4;
    }
    100% {
      bottom: 0;
      filter: blur(20px);
      transform: rotateY(60deg);
      transform: scaleY(2, 1.8);
      opacity: 0;
    }
  }
  @keyframes kemuri03 {
    0% {
      bottom: -3000px;
      filter: blur(10px);
      transform: rotateY(0deg);
      transform: scale(0.6, 1);
      opacity: 0;
    }
    11% {
      opacity: 0.3;
    }
    33% {
      transform: rotateY(40deg);
      transform: scale(1, 1.4);
      opacity: 0.5;
    }
    66% {
      transform: rotateY(10deg);
      transform: scaleY(1.8, 1);
      opacity: 0.4;
    }
    100% {
      bottom: 0;
      filter: blur(20px);
      transform: rotateY(60deg);
      transform: scaleY(2, 1.8);
      opacity: 0;
    }
  }
  @keyframes kemuri04 {
    0% {
      bottom: -1000px;
      filter: blur(10px);
      transform: rotateY(0deg);
      transform: scale(0.6, 1);
      opacity: 0;
    }
    11% {
      opacity: 0.3;
    }
    33% {
      transform: rotateY(40deg);
      transform: scale(1, 1.4);
      opacity: 0.5;
    }
    66% {
      transform: rotateY(10deg);
      transform: scaleY(1.8, 1);
      opacity: 0.4;
    }
    100% {
      bottom: 0;
      filter: blur(20px);
      transform: rotateY(60deg);
      transform: scaleY(2, 1.8);
      opacity: 0;
    }
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri01 {
    right: 0;
    animation: kemuri01 10s infinite linear;
  }
  @media screen and (max-width: 767px) {
    .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri01 {
      background: red;
    }
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri02 {
    right: 50%;
    animation: kemuri02 15s 10s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri02-02 {
    right: 10%;
    animation: kemuri03 20s 15s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri03 {
    left: 0;
    animation: kemuri01 15s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri04 {
    left: 50%;
    animation: kemuri04 15s 5s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri05 {
    left: 30%;
    animation: kemuri03 15s 10s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri01-sp {
    left: 30%;
    animation: kemuri01-sp 7s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri02-sp {
    left: 0;
    animation: kemuri01-sp 9s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri03-sp {
    left: 10%;
    animation: kemuri01-sp 6s 2s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri04-sp {
    right: 10%;
    animation: kemuri01-sp 8s 4s infinite linear;
  }
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri05-sp {
    right: 0;
    animation: kemuri01-sp 10s 9s infinite linear;
  }

  .zip__cv {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transform: translateY(100px);
    transition: all 0.3s;
  }

  .zip__cv.is-animated {
    transform: translateY(0);
  }

  .zip__cv__text {
    background-color: #fff;
    width: 57.3%;
    width: 50%;
    width: 61%;
    text-align: right;
  }
  .zip__cv__text img {
    max-width: 750px;
    max-width: 884px;
    width: 100%;
  }

  .zip__cv__button {
    width: 42.7%;
    width: 50%;
    width: 39%;
  }
  .zip__cv__button a {
    display: block;
    background-color:linear-gradient(90deg, rgba(23, 99, 137, 1), rgba(18, 120, 161, 1) 2%, rgba(8, 178, 229, 1) 40% 44%, rgba(16, 130, 174, 1) 82%, rgba(23, 99, 137, 1) 96%);
    transition: all 0.3s;
  }
  .zip__cv__button a:hover {
    opacity: 0.9;
  }
  .zip__cv__button a img {
    max-width: 640px;
    max-width: 750px;
    max-width: 556px;
    width: 100%;
  }

  @media screen and (max-width: 767px) {
    /* zip__cv */
    .zip__cv {
      background: linear-gradient(90deg, rgba(23, 99, 137, 1), rgba(18, 120, 161, 1) 2%, rgba(8, 178, 229, 1) 40% 44%, rgba(16, 130, 174, 1) 82%, rgba(23, 99, 137, 1) 96%);
      margin-top: -1px;
    }
    .zip__cv.is-animated .zip__cv__button {
      transform: translateY(0);
    }
    .zip__cv__button {
      position: fixed;
      bottom: 0;
      z-index: 10;
      transition: all 0.3s;
      transform: translateY(100px);
      width: 100%;
    }
  }
  #theKunen {
    width: 100%;
    padding: 4px;
    padding: 0;
    margin: 0 auto;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  }
  #theKunen .isActv .fadein {
    opacity: 1;
    transform: translate(0, 0);
  }
  #theKunen .main-wrap {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-feature-settings: "palt";
    background: #000;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
  }
  #theKunen .main-wrap img {
    width: 100%;
    max-width: 100%;
  }
  #theKunen .main-wrap .ff-serif {
    font-family: "Noto Serif JP", serif;
  }
  #theKunen .main-wrap .ff-noto {
    font-family: "Noto Sans", sans-serif;
  }
  #theKunen .main-wrap .common {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .common {
      width: 90%;
      width: 92%;
      max-width: none;
    }
  }
  #theKunen .main-wrap a:hover {
    text-decoration: none;
  }
  #theKunen .main-wrap .btn-wrap {
    width: 73%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .btn-wrap {
      width: 100%;
    }
  }
  #theKunen .main-wrap .btn-wrap a {
    display: block;
    width: 100%;
    position: relative;
    font-size: 2.4rem;
    font-weight: 500;
    padding: 20px 0 22px;
    border-radius: 300px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    transition: 0.2s;
    box-shadow: 0px 0px 21px 2px #000000;
    background: linear-gradient(90deg, rgba(23, 99, 137, 1), rgba(18, 120, 161, 1) 2%, rgba(8, 178, 229, 1) 40% 44%, rgba(16, 130, 174, 1) 82%, rgba(23, 99, 137, 1) 96%);
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .btn-wrap a {
      padding: 16px 0;
    }
    #theKunen .main-wrap .btn-wrap a span {
      font-size: 2rem;
    }
  }
  #theKunen .main-wrap .btn-wrap a span.btn-txt {
    position: relative;
    padding-left: 34px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .btn-wrap a span.btn-txt {
      padding-left: 26px;
    }
  }
  #theKunen .main-wrap .btn-wrap a span.btn-txt::before {
    display: block;
    content: "";
    position: absolute;
    background: url(/images/theKunen/icon-cart.png) no-repeat center/contain;
    width: 34px;
    height: 35px;
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .btn-wrap a span.btn-txt::before {
      width: 27px;
      height: 25px;
    }
  }
  #theKunen .main-wrap .btn-wrap a:hover {
    opacity: 0.8;
  }
  #theKunen .main-wrap h2.ttl {
    color: #0091DA;
    font-size: 5rem;
    font-weight: 500;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap h2.ttl {
      font-size: 3rem;
      text-align: center;
      letter-spacing: 0.05em;
      text-shadow: none;
    }
  }
  #theKunen .main-wrap .anime {
    opacity: 0;
  }
  #theKunen .main-wrap .anime.fadeIn {
    transition: opacity 1s ease-out;
  }
  #theKunen .main-wrap .anime.translateScaleUp {
    transform: scale(0.8);
    transition: all 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .anime.translateScaleUp {
      transform: translateX(-50%) scale(0.8);
    }
  }
  #theKunen .main-wrap .anime.isActv {
    opacity: 1;
  }
  #theKunen .main-wrap .anime.isActv.translateScaleUp {
    transform: scale(1);
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .anime.isActv.translateScaleUp {
      transform: translateX(-50%) scale(1);
    }
  }
  #theKunen .main-wrap .anime.delay03 {
    transition-delay: 0.3s;
  }
  #theKunen .main-wrap .anime.delay05 {
    transition-delay: 0.5s;
  }
  #theKunen .main-wrap .anime.delay10 {
    transition-delay: 1s;
  }
  #theKunen .main-wrap .anime.delay15 {
    transition-delay: 1.5s;
  }
  #theKunen .main-wrap .flex-box {
    display: flex;
    justify-content: center;
  }
  #theKunen .main-wrap .flex-box.row-reverse {
    flex-direction: row-reverse;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .flex-box.row-reverse {
      flex-direction: column;
    }
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .flex-box {
      flex-direction: column;
    }
  }
  #theKunen .main-wrap .intro-wrap {
    position: relative;
  }
  #theKunen .main-wrap .intro-wrap .contents-wrap {
    padding-top: 120px;
    padding-bottom: 340px;
    position: relative;
    z-index: 2;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .intro-wrap .contents-wrap {
      padding-top: 60px;
      padding-bottom: 75vw;
    }
  }
  #theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap {
    margin-top: 56px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap {
      margin-top: 30px;
    }
  }
  #theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap p {
    font-size: 2.4rem;
    line-height: 1.85;
    font-weight: 200;
    letter-spacing: 0;
    text-shadow: 0 0 8px #222222;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap p {
      font-size: 1.4rem;
      text-align: center;
      line-height: 2;
      font-weight: 400;
    }
  }
  #theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap p + p {
    margin-top: 30px;
  }
  #theKunen .main-wrap .intro-wrap .bg-anten {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/img/usr/lp/kunnen/summer/statement_PC.jpg) no-repeat bottom right/cover;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 1;
    display: none;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .intro-wrap .bg-anten {
      background: url(/img/usr/lp/kunnen/summer/statement_SP.jpg) no-repeat bottom center/100%;
    }
  }
  #theKunen .main-wrap .intro-wrap .bg-anten.isActv {
    display: block;
    animation: bgopacity 9s ease;
  }
  @keyframes bgopacity {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  #theKunen .main-wrap .item-wrap .item-inner {
    background: url(/images/theKunen/bg_item.jpg) no-repeat bottom center/cover;
    padding-top: 70px;
    padding-bottom: 140px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .item-inner {
      background: url(/images/theKunen/bg_item_sp.jpg) no-repeat bottom center/cover;
      padding-top: 40px;
      padding-bottom: 40px;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .image-wrap {
    width: 50%;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .image-wrap {
      width: 68%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 15px;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .image-wrap img {
    max-width: 450px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .image-wrap img {
      max-width: none;
    }
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .icon-onlineLimit {
      max-width: 193px;
      margin-left: 0;
      margin-bottom: 15px;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap {
    width: 50%;
    padding-left: 30px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap {
      width: 100%;
      padding-left: 0;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .icon-onlineLimit {
    max-width: 223px;
    margin-left: 8px;
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap p {
    font-size: 2.4rem;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap p {
      font-size: 1.8rem;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item {
    font-size: 6rem;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item {
      font-size: unset;
      line-height: 1.3;
      margin-top: 12px;
      letter-spacing: 0.05em;
    }
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item span {
      font-size: 3rem;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item span.ttl-item-basic {
    color: #EBC09A;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item span.ttl-item-basic {
      font-size: 3rem;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item span.ttl-item-season {
    color: #0091DA;
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-pkgDetail {
    margin-top: 14px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-pkgDetail {
      margin-top: 10px;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price {
      margin-top: -8px;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p {
    display: inline-block;
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number {
    font-size: 6rem;
    font-weight: 400;
    margin-left: 26px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number {
      margin-left: 0;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number .yen {
    font-size: 4rem;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number .yen {
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number span {
      font-size: 4rem;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.zeikomi {
    margin-left: 14px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.zeikomi {
      margin-left: 4px;
    }
  }
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-postage {
    font-size: 1.6rem;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-postage {
      margin-top: -10px;
    }
  }
  #theKunen .main-wrap .about-wrap .about-box.about01 {
    margin-top: 30px;
    position: relative;
    z-index: 2;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .about-box.about01 {
      margin-top: 60px;
      padding-bottom: 40px;
    }
  }
  #theKunen .main-wrap .about-wrap .about-box.about02 {
    position: relative;
    margin-top: -90px;
    padding-top: 200px;
    padding-bottom: 145px;
    z-index: 1;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .about-box.about02 {
      margin-top: 0;
      padding-top: 54px;
      padding-bottom: 0;
      margin-bottom: 40px;
    }
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .about-box.about02 {
      background: url(/img/usr/lp/kunnen/spring/chips-02_sp.jpg) no-repeat bottom left/100%;
    }
  }
  #theKunen .main-wrap .about-wrap .about-box.about02 .bg-about02 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/img/usr/lp/kunnen/spring/chips-02_pc.jpg) no-repeat bottom left/cover;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
  }
  #theKunen .main-wrap .about-wrap .about-box.about03 {
    background: url(/images/theKunen/chips-03.jpg) no-repeat bottom right/100%;
    position: relative;
    z-index: 2;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .about-box.about03 {
      background: url(/images/theKunen/chips-03_sp.jpg) no-repeat bottom right/100%;
    }
  }
  #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box {
    align-items: flex-end;
  }
  #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .image-wrap {
    margin-left: 0;
  }
  #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .image-wrap img {
    max-width: 308px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .image-wrap img {
      max-width: 140px;
    }
  }
  #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .txt-wrap {
    padding-left: 30px;
    padding-top: 120px;
    padding-bottom: 214px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .txt-wrap {
      padding-left: 0;
      padding-top: 60px;
      padding-bottom: 10px;
    }
    #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .txt-wrap p {
      margin-top: 20px;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap {
    position: relative;
    z-index: 2;
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box {
    align-items: center;
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap {
    width: 50%;
    margin-left: -68px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap {
    margin-left: auto;
    margin-right: auto;
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen {
    text-align: center;
    position: relative;
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen::before {
    position: absolute;
    display: block;
    width: 767px;
    height: 817px;
    background: url(/images/theKunen/img-season-kemuri.webp) no-repeat left top/contain;
    z-index: 0;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    top: -200px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen::before {
      width: 327px;
      height: 348px;
      top: -94px;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen img {
    width: 388px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen img {
      max-width: 166px;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .season {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 550px;
    top: -47px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .season {
      max-width: 230px;
      left: 50%;
      top: -19px;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap {
    width: 50%;
    font-family: "Noto Serif JP", serif;
    padding-left: 110px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap {
      width: 100%;
      padding-left: 0;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap .ttl {
    font-size: 4rem;
    line-height: 1.8;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap .ttl {
      font-size: 3rem;
      line-height: 1.5;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap p {
    font-size: 2rem;
    margin-top: 54px;
    line-height: 1.8;
    font-weight: 200;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap p {
      font-size: 1.4rem;
      line-height: 2;
      text-align: center;
      margin-top: 10px;
      font-weight: 400;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box.row-reverse .txt-wrap {
    padding-left: 0;
    padding-right: 20px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box.row-reverse .txt-wrap {
      position: relative;
      z-index: 4;
      padding-right: 0;
    }
    #theKunen .main-wrap .about-wrap .contents-wrap .flex-box.row-reverse .txt-wrap p {
      /* margin-top: 40px; */
      margin-top: 80%;
    }
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box.row-reverse.left {
    justify-content: start;
  }

  #theKunen .main-wrap .theKunen-uni-reviewArea {
    padding: 90px 0;
    background: linear-gradient(110deg, rgb(241, 213, 183) 0%, rgb(209, 168, 125) 100%);
    overflow: hidden;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-reviewArea {
      padding: 60px 0 30px;
    }
  }
  #theKunen .main-wrap .theKunen-uni-reviewInner {
    max-width: inherit;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-commentList .slick-list {
      max-height: 310px;
      max-height: 320px;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-ttl {
    color: #451900;
    font-size: 4rem;
    font-family: "Noto Serif JP", serif;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-ttl {
      font-size: 2.4rem;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin: 100px 0 74px 0;
  }
  #theKunen .main-wrap .theKunen-uni-review-comment-box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-comment-box {
      flex-direction: column;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-comment-box .image-chips {
    width: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-comment-box .image-chips {
      width: 100%;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-comment-box .image-chips img {
    max-width: 600px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-comment-box .image-chips img {
      max-width: none;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-comment-box .image-comment {
    width: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-comment-box .image-comment {
      width: 100%;
      margin-top: -20px;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-comment-box .image-comment img {
    max-width: 492px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-comment-box .image-comment img {
      max-width: none;
    }
  }
  .image-comment__text {
    color: #451900;
    font-size: 14px;
    font-weight: 600;
  }
  @media screen and (max-width: 767px) {
    .image-comment__text {
      font-size: 12px;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-commentList__slide {
    padding: 0 10px;
    -webkit-transform: scale(0.88);
    transform: scale(0.88);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-origin: top center;
    transform-origin: top center;
  }
  #theKunen .main-wrap .theKunen-uni-review-commentList__item {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-content: flex-start;
    width: 685px;
    width: 700px;
    min-height: 430px;
    min-height: 320px;
    min-height: 190px;
    min-height: 241px;
    padding: 50px 60px 30px;
    padding: 60px 50px 36px;
    padding: 40px 44px 60px;
    background-color: #FFFBD2;
    margin: 30px 0;
    border: 5px solid #CA9863;
    box-shadow: 0px 0px 40px -13px #404040;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-commentList__item {
      width: 100%;
      min-height: auto;
      min-height: 299px;
      padding: 30px 24px;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-commentList__ttl {
    font-size: 2.8rem;
    margin-bottom: 10px;
    color: #451900;
    font-weight: 600;
    position: relative;
    border-bottom: 2px solid #CA9863;
    padding-bottom: 12px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-commentList__ttl {
      font-size: 1.8rem;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-commentList__ttl::after {
    display: block;
    content: "";
    position: absolute;
    background: url(/images/theKunen/icon_star05.png) no-repeat left center;
    width: 157px;
    height: 28px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-commentList__ttl::after {
      display: none;
    }
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-commentList__ttl .icon_star_sp {
      max-width: 134px;
      margin-top: 8px;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-commentList__txt {
    font-size: 2rem;
    color: #451900;
    line-height: 1.9;
    margin-top: 20px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .main-wrap .theKunen-uni-review-commentList__txt {
      font-size: 1.4rem;
      margin-top: 13px;
    }
  }
  #theKunen .main-wrap .theKunen-uni-review-commentList__status {
    margin-top: 40px;
    font-size: 22px;
    text-align: right;
  }
  #theKunen .main-wrap .slide-dots {
    text-align: center;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #theKunen .main-wrap .slide-dots li {
    display: inline-block;
    margin: 0 15px;
  }
  #theKunen .main-wrap .slide-dots li button {
    position: relative;
    text-indent: -9999px;
  }
  #theKunen .main-wrap .slide-dots li button::before {
    content: "";
    text-indent: 0px;
    width: 15px;
    height: 15px;
    background: #fff;
    display: block;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #theKunen .main-wrap .slide-dots li.slick-active button::before {
    background: #451900;
  }
  #theKunen .main-wrap .slide-dots button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  #theKunen .zip_formIntro-wrap {
    padding-top: 70px;
    position: relative;
    background: #fff;
    color: #000;
  }
  #theKunen .zip_formIntro-wrap span#fornarea {
    position: absolute;
    top: -14px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .zip_formIntro-wrap .zip_formIntro-inner {
      width: 90%;
      width: 92%;
      margin-left: auto;
      margin-right: auto;
    }
  }
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner h2 {
    text-align: center;
  }
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner h2 img {
    width: 590px;
  }
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner .obi-box .obi {
    width: 600px;
    font-size: 2.4rem;
    text-align: center;
    font-weight: 600;
    border-radius: 20px;
    padding: 8px 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .zip_formIntro-wrap .zip_formIntro-inner .obi-box .obi {
      width: 100%;
      font-size: 1.5rem;
      padding: 5px 0;
      margin-top: 10px;
    }
  }
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt {
    font-size: 3.4rem;
    text-align: center;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 30px;
  }
  @media screen and (max-width: 767px) {
    #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt {
      font-size: 1.7rem;
      line-height: 1.1;
      margin-top: 15px;
    }
  }
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt span.big {
    font-size: 6rem;
  }
  @media screen and (max-width: 767px) {
    #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt span.big {
      font-size: 3rem;
    }
  }
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt span.medium {
    font-size: 5rem;
  }
  @media screen and (max-width: 767px) {
    #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt span.medium {
      font-size: 2.4rem;
    }
  }

  @media screen and (max-width: 767px) {
    .pc-only {
      display: none;
    }
    .sp-only {
      display: block;
    }
    #theKunen {
      width: initial;
      max-width: 100%;
      margin: 0 auto;
      font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    }
    #theKunen h2 {
      margin-bottom: 30px;
      letter-spacing: 0.025em;
    }
  }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    #theKunen h2 {
      margin-bottom: 0;
    }
  }
  @media screen and (max-width: 767px) {
    #theKunen p {
      font-size: 16px;
      line-height: 1.8;
      letter-spacing: 0.01em;
    }
    #theKunen .content_inner {
      width: 92%;
      margin: 0 auto;
      text-align: center;
    }
  }
  #frmLP {
    width: 1200px;
    margin: 0 auto;
  }
  @media screen and (max-width: 767px) {
    #frmLP {
        width: unset;
    }
  }
  .text_small {
    font-size: .75em;
  }
  #theKunen .main-wrap .btn-wrap .btn-sold {
    background: #666;
  }
  #theKunen .main-wrap .btn-wrap .btn-sold:hover {
    opacity: unset;
  }
  #theKunen .main-wrap .btn-wrap .btn-sold:focus {
    outline: unset;
    outline-offset: unset;
  }
  #theKunen .main-wrap .btn-wrap .btn-sold span.btn-txt {
    padding-left: unset;
  }
  #theKunen .main-wrap .btn-wrap .btn-sold span.btn-txt::before {
    content: none;
  }

  /* banner */
  .banner-wrap {
    width: 100%;
    padding: 70px 0;
    background: linear-gradient(110deg, rgb(241, 213, 183) 0%, rgb(209, 168, 125) 100%);
  }
  .banner-box {
    width: 1000px;
    margin: 0 auto;
  }
  .banner-box p {
    margin-bottom: 24px;
    color: #451900;
    font-size: 3rem;
    font-weight: 700;
    font-family: "Noto Serif JP", serif;
    text-align: center;
  }
  .banner-box img {
    width: 100%;
  }
  .banner-box a:hover {
    opacity: .9;
  }
  .banner-box__content {
    display: flex;
    gap: 20px;
    justify-content: center;
  }
  .banner-box__small {
    width: 50%;
  }
  .banner-box__small .banner_sub_title {
    margin: 16px 0 10px;
    font-size: 16px;
  }
  .banner-box__small .banner_text {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
  }
  .banner-box__small .banner_link {
    font-weight: 700;
    font-family: "Noto Serif JP", serif;
  }
  @media screen and (max-width: 767px) {
    .banner-wrap {
      padding: 40px 0;
    }
    .banner-box {
      width: 92%;
    }
    .banner-box p {
      margin-bottom: 20px;
      font-size: 2rem;
    }
    .banner-box__content {
      flex-direction: column;
    }
    .banner-box__small {
      width: 100%;
    }
  }

  /* food labeling */
  .food_labeling-wrap {
    background: linear-gradient(110deg, rgb(241, 213, 183) 0%, rgb(209, 168, 125) 100%);
  }
  .food_labeling {
    padding: 60px 20px;
    color: #451900;
  }
  .food_labeling__name {
    margin: 30px 0 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
  .food_labeling__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0 auto;
    border-top: solid #CA9863 1px;
    border-left: solid #CA9863 1px;
  }
  .food_labeling__table dt {
    width: 199px;
    padding: 12px 20px;
    font-size: 12px;
    text-align: left;
    border-right: solid #CA9863 1px;
    border-bottom: solid #CA9863 1px;
  }
  .food_labeling__table dd {
    width: 1000px;
    padding: 12px 20px;
    font-size: 12px;
    text-align: left;
    border-right: solid #CA9863 1px;
    border-bottom: solid #CA9863 1px;
  }
  @media screen and (max-width: 767px) {
    .food_labeling__name {
      margin: 5.33vw 0 2.67vw;
      text-align: center;
    }
    .food_labeling__table {
      width: calc(100% - 10.67vw);
      margin: 0 5.33vw;
      border: solid #CA9863 1px;
      border-bottom: none;
    }
    .food_labeling__table dt {
      width: 100%;
      padding: 2.67vw 5.33vw;
      font-size: 12px;
      text-align: left;
      border-top: none;
      border-bottom: solid #CA9863 1px;
    }
    .food_labeling__table dd {
      width: 100%;
      padding: 2.67vw 5.33vw;
      font-size: 12px;
      text-align: left;
      border-top: none;
      border-bottom: solid #CA9863 1px;
    }
  }

  /* Sticky Button */
  .section_cv__sticky {
    position: fixed;
    width: 380px;
    bottom: 24px;
    right: 0;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: .5s;
  }
  .section_cv__sticky.appear {
    opacity: 1;
  }
  @media screen and (max-width: 767px) {
    .section_cv__sticky {
      width: 250px;
      bottom: 10px;
      right: 10px;
    }
  }

  /*# sourceMappingURL=kunnen.css.map */