@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hides from IE Mac */
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* ---------- 初期 ---------- */
body {
  letter-spacing: 0.01em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  -webkit-text-size-adjust: 100%; }

img {
  max-width: 100%;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none; }

a {
  text-decoration: none; }

strong {
  font-weight: bold; }

/* ---------- /共通部分 ---------- */
#jougetyuou {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto; }

#kadomaru {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

#resbtn {
  -webkit-appearance: none; }

.ancr {
  position: relative;
  transition: 0.5s; }

.anca {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
  cursor: pointer; }

.ancr:hover {
  opacity: 0.75;
  transition: 0.5s;
  cursor: pointer; }

/* ---------- /参考タグ部分 ---------- */
.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

html {
  scroll-behavior: smooth; }

.fades {
  opacity: 0; }
  .fades.scrollins {
    animation-delay: 0.3s;
    animation-name: animation-fade;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }

.loads {
  opacity: 0;
  animation-delay: 0.5s;
  animation-name: animation-fade2;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1s; }
  .fadein.fadein-left {
    transform: translate(-30px, 0); }
  .fadein.fadein-right {
    transform: translate(30px, 0); }
  .fadein.fadein-up {
    transform: translate(0, -30px); }
  .fadein.fadein-bottom {
    transform: translate(0, 30px); }
  .fadein.scrollin {
    opacity: 1 !important;
    transform: translate(0, 0) !important; }

/* 花びらの基本スタイル */
.petal {
  position: absolute;
  top: -50px;
  width: 30px;
  z-index: 2;
  animation: fall 10s linear infinite, swing 3s ease-in-out infinite; }

.petal2 {
  position: absolute;
  top: -50px;
  width: 30px;
  z-index: 2;
  left: 250px;
  animation: fall2 10s linear infinite, swing2 3s ease-in-out infinite;
  animation-delay: 1.9s !important; }

/* 垂直方向に落ちるアニメーション */
@keyframes fall {
  0% {
    top: -50px;
    opacity: 0;
    /* 最初は透明 */ }
  10% {
    opacity: 1;
    /* 落ち始めてすぐに表示 */ }
  90% {
    opacity: 1; }
  100% {
    top: 100dvh;
    /* 画面の一番下まで */
    opacity: 0;
    /* 消える */ } }
/* 左右にゆらゆら揺れるアニメーション */
@keyframes swing {
  0%, 100% {
    transform: translateX(0) rotate(0deg); }
  50% {
    /* 左右に50px動き、20度傾く */
    transform: translateX(100px) rotate(20deg); } }
@keyframes fall2 {
  0% {
    top: -100px;
    opacity: 0;
    /* 最初は透明 */ }
  10% {
    opacity: 1;
    /* 落ち始めてすぐに表示 */ }
  90% {
    opacity: 1; }
  100% {
    top: 100dvh;
    /* 画面の一番下まで */
    opacity: 0;
    /* 消える */ } }
/* 左右にゆらゆら揺れるアニメーション */
@keyframes swing2 {
  0%, 100% {
    transform: translateX(0) rotate(0deg); }
  50% {
    /* 左右に50px動き、20度傾く */
    transform: translateX(40px) rotate(30deg); } }
@keyframes animation-slid01 {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes animation-slid02 {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes animation-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes animation-fade2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes animation-fade3 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes animation-cl {
  0% {
    opacity: 0; }
  20% {
    opacity: 0.5; }
  70% {
    opacity: 0.5; }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }
@keyframes animation-bg01 {
  0% {
    z-index: 9998;
    opacity: 1; }
  90% {
    z-index: 9998;
    opacity: 0; }
  100% {
    display: none;
    z-index: -100;
    opacity: 0; } }
@keyframes animation-bg02 {
  0% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    display: none;
    z-index: -100;
    opacity: 0; } }
@keyframes animation-bg03 {
  0% {
    opacity: 1;
    bottom: 0; }
  100% {
    bottom: 100%;
    opacity: 0; } }
@keyframes animation-mv01 {
  0% {
    opacity: 0;
    transform: translateX(-10px); }
  30% {
    opacity: 1;
    transform: translateX(0); }
  80% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes animation-mv02 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }
@keyframes animation-load01 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0; }
  10% {
    opacity: 0.7;
    transform: translateX(-10px) translateY(-10px); }
  80% {
    opacity: 0; }
  100% {
    transform: scale(1.5, 1.5) translateX(-50%) translateY(-60%);
    opacity: 0; } }
@keyframes animation-load02 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0; }
  10% {
    opacity: 0.7;
    transform: translateX(10px) translateY(10px); }
  80% {
    opacity: 0; }
  100% {
    transform: scale(1.5, 1.5) translateX(50%) translateY(70%);
    opacity: 0; } }
@keyframes animation-yuge01 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0; }
  70% {
    opacity: 0.8; }
  100% {
    transform: scale(1.5, 1.5) translateX(-15px) translateY(-10px);
    opacity: 0; } }
@keyframes animation-yuge02 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0; }
  70% {
    opacity: 0.8; }
  100% {
    transform: scale(1.5, 1.5) translateY(-10px);
    opacity: 0; } }
@keyframes animation-yuge03 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0; }
  70% {
    opacity: 0.8; }
  100% {
    transform: scale(1.5, 1.5) translateX(15px) translateY(-10px);
    opacity: 0; } }
#component-footer {
  position: relative;
  z-index: 3; }

#component-statement {
  background-color: #fbf7ef;
  margin: 0 0 0 auto;
  position: relative;
  width: 100%;
  z-index: 2; }

#component-statement * {
  white-space: pre-line; }

.o-statement__content-wrapper {
  background-image: linear-gradient(180deg, #fbf7ef 120px, #fcefce 0, #fcefce); }

.o-statement-top {
  margin: 0 auto auto !important;
  padding-top: 80px !important;
  align-items: center;
  flex-direction: row; }

.o-statement-top__heading {
  font-size: 26px; }

.o-statement-top__sentence-wrapper {
  margin-top: 0 !important; }

.o-statement-bottom__background:before {
  content: "";
  display: block;
  padding-top: 106.6666666667%; }
.o-statement-bottom__background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.o-statement-bottom__content {
  flex-direction: column;
  padding: 40px 30px; }

.o-statement-bottom__heading {
  font-size: 32px;
  line-height: 50px; }

.o-statement-bottom__button {
  justify-content: center; }

.o-statement__content-wrapper {
  margin-bottom: 0; }

/* PC */
@media screen and (min-width: 769px) {
  #lp-kokuumabutatama {
    /* #asari */ }
    #lp-kokuumabutatama .point_area .point_area_ttl {
      width: 402px;
      margin: 0 auto 85px; }
    #lp-kokuumabutatama .point_area .point_area_boxes {
      margin-bottom: 70px; }
      #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box {
        position: relative; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) {
          margin-left: 20px;
          margin-bottom: 113px; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1).point_area_box-2 {
            margin-bottom: 130px !important; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) .point_area_box_ttl {
            width: 529px;
            right: 0;
            top: -98px; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) .point_area_box_inner {
            border-radius: 10px 0 0 10px; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) .point_area_box_inner .point_area_box_txt {
              width: 493px;
              margin: 31px auto; }
              #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) .point_area_box_inner .point_area_box_txt.point_area_box_txt_asari1 {
                width: 454px; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) {
          margin-right: 20px;
          margin-bottom: 0; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_ttl {
            width: 529px;
            left: 0;
            top: -98px; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_ttl.point_area_box_ttl-2 {
              top: -123px !important; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_inner {
            border-radius: 0 10px 10px 0; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_inner .point_area_box_txt {
              width: 409px;
              margin: 31px auto; }
              #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_inner .point_area_box_txt.point_area_box_txt_asari2 {
                width: 454px; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) {
          margin-left: 20px;
          margin-top: 116px; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_ttl {
            width: 529px;
            right: 0;
            top: -98px;
            z-index: 3; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner {
            border-radius: 10px 0 0 10px; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner .point_area_box_videoimg {
              position: relative; }
              #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner .point_area_box_videoimg img {
                display: block;
                width: 100%;
                height: auto; }
              #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner .point_area_box_videoimg span {
                position: absolute;
                right: 10px;
                bottom: -31px;
                width: 218px; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner .point_area_box_txt {
              width: 475px;
              margin: 31px auto; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box .point_area_box_ttl {
          position: absolute; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box .point_area_box_inner {
          background: url("../img/butatama_point_01_txtbg.png") no-repeat center bottom #fff;
          background-size: 100%;
          overflow: hidden;
          box-shadow: 0px 0px 3.52px 0px rgba(0, 0, 0, 0.25); }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box .point_area_box_inner .point_area_box_video video {
            width: 100%;
            height: auto;
            display: block; }
    #lp-kokuumabutatama .chigai .chigai_box {
      position: relative;
      width: 490px;
      margin: 0 auto;
      box-sizing: border-box; }
      #lp-kokuumabutatama .chigai .chigai_box video {
        display: block;
        width: 100%;
        height: auto; }
      #lp-kokuumabutatama .chigai .chigai_box .chigai_ttl {
        position: absolute;
        width: 515px;
        left: -18px;
        top: -42px; }
      #lp-kokuumabutatama .chigai .chigai_box .chigai_prd {
        width: 170px;
        position: absolute;
        left: -25px;
        bottom: -43px;
        z-index: 2; }
      #lp-kokuumabutatama .chigai .chigai_box .chigai_sub {
        position: absolute;
        left: -1px;
        bottom: -42px;
        width: 469px;
        z-index: 3; }
      #lp-kokuumabutatama .chigai .chigai_box .chigai_bg {
        z-index: 1;
        position: absolute;
        left: -11px;
        bottom: -49px;
        width: 519px; }
    #lp-kokuumabutatama .chigai .chigai_txt {
      width: 438px;
      margin: 70px auto 90px; }
    #lp-kokuumabutatama .chigai_arrange {
      position: relative;
      background: url("../img/arrange_bg.png") no-repeat center top;
      background-size: contain;
      width: 502px;
      margin: 0 auto;
      padding: 123px 0 43px;
      box-sizing: border-box; }
      #lp-kokuumabutatama .chigai_arrange .chigai_arrange_ttl {
        position: absolute;
        width: 457px;
        left: 24px;
        top: -40px; }
    #lp-kokuumabutatama #sec01 .sec01_box01 {
      position: relative;
      z-index: 2;
      background: url("../img/sec01_wave_01.png") no-repeat center bottom;
      background-size: cover;
      padding: 94px 0 44px;
      margin-bottom: -20px; }
      #lp-kokuumabutatama #sec01 .sec01_box01 .sec01_box01_txt {
        width: 414px;
        margin: 0 auto; }
      #lp-kokuumabutatama #sec01 .sec01_box01:before {
        content: '';
        display: block;
        height: 300px;
        width: 100%;
        z-index: 1;
        position: absolute;
        top: 21px;
        left: 0;
        background: url("../img/sec01_bg_01.png") no-repeat center top;
        background-size: cover; }
    #lp-kokuumabutatama #sec01 .sec01_box02 {
      position: relative;
      z-index: 1; }
      #lp-kokuumabutatama #sec01 .sec01_box02 video {
        width: 100%;
        display: block; }
    #lp-kokuumabutatama #sec01 .sec01_box03 {
      background: url("../img/sec01_wave_02.png") no-repeat center top;
      background-size: cover;
      position: relative;
      margin-top: -28px;
      z-index: 2;
      padding: 67px 0 54px; }
      #lp-kokuumabutatama #sec01 .sec01_box03 img {
        width: 495px;
        margin: 0 auto; }
      #lp-kokuumabutatama #sec01 .sec01_box03 .sec01_box03_txt {
        text-align: center; }
    #lp-kokuumabutatama #tvcm {
      background: url("../img/tvcm_bg.png") no-repeat center top;
      background-size: cover;
      padding: 21px 0 79px;
      position: relative;
      margin-bottom: -40px;
      z-index: 2; }
      #lp-kokuumabutatama #tvcm .tvcm_ttl {
        width: 434px;
        margin: 0 auto 14px; }
      #lp-kokuumabutatama #tvcm .tvcm_img {
        width: 480px;
        margin: 0 auto; }
    #lp-kokuumabutatama #butatama {
      background: url("../img/sec02_bg.png") no-repeat center top;
      background-size: 100%;
      padding-top: 68px;
      padding-bottom: 75px;
      margin-top: -40px;
      position: relative;
      z-index: 1; }
      #lp-kokuumabutatama #butatama:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 30px;
        height: 109px;
        width: 100%;
        background: url("../img/asari_bg_02.png") no-repeat center;
        background-size: cover; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_ttl {
        width: 389px;
        margin: 0 auto -5px; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_badge {
        margin-left: 11px;
        width: 127px;
        margin-bottom: 236px; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_name {
        width: 419px;
        margin-left: 20px;
        margin-bottom: 22px; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_takeout {
        width: 126px;
        position: absolute;
        right: 16px;
        top: 667px; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_price {
        width: 477px;
        margin: 0 auto 18px; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_btn {
        width: 480px;
        margin: 0 auto 16px; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_biko {
        width: 323px;
        margin: 0 auto 72px; }
      #lp-kokuumabutatama #butatama .butatama_point .point_area_ttl {
        margin-bottom: 136px; }
      #lp-kokuumabutatama #butatama .butatama_arrange {
        background: url("../img/butatama_arrange_bg.png") no-repeat center top;
        background-size: cover; }
        #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box01 {
          padding-top: 35px;
          width: 430px;
          margin-left: 39px;
          margin-bottom: 20px; }
        #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box01txt {
          text-align: center;
          width: 451px;
          margin: 0 auto;
          padding-bottom: 46px;
          background: url("../img/butatama_arrange_line.png") no-repeat center bottom;
          background-size: 417px;
          margin-bottom: 25px; }
          #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box01txt img {
            width: 402px;
            display: block;
            margin: 0 auto; }
        #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box02 {
          width: 377px;
          margin-bottom: 87px;
          margin-bottom: 18px;
          width: 317px;
          margin: 0 0 20px 130px; }
        #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box02txt {
          width: 432px;
          margin: 0 auto; }
    #lp-kokuumabutatama #asari {
      background: url("../img/asari_bg.png") no-repeat center top;
      background-size: 100%;
      position: relative;
      padding-bottom: 50px;
      z-index: 2;
      margin-top: -25px; }
      #lp-kokuumabutatama #asari:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: -63px;
        height: 109px;
        width: 100%;
        background: url("../img/asari_bg_01.png") no-repeat center;
        background-size: cover; }
      #lp-kokuumabutatama #asari .asari_chigai .chigai_txt {
        width: 503px; }
      #lp-kokuumabutatama #asari .asari_info {
        padding-top: 48px; }
        #lp-kokuumabutatama #asari .asari_info .asari_ttl {
          width: 440px;
          margin: 0 auto -20px; }
        #lp-kokuumabutatama #asari .asari_info .asari_badge {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          margin-bottom: 310px; }
          #lp-kokuumabutatama #asari .asari_info .asari_badge img {
            width: 153px; }
        #lp-kokuumabutatama #asari .asari_info .asari_name {
          width: 357px;
          margin-left: 20px;
          margin-bottom: 7px; }
        #lp-kokuumabutatama #asari .asari_info .asari_takeout {
          position: absolute;
          width: 126px;
          right: 15px;
          top: 689px; }
        #lp-kokuumabutatama #asari .asari_info .asari_price {
          width: 454px;
          margin: 0 auto 19px; }
        #lp-kokuumabutatama #asari .asari_info .asari_btn {
          width: 480px;
          margin: 0 auto 16px; }
        #lp-kokuumabutatama #asari .asari_info .asari_biko {
          width: 323px;
          margin: 0 auto 43px; }
      #lp-kokuumabutatama #asari .asari_arrange .chigai_arrange_box01 {
        width: 450px;
        margin-left: 33px;
        margin-bottom: -20px; }
      #lp-kokuumabutatama #asari .asari_arrange .chigai_arrange_box01txt {
        width: 450px;
        margin: 0 auto;
        padding-bottom: 50px;
        background: url("../img/butatama_arrange_line.png") no-repeat center bottom;
        background-size: 417px; }
      #lp-kokuumabutatama #asari .asari_arrange .chigai_arrange_box02 {
        width: 450px;
        margin-top: -22px;
        margin-left: 33px;
        margin-bottom: 9px; }
      #lp-kokuumabutatama #asari .asari_arrange .chigai_arrange_box02txt {
        width: 451px;
        margin-left: 37px; }
    #lp-kokuumabutatama #recom {
      background: #fff;
      position: relative; }
      #lp-kokuumabutatama #recom .recom_ttl {
        position: relative;
        z-index: 3;
        margin-bottom: -86px;
        top: -30px; }
      #lp-kokuumabutatama #recom .recom_boxes {
        background: url("../img/recom_bg.png") no-repeat center top;
        background-size: 100%;
        position: relative;
        z-index: 1;
        padding-top: 247px;
        padding-bottom: 50px; }
        #lp-kokuumabutatama #recom .recom_boxes .recom_box {
          background: #fff;
          box-sizing: border-box;
          width: 500px;
          margin: 0 auto;
          border-radius: 10px;
          border: solid 1px #F47274;
          margin-bottom: 220px;
          position: relative; }
          #lp-kokuumabutatama #recom .recom_boxes .recom_box .recom_box_btn {
            width: 460px;
            margin: 0 auto 20px; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box .recom_box_btn a {
              display: block; }
              #lp-kokuumabutatama #recom .recom_boxes .recom_box .recom_box_btn a:hover {
                cursor: pointer;
                opacity: 0.9; }
          #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 {
            padding-top: 185px;
            padding-bottom: 30px;
            position: relative;
            z-index: 2; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_img {
              position: absolute;
              width: 100%;
              left: 0;
              top: -186px; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_takeout {
              width: 78px;
              position: absolute;
              top: 123px;
              right: 9px; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_img_name {
              width: 333px;
              margin: 0 auto 20px; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_img_txt {
              width: 458px;
              margin: 0 auto 30px; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_biko {
              width: 340px;
              margin: 0 auto; }
          #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 {
            padding-top: 200px;
            padding-bottom: 30px;
            margin-bottom: 0;
            position: relative;
            z-index: 2; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_img {
              position: absolute;
              width: 100%;
              left: 4px;
              top: -207px;
              width: 523px; }
              #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_img img {
                width: 100%;
                max-width: 200%; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_takeout {
              width: 78px;
              position: absolute;
              top: 141px;
              right: 9px; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_img_name {
              width: 450px;
              margin: 0 auto 20px; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_img_txt {
              width: 458px;
              margin: 0 auto 30px; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_biko {
              width: 417px;
              margin: 0 auto; }
      #lp-kokuumabutatama #recom .recom_bg_01 {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 972px;
        width: 84px; }
      #lp-kokuumabutatama #recom .recom_bg_02 {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 1113px;
        width: 77px; }
      #lp-kokuumabutatama #recom .recom_bg_03 {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 16px;
        width: 98px; }

  dialog {
    border: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    display: none;
    text-align: center; }
    dialog.open {
      display: flex; }
    dialog #closeBtn {
      color: #fff;
      font-size: 14px;
      margin-top: 1em;
      text-align: center;
      width: 100%;
      display: block; }

  /* 背景を暗くする設定 */
  dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.3); }

  .only--mobile {
    display: none !important; }

  #component-statement {
    max-width: 550px; }

  body {
    position: relative; }
    body:before {
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 1;
      background: url("../img/main_bg.png") no-repeat;
      background-size: cover; }
    body.loading-screen {
      height: 100dvh;
      overflow: hidden; }
      body.loading-screen.is-loaded {
        background: none;
        overflow: scroll; }

  .t-layout {
    position: relative;
    z-index: 2; }

  .lp-kokuumabutatama-box {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto; }
    .lp-kokuumabutatama-box #lp-kokuumabutatama {
      min-width: 550px;
      width: 550px;
      overflow: hidden; }
      .lp-kokuumabutatama-box #lp-kokuumabutatama .lp-kokuumabutatama_inner {
        background: #fff;
        box-sizing: border-box;
        padding: 0 5px; }

  .loadCloud {
    background: url("../img/load_cloud_01.webp") no-repeat center;
    background-size: 250%;
    position: fixed;
    left: 0;
    bottom: 10%;
    width: 100%;
    height: 100dvh;
    z-index: 9990;
    opacity: 1; }
    .loadCloud.is-loaded {
      animation-delay: 5.9s;
      animation-name: animation-bg03;
      animation-duration: 2s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }

  .loadBg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    background: #fff;
    z-index: 9996;
    opacity: 1; }
    .loadBg.is-loaded {
      animation-delay: 5.9s;
      animation-name: animation-bg02;
      animation-duration: 1.5s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }

  .loadArea {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    z-index: 9998;
    overflow: hidden; }
    .loadArea:before {
      content: '';
      display: block;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("../img/load_bg_v2.png") no-repeat center;
      background-size: cover;
      opacity: 0; }
    .loadArea.is-loaded {
      animation-delay: 4.5s;
      animation-name: animation-bg01;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
      .loadArea.is-loaded:before {
        animation-delay: 0.5s;
        animation-name: animation-fade3;
        animation-duration: 1.2s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
      .loadArea.is-loaded .loadArea_cloud_01 {
        animation-delay: 0.5s;
        animation-name: animation-load01;
        animation-duration: 15.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
      .loadArea.is-loaded .loadArea_cloud_02 {
        animation-delay: 0.5s;
        animation-name: animation-load02;
        animation-duration: 15.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
      .loadArea.is-loaded .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud1 {
        animation-delay: 0.16s;
        animation-name: animation-yuge01;
        animation-duration: 8.5s;
        animation-iteration-count: 10; }
      .loadArea.is-loaded .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud2 {
        animation-delay: 0.89s;
        animation-name: animation-yuge02;
        animation-duration: 8.5s;
        animation-iteration-count: 10; }
      .loadArea.is-loaded .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud3 {
        animation-delay: 1.5s;
        animation-name: animation-yuge03;
        animation-duration: 8.5s;
        animation-iteration-count: 10; }
      .loadArea.is-loaded .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .loadArea_box_img {
        opacity: 0;
        animation-delay: 0.5s;
        animation-name: animation-fade2;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
    .loadArea .loadArea_inner {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      z-index: 2; }
      .loadArea .loadArea_inner .loadArea_center .loadArea_boxes {
        display: flex;
        align-items: center;
        justify-content: center; }
        .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box {
          margin: 0 5px;
          width: 165px;
          position: relative; }
          .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .loadArea_box_img {
            opacity: 0; }
          .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud1 {
            position: absolute;
            width: 100%;
            left: 0;
            top: -50px;
            opacity: 0; }
          .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud2 {
            position: absolute;
            width: 100%;
            left: 0;
            top: -45px;
            opacity: 0; }
          .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud3 {
            position: absolute;
            width: 100%;
            left: 10px;
            top: -50px;
            opacity: 0; }
      .loadArea .loadArea_inner .loadArea_center .loadArea_ttl {
        width: 335px;
        margin: 30px auto 0; }
      .loadArea .loadArea_inner .loadArea_cloud_01 {
        position: absolute;
        right: 10%;
        bottom: 1%;
        width: 200vw;
        height: 100vw;
        opacity: 0; }
      .loadArea .loadArea_inner .loadArea_cloud_02 {
        position: absolute;
        left: 10%;
        top: 2%;
        width: 200vw;
        height: 100vw;
        opacity: 0; }

  .lp-kokuumabutatama__menu {
    width: 50%; }
    .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents {
      position: fixed;
      height: calc(100dvh - 110px);
      left: 0;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu {
        width: 55%;
        max-width: min(340px, 66vh); }
        .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu .pcmenu_link {
          box-sizing: border-box;
          width: 90%;
          max-width: 300px;
          margin: 0 auto; }
          .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu .pcmenu_link a {
            display: block; }
            .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu .pcmenu_link a:hover {
              cursor: pointer;
              opacity: 0.9; }

  #lp-kokuumabutatama {
    width: 540px;
    /* sec01 */
    /* sec02 */
    /* sec03 */
    /* sec04 */
    /* work */
    /* ankake */
    /* an */
    /* kamo */
    /* kamow */
    /* udons */ }
    #lp-kokuumabutatama .cloud {
      opacity: 0;
      animation-name: animation-cl;
      animation-duration: 10s;
      animation-iteration-count: 100; }
    #lp-kokuumabutatama .anclink {
      padding-top: 100px;
      margin-top: -100px; }
    #lp-kokuumabutatama img {
      display: block; }
    #lp-kokuumabutatama .mainslider {
      position: relative;
      z-index: 2; }
      #lp-kokuumabutatama .mainslider .slider01 .mainslide_img {
        position: relative;
        z-index: 1; }
        #lp-kokuumabutatama .mainslider .slider01 .mainslide_img img {
          display: block; }
      #lp-kokuumabutatama .mainslider .slider01 .mainslide_name {
        position: absolute;
        z-index: 2;
        width: 425px;
        left: 12px;
        top: 87px; }
      #lp-kokuumabutatama .mainslider .slider01 .mainslide_info {
        position: absolute;
        z-index: 2;
        width: 358px;
        right: 9px;
        top: 685px; }
      #lp-kokuumabutatama .mainslider .slider01 .mainslide_badge {
        position: absolute;
        z-index: 2;
        width: 165px;
        right: 0;
        top: 51px; }
      #lp-kokuumabutatama .mainslider .slider02 .mainslide_img {
        position: relative;
        z-index: 1; }
        #lp-kokuumabutatama .mainslider .slider02 .mainslide_img img {
          display: block; }
      #lp-kokuumabutatama .mainslider .slider02 .mainslide_name {
        position: absolute;
        z-index: 2;
        width: 425px;
        left: 12px;
        top: 87px; }
      #lp-kokuumabutatama .mainslider .slider02 .mainslide_info {
        position: absolute;
        z-index: 2;
        width: 322px;
        right: 9px;
        top: 685px; }
      #lp-kokuumabutatama .mainslider .slider02 .mainslide_badge {
        position: absolute;
        z-index: 2;
        width: 165px;
        right: 0;
        top: 51px; }
      #lp-kokuumabutatama .mainslider .slick-prev {
        position: absolute;
        z-index: 3;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url("../img/arr_prev.png") no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        font-size: 0; }
        #lp-kokuumabutatama .mainslider .slick-prev:hover {
          cursor: pointer;
          opacity: 0.9; }
        #lp-kokuumabutatama .mainslider .slick-prev:before {
          display: none; }
      #lp-kokuumabutatama .mainslider .slick-next {
        position: absolute;
        z-index: 3;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url("../img/arr_next.png") no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        font-size: 0; }
        #lp-kokuumabutatama .mainslider .slick-next:hover {
          cursor: pointer;
          opacity: 0.9; }
        #lp-kokuumabutatama .mainslider .slick-next:before {
          display: none; }
      #lp-kokuumabutatama .mainslider .mainslide {
        position: relative; }
        #lp-kokuumabutatama .mainslider .mainslide.slick-active .flip-container .front {
          animation-delay: 0.5s;
          animation-name: animation-mv01;
          animation-duration: 2s;
          animation-iteration-count: 1;
          animation-fill-mode: forwards; }
        #lp-kokuumabutatama .mainslider .mainslide .flip-container {
          /* 画像自体の設定 */
          /* 4. 表面の設定 */ }
          #lp-kokuumabutatama .mainslider .mainslide .flip-container .flipper {
            width: 100%;
            height: 100%;
            position: relative;
            transition: transform 0.8s;
            /* アニメーションの時間（0.8秒） */
            transform-style: preserve-3d;
            /* 子要素を3D空間に配置 */ }
          #lp-kokuumabutatama .mainslider .mainslide .flip-container .front img, #lp-kokuumabutatama .mainslider .mainslide .flip-container .back img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* 画像の比率を維持して埋める */ }
          #lp-kokuumabutatama .mainslider .mainslide .flip-container .front {
            z-index: 2;
            /* 最初はこちらが手前 */
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0; }
    #lp-kokuumabutatama .mv_nav {
      position: relative;
      z-index: 3;
      margin-top: -95px;
      margin-bottom: -50px; }
      #lp-kokuumabutatama .mv_nav .mv_nav_inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        #lp-kokuumabutatama .mv_nav .mv_nav_inner .mv_nav_box {
          width: 49%; }
          #lp-kokuumabutatama .mv_nav .mv_nav_inner .mv_nav_box.mv_nav_box_t {
            width: 48%; }
          #lp-kokuumabutatama .mv_nav .mv_nav_inner .mv_nav_box a {
            display: block; }
            #lp-kokuumabutatama .mv_nav .mv_nav_inner .mv_nav_box a:hover {
              opacity: 0.9;
              cursor: pointer; }
    #lp-kokuumabutatama .sec01 {
      position: relative; }
      #lp-kokuumabutatama .sec01 .sec01_img {
        position: relative; }
        #lp-kokuumabutatama .sec01 .sec01_img img {
          position: relative;
          z-index: 1; }
        #lp-kokuumabutatama .sec01 .sec01_img .sec01_ttl {
          width: 223px;
          position: absolute;
          right: 20px;
          top: 0;
          z-index: 2; }
        #lp-kokuumabutatama .sec01 .sec01_img .sec01_txt {
          width: 500px;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 30px;
          z-index: 2; }
          #lp-kokuumabutatama .sec01 .sec01_img .sec01_txt.sec01_txt_t {
            bottom: 87px; }
        #lp-kokuumabutatama .sec01 .sec01_img .cloud1 {
          position: absolute;
          right: 0;
          top: 185px;
          width: 252px;
          z-index: 1; }
        #lp-kokuumabutatama .sec01 .sec01_img .cloud2 {
          position: absolute;
          left: -22px;
          top: 331px;
          width: 302px;
          z-index: 1; }
        #lp-kokuumabutatama .sec01 .sec01_img .cloud4 {
          position: absolute;
          left: 0;
          top: 17px;
          width: 394px;
          z-index: 1; }
        #lp-kokuumabutatama .sec01 .sec01_img .cloud5 {
          position: absolute;
          right: -101px;
          top: 266px;
          width: 416px;
          z-index: 1; }
        #lp-kokuumabutatama .sec01 .sec01_img .cloud3 {
          position: absolute;
          left: 20px;
          top: 100px;
          width: 332px;
          z-index: 1; }
    #lp-kokuumabutatama .sec02 {
      background: url("../img/sec02_bg.webp") no-repeat center top;
      background-size: cover;
      padding: 1px 0 33px;
      position: relative;
      z-index: 4; }
      #lp-kokuumabutatama .sec02 .sec02_ttl {
        width: 487px;
        margin: 0 auto 10px; }
      #lp-kokuumabutatama .sec02 .sec02_img {
        width: 480px;
        margin: 0 auto; }
    #lp-kokuumabutatama .sec03 {
      margin-top: -57px;
      padding-top: 81px;
      padding-bottom: 85px;
      position: relative;
      z-index: 3;
      background: url("../img/sec03_img.webp") no-repeat center top;
      background-size: contain; }
      #lp-kokuumabutatama .sec03.sec03_t {
        margin-top: -80px; }
      #lp-kokuumabutatama .sec03 .sec03_ttl {
        width: 495px;
        margin: 0 auto 394px; }
      #lp-kokuumabutatama .sec03 .sec03_name {
        width: 349px;
        margin-left: 27px;
        margin-bottom: 10px; }
      #lp-kokuumabutatama .sec03 .sec03_badge {
        position: absolute;
        width: 126px;
        right: 27px;
        top: 641px; }
      #lp-kokuumabutatama .sec03 .sec03_price {
        width: 472px;
        margin: 0 auto 17px; }
      #lp-kokuumabutatama .sec03 .sec03_btn {
        width: 480px;
        margin: 0 auto 10px; }
        #lp-kokuumabutatama .sec03 .sec03_btn a {
          display: block; }
          #lp-kokuumabutatama .sec03 .sec03_btn a:hover {
            opacity: 0.9;
            cursor: pointer; }
      #lp-kokuumabutatama .sec03 .sec03_biko {
        width: 323px;
        margin: 0 auto; }
      #lp-kokuumabutatama .sec03 .cloud1 {
        position: absolute;
        width: 206px;
        left: 0;
        top: 157px; }
      #lp-kokuumabutatama .sec03 .cloud2 {
        position: absolute;
        width: 221px;
        right: 0;
        top: 170px; }
      #lp-kokuumabutatama .sec03 .cloud3 {
        position: absolute;
        width: 296px;
        right: 0;
        top: 265px; }
    #lp-kokuumabutatama .sec04 {
      background: url("../img/sec04_bg.webp") no-repeat center top;
      background-size: cover;
      padding-top: 395px;
      position: relative;
      z-index: 2;
      margin-top: -380px;
      padding-bottom: 50px; }
      #lp-kokuumabutatama .sec04 .sec04_ttl {
        width: 420px;
        margin: 0 auto 112px; }
      #lp-kokuumabutatama .sec04 .sec04_txt1 {
        width: 470px;
        margin: 0 auto; }
      #lp-kokuumabutatama .sec04 .sec04_txt2 {
        width: 433px;
        margin: 0 auto; }
      #lp-kokuumabutatama .sec04 .sec04_txt3 {
        width: 472px;
        margin: 0 auto; }
      #lp-kokuumabutatama .sec04 .sec04_tema {
        background: url("../img/sec04_tema_bg.webp") no-repeat center top;
        background-size: 500px;
        width: 500px;
        margin: 0 auto;
        padding-top: 56px;
        box-sizing: border-box;
        position: relative;
        padding-bottom: 92px; }
        #lp-kokuumabutatama .sec04 .sec04_tema .sec04_tema_ttl {
          width: 397px;
          margin: 0 auto 479px; }
        #lp-kokuumabutatama .sec04 .sec04_tema .sec04_tema_txt1 {
          position: absolute;
          left: 30px;
          top: 270px;
          width: 55px; }
        #lp-kokuumabutatama .sec04 .sec04_tema .sec04_tema_txt2 {
          position: absolute;
          right: 21px;
          top: 458px;
          width: 81px; }
        #lp-kokuumabutatama .sec04 .sec04_tema .sec04_tema_sub {
          width: 457px;
          margin: 0 auto; }
        #lp-kokuumabutatama .sec04 .sec04_tema .work_tema_box {
          display: flex;
          box-sizing: border-box;
          padding-left: 15px; }
          #lp-kokuumabutatama .sec04 .sec04_tema .work_tema_box .work_tema_box_left {
            width: 218px; }
          #lp-kokuumabutatama .sec04 .sec04_tema .work_tema_box .work_tema_box_right {
            padding-top: 16px;
            width: 250px;
            margin-left: 14px; }
    #lp-kokuumabutatama .work .work_boxes {
      margin-bottom: 41px; }
      #lp-kokuumabutatama .work .work_boxes .work_box {
        background: #FFF2E1;
        width: 520px;
        box-sizing: border-box;
        margin-right: 20px;
        position: relative;
        padding: 50px 20px 35px 0;
        border-radius: 0 5px 5px 0;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); }
        #lp-kokuumabutatama .work .work_boxes .work_box:nth-child(1) {
          margin-bottom: 132px; }
          #lp-kokuumabutatama .work .work_boxes .work_box:nth-child(1) .work_box_ttl {
            position: absolute;
            left: 0;
            top: -116px;
            width: 531px; }
          #lp-kokuumabutatama .work .work_boxes .work_box:nth-child(1) .work_box_video {
            border-radius: 0 5px 5px 0;
            overflow: hidden; }
        #lp-kokuumabutatama .work .work_boxes .work_box:nth-child(2) {
          margin-bottom: 86px;
          margin-right: 0;
          margin-left: 20px;
          border-radius: 5px 0 0 5px;
          padding: 50px 0 35px 20px; }
          #lp-kokuumabutatama .work .work_boxes .work_box:nth-child(2) .work_box_ttl {
            position: absolute;
            right: 0;
            top: -148px;
            width: 531px; }
          #lp-kokuumabutatama .work .work_boxes .work_box:nth-child(2) .work_box_video {
            border-radius: 5px 0 0 5px;
            overflow: hidden; }
        #lp-kokuumabutatama .work .work_boxes .work_box:nth-child(3) .work_box_ttl {
          position: absolute;
          left: 0;
          top: -75px;
          width: 531px; }
        #lp-kokuumabutatama .work .work_boxes .work_box:nth-child(3) .work_box_video {
          border-radius: 0 5px 5px 0;
          overflow: hidden; }
        #lp-kokuumabutatama .work .work_boxes .work_box .work_box_ttl {
          z-index: 2; }
        #lp-kokuumabutatama .work .work_boxes .work_box .work_box_video {
          margin-bottom: 30px;
          max-height: 280px;
          overflow: hidden;
          position: relative;
          z-index: 1; }
          #lp-kokuumabutatama .work .work_boxes .work_box .work_box_video img {
            width: 100%;
            height: auto; }
          #lp-kokuumabutatama .work .work_boxes .work_box .work_box_video video {
            width: 100%;
            display: block;
            height: auto; }
    #lp-kokuumabutatama .ankake {
      position: relative;
      padding-top: 66px;
      margin-top: -68px;
      z-index: 3;
      background: url("../img/ankake_bg.webp") no-repeat center top;
      background-size: contain;
      padding-bottom: 158px; }
      #lp-kokuumabutatama .ankake .cloud1 {
        width: 266px;
        position: absolute;
        right: 0;
        top: 71px;
        z-index: 1; }
      #lp-kokuumabutatama .ankake .cloud2 {
        width: 200px;
        position: absolute;
        left: 0;
        top: 84px;
        z-index: 1; }
      #lp-kokuumabutatama .ankake .ankake_ttl {
        width: 308px;
        margin: 0 auto; }
      #lp-kokuumabutatama .ankake .ankake_badge {
        width: 131px;
        margin-bottom: 247px;
        position: relative;
        z-index: 2; }
      #lp-kokuumabutatama .ankake .ankake_name {
        width: 485px;
        margin: 0 auto; }
      #lp-kokuumabutatama .ankake .ankake_price {
        width: 471px;
        margin: -5px auto 10px; }
      #lp-kokuumabutatama .ankake .ankake_btn {
        width: 480px;
        margin: 0 auto 9px; }
        #lp-kokuumabutatama .ankake .ankake_btn a {
          display: block; }
          #lp-kokuumabutatama .ankake .ankake_btn a:hover {
            opacity: 0.9;
            cursor: pointer; }
      #lp-kokuumabutatama .ankake .ankake_biko {
        width: 323px;
        margin: 0 auto; }
    #lp-kokuumabutatama .an {
      background: url("../img/an_sec01_bg.webp") no-repeat center top;
      background-size: cover;
      padding-top: 125px;
      position: relative;
      z-index: 1;
      margin-top: -210px;
      padding-bottom: 29px; }
      #lp-kokuumabutatama .an .an_ttl {
        width: 420px;
        margin: 0 auto 101px; }
      #lp-kokuumabutatama .an .work_boxes .work_box:nth-child(1) {
        margin-bottom: 139px;
        margin-right: 0;
        margin-left: 20px;
        border-radius: 5px 0 0 5px;
        padding: 50px 0 35px 20px; }
        #lp-kokuumabutatama .an .work_boxes .work_box:nth-child(1) .work_box_ttl {
          position: absolute;
          right: 0;
          top: -143px;
          width: 100%; }
        #lp-kokuumabutatama .an .work_boxes .work_box:nth-child(1) .work_box_video {
          border-radius: 5px 0 0 5px;
          overflow: hidden; }
      #lp-kokuumabutatama .an .work_boxes .work_box:nth-child(2) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 20px;
        border-radius: 0 5px 5px 0;
        padding: 50px 20px 35px 0; }
        #lp-kokuumabutatama .an .work_boxes .work_box:nth-child(2) .work_box_ttl {
          position: absolute;
          left: 0;
          top: -126px;
          width: 532px; }
        #lp-kokuumabutatama .an .work_boxes .work_box:nth-child(2) .work_box_video {
          border-radius: 0 5px 5px 0;
          overflow: hidden; }
      #lp-kokuumabutatama .an .work_boxes .work_box .sec04_txt1 {
        width: 465px;
        margin: 0 auto; }
      #lp-kokuumabutatama .an .work_boxes .work_box .sec04_txt2 {
        width: 438px;
        margin: 0 auto; }
      #lp-kokuumabutatama .an .an_tema {
        background: url("../img/an_tema_bg.webp") no-repeat center top;
        background-size: 500px;
        width: 500px;
        margin: 0 auto;
        padding-top: 56px;
        box-sizing: border-box;
        position: relative;
        padding-bottom: 92px; }
        #lp-kokuumabutatama .an .an_tema .an_tema_ttl {
          width: 397px;
          margin: 0 auto 13px; }
        #lp-kokuumabutatama .an .an_tema .an_tema_txt1 {
          position: absolute;
          left: 32px;
          top: 263px;
          width: 82px; }
        #lp-kokuumabutatama .an .an_tema .an_tema_txt2 {
          position: absolute;
          right: 33px;
          top: 489px;
          width: 98px; }
        #lp-kokuumabutatama .an .an_tema .an_tema_sub {
          width: 457px;
          margin: -69px auto 10px; }
        #lp-kokuumabutatama .an .an_tema .work_tema_box {
          display: flex;
          box-sizing: border-box;
          padding-left: 15px; }
          #lp-kokuumabutatama .an .an_tema .work_tema_box .work_tema_box_left {
            width: 218px; }
          #lp-kokuumabutatama .an .an_tema .work_tema_box .work_tema_box_right {
            padding-top: 15px;
            width: 224px;
            margin-left: 19px; }
    #lp-kokuumabutatama .kamo {
      position: relative;
      padding-top: 82px;
      margin-top: -68px;
      z-index: 2;
      background: url("../img/kamo_bg.webp") no-repeat center top;
      background-size: cover;
      padding-bottom: 58px; }
      #lp-kokuumabutatama .kamo .cloud1 {
        position: absolute;
        width: 157px;
        top: 308px;
        right: 0; }
      #lp-kokuumabutatama .kamo .kamo_ttl {
        width: 281px;
        margin: 0 auto 322px; }
      #lp-kokuumabutatama .kamo .kamo_badge {
        position: absolute;
        right: 30px;
        top: 679px;
        width: 191px; }
      #lp-kokuumabutatama .kamo .kamo_name {
        width: 339px;
        margin-left: 9px; }
      #lp-kokuumabutatama .kamo .kamo_price {
        width: 471px;
        margin: -5px auto 10px; }
      #lp-kokuumabutatama .kamo .kamo_btn {
        width: 480px;
        margin: 0 auto 9px; }
        #lp-kokuumabutatama .kamo .kamo_btn a {
          display: block; }
          #lp-kokuumabutatama .kamo .kamo_btn a:hover {
            opacity: 0.9;
            cursor: pointer; }
      #lp-kokuumabutatama .kamo .kamo_biko {
        width: 323px;
        margin: 0 auto; }
    #lp-kokuumabutatama .kamow {
      background: url("../img/kamo_sec01_bg.webp") no-repeat center top;
      background-size: 540px;
      padding-top: 72px;
      margin-top: -70px;
      overflow: hidden; }
      #lp-kokuumabutatama .kamow .kamow_ttl {
        width: 420px;
        margin: 0 auto 89px; }
      #lp-kokuumabutatama .kamow .work_boxes .work_box:nth-child(1) {
        margin-bottom: 110px; }
        #lp-kokuumabutatama .kamow .work_boxes .work_box:nth-child(1) .work_box_ttl {
          position: absolute;
          right: 0;
          top: -109px;
          width: 540px; }
      #lp-kokuumabutatama .kamow .work_boxes .work_box:nth-child(2) {
        margin-bottom: 0; }
        #lp-kokuumabutatama .kamow .work_boxes .work_box:nth-child(2) .work_box_ttl {
          position: absolute;
          left: -19px;
          top: -107px;
          width: 540px; }
      #lp-kokuumabutatama .kamow .work_boxes .work_box .kamow_txt1 {
        width: 470px;
        margin: 0 auto; }
      #lp-kokuumabutatama .kamow .work_boxes .work_box .kamow_txt2 {
        width: 379px;
        margin: 0 auto; }
      #lp-kokuumabutatama .kamow .kamow_tema {
        background: url("../img/kamo_sec01_tema_bg.webp") no-repeat center top;
        background-size: 500px;
        width: 500px;
        margin: 0 auto;
        padding-top: 56px;
        box-sizing: border-box;
        position: relative;
        padding-bottom: 92px; }
        #lp-kokuumabutatama .kamow .kamow_tema .kamow_tema_img img {
          width: 526px;
          position: relative;
          left: 0;
          max-width: 200%; }
        #lp-kokuumabutatama .kamow .kamow_tema .kamow_tema_ttl {
          width: 397px;
          margin: 0 auto; }
        #lp-kokuumabutatama .kamow .kamow_tema .kamow_tema_txt1 {
          position: absolute;
          left: 26px;
          top: 260px;
          width: 81px; }
        #lp-kokuumabutatama .kamow .kamow_tema .kamow_tema_txt2 {
          position: absolute;
          right: 24px;
          top: 480px;
          width: 82px; }
    #lp-kokuumabutatama .udons {
      background: url("../img/udon_bg1.webp") no-repeat center top;
      background-size: cover;
      padding-top: 53px;
      padding-bottom: 50px; }
      #lp-kokuumabutatama .udons .udons_ttl {
        width: 513px;
        margin: 0 auto 25px; }
      #lp-kokuumabutatama .udons .udons_inner {
        padding-top: 65px; }
        #lp-kokuumabutatama .udons .udons_inner .udons_btn {
          width: 480px;
          margin: 0 auto 20px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_btn a {
            display: block; }
            #lp-kokuumabutatama .udons .udons_inner .udons_btn a:hover {
              opacity: 0.9;
              cursor: pointer; }
        #lp-kokuumabutatama .udons .udons_inner .udons_biko {
          width: 417px;
          margin: 0 auto; }
        #lp-kokuumabutatama .udons .udons_inner .udons_menta {
          position: relative; }
          #lp-kokuumabutatama .udons .udons_inner .udons_menta .cloud1 {
            position: absolute;
            left: 0;
            top: -65px;
            width: 136px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_menta .cloud2 {
            position: absolute;
            left: 108px;
            top: 176px;
            width: 298px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_menta .udons_menta_img {
            width: 430px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_menta .udons_menta_name {
            position: absolute;
            width: 146px;
            right: 15px;
            top: -17px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_menta .udons_menta_badge {
            position: absolute;
            right: 28px;
            top: 324px;
            width: 55px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_menta .udons_menta_price {
            width: 455px;
            margin: 0 auto 29px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_menta .udons_menta_txt {
            width: 454px;
            margin: 0 auto 40px; }
        #lp-kokuumabutatama .udons .udons_inner .udons_tamago {
          position: relative;
          margin-top: 100px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_tamago .cloud1 {
            position: absolute;
            left: 124px;
            top: -64px;
            width: 272px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_tamago .cloud2 {
            position: absolute;
            left: 0;
            top: 142px;
            width: 124px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_tamago .udons_tamago_img {
            width: 430px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_tamago .udons_tamago_name {
            position: absolute;
            width: 140px;
            right: 18px;
            top: 0; }
          #lp-kokuumabutatama .udons .udons_inner .udons_tamago .udons_tamago_badge {
            position: absolute;
            right: 90px;
            top: 185px;
            width: 55px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_tamago .udons_tamago_price {
            width: 434px;
            margin: -14px auto 29px; }
          #lp-kokuumabutatama .udons .udons_inner .udons_tamago .udons_tamago_txt {
            width: 468px;
            margin: 0 auto 30px; } }
/* PC */
/* SP */
@media screen and (min-width: 769px) and (max-width: 890px) {
  .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents {
    left: 3vw !important;
    justify-content: flex-start !important; } }
/* SP */
@media screen and (max-width: 768px) {
  .t-layout {
    overflow: hidden; }

  dialog {
    border: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 5vw;
    width: 100%;
    height: 100%;
    background: none;
    display: none;
    text-align: center; }
    dialog.open {
      display: flex; }
    dialog #closeBtn {
      color: #fff;
      font-size: 4vw;
      margin-top: 1em;
      text-align: center;
      width: 100%;
      display: block; }
    dialog iframe {
      width: 90vw;
      height: 50vw; }

  /* 背景を暗くする設定 */
  dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.3); }

  .pc_only {
    display: none !important; }

  body {
    position: relative; }
    body:before {
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 1;
      background: url("../img/main_bg.png") no-repeat;
      background-size: cover; }
    body.loading-screen {
      height: 100dvh;
      overflow: hidden; }
      body.loading-screen.is-loaded {
        background: none;
        overflow: scroll; }

  .lp-kokuumabutatama-box {
    display: flex;
    justify-content: flex-end; }
    .lp-kokuumabutatama-box #lp-kokuumabutatama {
      width: 100%; }

  .loadCloud {
    background: url("../img/load_cloud_01.webp") no-repeat center;
    background-size: 450%;
    position: fixed;
    left: 0;
    bottom: 10%;
    width: 100%;
    height: 100dvh;
    z-index: 9990;
    opacity: 1;
    animation-delay: 5.9s;
    animation-name: animation-bg03;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }

  .loadBg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    background: #fff;
    z-index: 9996;
    opacity: 1;
    animation-delay: 5.9s;
    animation-name: animation-bg02;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }

  .loadArea {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    z-index: 9998;
    background: #fff;
    overflow: hidden; }
    .loadArea.is-loaded {
      animation-delay: 4.5s;
      animation-name: animation-bg01;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
      .loadArea.is-loaded .loadArea_cloud_01 {
        animation-delay: 0.5s;
        animation-name: animation-load01;
        animation-duration: 15.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
      .loadArea.is-loaded .loadArea_cloud_02 {
        animation-delay: 0.5s;
        animation-name: animation-load02;
        animation-duration: 15.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
      .loadArea.is-loaded .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud1 {
        animation-delay: 0.16s;
        animation-name: animation-yuge01;
        animation-duration: 8.5s;
        animation-iteration-count: 10; }
      .loadArea.is-loaded .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud2 {
        animation-delay: 0.89s;
        animation-name: animation-yuge02;
        animation-duration: 8.5s;
        animation-iteration-count: 10; }
      .loadArea.is-loaded .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud3 {
        animation-delay: 1.5s;
        animation-name: animation-yuge03;
        animation-duration: 8.5s;
        animation-iteration-count: 10; }
      .loadArea.is-loaded .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .loadArea_box_img {
        opacity: 0;
        animation-delay: 0.5s;
        animation-name: animation-fade2;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
    .loadArea .loadArea_inner {
      width: 100%;
      height: 100dvh;
      background: url("../img/load_bg_sp.jpg") no-repeat center;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .loadArea .loadArea_inner .loadArea_center .loadArea_boxes {
        display: flex;
        align-items: center;
        justify-content: center; }
        .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box {
          margin: 0 0.9vw;
          width: 30vw;
          position: relative; }
          .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .loadArea_box_img {
            opacity: 0; }
          .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud1 {
            position: absolute;
            width: 100%;
            left: 0;
            top: -9.2vw;
            opacity: 0; }
          .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud2 {
            position: absolute;
            width: 100%;
            left: 0;
            top: -8.3vw;
            opacity: 0; }
          .loadArea .loadArea_inner .loadArea_center .loadArea_boxes .loadArea_box .cloud3 {
            position: absolute;
            width: 100%;
            left: 1.8vw;
            top: -9.2vw;
            opacity: 0; }
      .loadArea .loadArea_inner .loadArea_center .loadArea_ttl {
        width: 62vw;
        margin: 5.5vw auto 0; }
      .loadArea .loadArea_inner .loadArea_cloud_01 {
        position: absolute;
        right: -15%;
        bottom: 15%;
        width: 450vw;
        height: 250vw;
        opacity: 0; }
      .loadArea .loadArea_inner .loadArea_cloud_02 {
        position: absolute;
        left: 10%;
        top: 10%;
        width: 400vw;
        height: 200vw;
        opacity: 0; }

  .lp-kokuumabutatama__menu {
    width: 50%; }
    .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents {
      position: fixed;
      height: calc(100dvh - 20vw);
      left: 0;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu {
        width: 55%;
        max-width: 66vh; }
        .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu .pcmenu_link {
          box-sizing: border-box;
          padding-left: 10%; }
          .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu .pcmenu_link a {
            display: block; }
            .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu .pcmenu_link a:hover {
              cursor: pointer;
              opacity: 0.9; }
          .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu .pcmenu_link.link02 {
            width: 90.8%; }
          .lp-kokuumabutatama__menu .lp-kokuumabutatama__menu__contents .pcmenu .pcmenu_link.link03 {
            width: 92.8%; }

  #lp-kokuumabutatama {
    position: relative;
    z-index: 3; }
    #lp-kokuumabutatama .mainslider {
      position: relative;
      z-index: 2; }
      #lp-kokuumabutatama .mainslider .slider01 .mainslide_img {
        position: relative;
        z-index: 1; }
        #lp-kokuumabutatama .mainslider .slider01 .mainslide_img img {
          display: block; }
      #lp-kokuumabutatama .mainslider .slider01 .mainslide_name {
        position: absolute;
        z-index: 2;
        width: 78.704vw;
        left: 2.222vw;
        top: 16.111vw; }
      #lp-kokuumabutatama .mainslider .slider01 .mainslide_info {
        position: absolute;
        z-index: 2;
        width: 66.296vw;
        right: 1.667vw;
        top: 126.852vw; }
      #lp-kokuumabutatama .mainslider .slider01 .mainslide_badge {
        position: absolute;
        z-index: 2;
        width: 30.556vw;
        right: 0;
        top: 9.444vw; }
      #lp-kokuumabutatama .mainslider .slider02 .mainslide_img {
        position: relative;
        z-index: 1; }
        #lp-kokuumabutatama .mainslider .slider02 .mainslide_img img {
          display: block; }
      #lp-kokuumabutatama .mainslider .slider02 .mainslide_name {
        position: absolute;
        z-index: 2;
        width: 78.704vw;
        left: 2.222vw;
        top: 16.111vw; }
      #lp-kokuumabutatama .mainslider .slider02 .mainslide_info {
        position: absolute;
        z-index: 2;
        width: 59.63vw;
        right: 1.667vw;
        top: 126.852vw; }
      #lp-kokuumabutatama .mainslider .slider02 .mainslide_badge {
        position: absolute;
        z-index: 2;
        width: 30.556vw;
        right: 0;
        top: 9.444vw; }
      #lp-kokuumabutatama .mainslider .slick-prev {
        position: absolute;
        z-index: 3;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url("../img/arr_prev.png") no-repeat center;
        background-size: contain;
        width: 7.407vw;
        height: 7.407vw;
        font-size: 0; }
        #lp-kokuumabutatama .mainslider .slick-prev:hover {
          cursor: pointer;
          opacity: 0.9; }
        #lp-kokuumabutatama .mainslider .slick-prev:before {
          display: none; }
      #lp-kokuumabutatama .mainslider .slick-next {
        position: absolute;
        z-index: 3;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url("../img/arr_next.png") no-repeat center;
        background-size: contain;
        width: 7.407vw;
        height: 7.407vw;
        font-size: 0; }
        #lp-kokuumabutatama .mainslider .slick-next:hover {
          cursor: pointer;
          opacity: 0.9; }
        #lp-kokuumabutatama .mainslider .slick-next:before {
          display: none; }
      #lp-kokuumabutatama .mainslider .mainslide {
        position: relative; }
        #lp-kokuumabutatama .mainslider .mainslide.slick-active .flip-container .front {
          animation-delay: 0.5s;
          animation-name: animation-mv01;
          animation-duration: 2s;
          animation-iteration-count: 1;
          animation-fill-mode: forwards; }
        #lp-kokuumabutatama .mainslider .mainslide .flip-container .flipper {
          width: 100%;
          height: 100%;
          position: relative;
          transition: transform 0.8s;
          transform-style: preserve-3d; }
        #lp-kokuumabutatama .mainslider .mainslide .flip-container .front img, #lp-kokuumabutatama .mainslider .mainslide .flip-container .back img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        #lp-kokuumabutatama .mainslider .mainslide .flip-container .front {
          z-index: 2;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0; }
    #lp-kokuumabutatama .mv_nav {
      position: relative;
      z-index: 3;
      margin-top: -17.593vw;
      margin-bottom: -9.259vw; }
      #lp-kokuumabutatama .mv_nav .mv_nav_inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        #lp-kokuumabutatama .mv_nav .mv_nav_inner .mv_nav_box {
          width: 49%; }
          #lp-kokuumabutatama .mv_nav .mv_nav_inner .mv_nav_box.mv_nav_box_t {
            width: 48%; }
          #lp-kokuumabutatama .mv_nav .mv_nav_inner .mv_nav_box a {
            display: block; }
            #lp-kokuumabutatama .mv_nav .mv_nav_inner .mv_nav_box a:hover {
              opacity: 0.9;
              cursor: pointer; }
    #lp-kokuumabutatama .point_area .point_area_ttl {
      width: 74.4vw;
      margin: 0 auto 15.741vw; }
    #lp-kokuumabutatama .point_area .point_area_boxes {
      margin-bottom: 12.8vw; }
      #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box {
        position: relative; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) {
          margin-left: 3.704vw;
          margin-bottom: 20.926vw; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1).point_area_box-2 {
            margin-bottom: 24vw !important; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) .point_area_box_ttl {
            width: 97.963vw;
            right: 0;
            top: -18.148vw; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) .point_area_box_inner {
            border-radius: 1.852vw 0 0 1.852vw; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) .point_area_box_inner .point_area_box_txt {
              width: 91.296vw;
              margin: 5.741vw auto; }
              #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(1) .point_area_box_inner .point_area_box_txt.point_area_box_txt_asari1 {
                width: 84vw; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) {
          margin-right: 3.704vw;
          margin-bottom: 0; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_ttl {
            width: 97.963vw;
            left: 0;
            top: -18.148vw; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_ttl.point_area_box_ttl-2 {
              top: -22.7vw; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_inner {
            border-radius: 0 1.852vw 1.852vw 0; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_inner .point_area_box_txt {
              width: 76.2vw;
              margin: 5.741vw auto; }
              #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(2) .point_area_box_inner .point_area_box_txt.point_area_box_txt_asari2 {
                width: 84vw; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) {
          margin-left: 3.704vw;
          margin-top: 21.481vw; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_ttl {
            width: 97.963vw;
            right: 0;
            top: -18.148vw;
            z-index: 3; }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner {
            border-radius: 1.852vw 0 0 1.852vw; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner .point_area_box_videoimg {
              position: relative; }
              #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner .point_area_box_videoimg img {
                display: block;
                width: 100%;
                height: auto; }
              #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner .point_area_box_videoimg span {
                position: absolute;
                right: 1.852vw;
                bottom: -5.741vw;
                width: 40.37vw; }
            #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box:nth-child(3) .point_area_box_inner .point_area_box_txt {
              width: 87.296vw;
              margin: 5.741vw auto; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box .point_area_box_ttl {
          position: absolute; }
        #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box .point_area_box_inner {
          background: url("../img/butatama_point_01_txtbg.png") no-repeat center bottom #fff;
          background-size: 100%;
          overflow: hidden;
          box-shadow: 0px 0px 0.652vw 0px rgba(0, 0, 0, 0.25); }
          #lp-kokuumabutatama .point_area .point_area_boxes .point_area_box .point_area_box_inner .point_area_box_video video {
            width: 100%;
            height: auto;
            display: block; }
    #lp-kokuumabutatama .chigai .chigai_box {
      position: relative;
      width: 90.741vw;
      margin: 0 auto;
      box-sizing: border-box; }
      #lp-kokuumabutatama .chigai .chigai_box video {
        display: block;
        width: 100%;
        height: auto; }
      #lp-kokuumabutatama .chigai .chigai_box .chigai_ttl {
        position: absolute;
        width: 95.37vw;
        left: -3.333vw;
        top: -7.778vw; }
      #lp-kokuumabutatama .chigai .chigai_box .chigai_prd {
        width: 31.481vw;
        position: absolute;
        left: -4.63vw;
        bottom: -7.963vw;
        z-index: 2; }
      #lp-kokuumabutatama .chigai .chigai_box .chigai_sub {
        position: absolute;
        left: -0.185vw;
        bottom: -7.778vw;
        width: 86.852vw;
        z-index: 3; }
      #lp-kokuumabutatama .chigai .chigai_box .chigai_bg {
        z-index: 1;
        position: absolute;
        left: -2.037vw;
        bottom: -9.074vw;
        width: 96.111vw; }
    #lp-kokuumabutatama .chigai .chigai_txt {
      width: 81.111vw;
      margin: 15.185vw auto 17.593vw; }
    #lp-kokuumabutatama .chigai_arrange {
      position: relative;
      background: url("../img/arrange_bg.png") no-repeat center top;
      background-size: contain;
      width: 92.963vw;
      margin: 0 auto;
      padding: 22.778vw 0 7.963vw;
      box-sizing: border-box; }
      #lp-kokuumabutatama .chigai_arrange .chigai_arrange_ttl {
        position: absolute;
        width: 84.63vw;
        left: 4.444vw;
        top: -7.407vw; }
    #lp-kokuumabutatama #sec01 .sec01_box01 {
      position: relative;
      z-index: 2;
      background: url("../img/sec01_wave_01.png") no-repeat center bottom;
      background-size: cover;
      padding: 17.407vw 0 8.148vw;
      margin-bottom: -3.704vw; }
      #lp-kokuumabutatama #sec01 .sec01_box01 .sec01_box01_txt {
        width: 76.667vw;
        margin: 0 auto; }
      #lp-kokuumabutatama #sec01 .sec01_box01:before {
        content: '';
        display: block;
        height: 55.556vw;
        width: 100%;
        z-index: 1;
        position: absolute;
        top: 3.889vw;
        left: 0;
        background: url("../img/sec01_bg_01.png") no-repeat center top;
        background-size: cover; }
    #lp-kokuumabutatama #sec01 .sec01_box02 {
      position: relative;
      z-index: 1; }
      #lp-kokuumabutatama #sec01 .sec01_box02 video {
        width: 100%;
        display: block; }
    #lp-kokuumabutatama #sec01 .sec01_box03 {
      background: url("../img/sec01_wave_02.png") no-repeat center top;
      background-size: cover;
      position: relative;
      margin-top: -5.185vw;
      z-index: 2;
      padding: 12.407vw 0 10vw; }
      #lp-kokuumabutatama #sec01 .sec01_box03 img {
        width: 91.6vw;
        margin: 0 auto; }
      #lp-kokuumabutatama #sec01 .sec01_box03 .sec01_box03_txt {
        text-align: center; }
    #lp-kokuumabutatama #tvcm {
      background: url("../img/tvcm_bg.png") no-repeat center top;
      background-size: cover;
      padding: 3.889vw 0 14.63vw;
      position: relative;
      margin-bottom: -7.407vw;
      z-index: 2; }
      #lp-kokuumabutatama #tvcm .tvcm_ttl {
        width: 80.37vw;
        margin: 0 auto 2.593vw; }
      #lp-kokuumabutatama #tvcm .tvcm_img {
        width: 88.889vw;
        margin: 0 auto; }
    #lp-kokuumabutatama #butatama {
      background: url("../img/sec02_bg.png") no-repeat center top;
      background-size: 100%;
      padding-top: 12.593vw;
      padding-bottom: 13.889vw;
      margin-top: -7.407vw;
      position: relative;
      z-index: 1; }
      #lp-kokuumabutatama #butatama:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 5.556vw;
        height: 20.185vw;
        width: 100%;
        background: url("../img/asari_bg_02.png") no-repeat center;
        background-size: cover; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_ttl {
        width: 72vw;
        margin: 0 auto -0.9vw; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_badge {
        margin-left: 2.037vw;
        width: 23.519vw;
        margin-bottom: 43.704vw; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_name {
        width: 77.593vw;
        margin-left: 3.704vw;
        margin-bottom: 4.074vw; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_takeout {
        width: 23.333vw;
        position: absolute;
        right: 2.963vw;
        top: 123.519vw; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_price {
        width: 88.333vw;
        margin: 0 auto 3.333vw; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_btn {
        width: 88.889vw;
        margin: 0 auto 2.963vw; }
      #lp-kokuumabutatama #butatama .butatama_info .butatama_biko {
        width: 59.815vw;
        margin: 0 auto 13.333vw; }
      #lp-kokuumabutatama #butatama .butatama_point .point_area_ttl {
        margin-bottom: 25.185vw; }
      #lp-kokuumabutatama #butatama .butatama_arrange {
        background: url("../img/butatama_arrange_bg.png") no-repeat center top;
        background-size: cover; }
        #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box01 {
          padding-top: 6.481vw;
          width: 79.63vw;
          margin-left: 7.222vw;
          margin-bottom: 3.704vw; }
        #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box01txt {
          text-align: center;
          width: 83.519vw;
          margin: 0 auto;
          padding-bottom: 8.519vw;
          background: url("../img/butatama_arrange_line.png") no-repeat center bottom;
          background-size: 77.222vw;
          margin-bottom: 4.889vw; }
          #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box01txt img {
            width: 74.444vw;
            display: block;
            margin: 0 auto; }
        #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box02 {
          width: 58.704vw;
          margin: 0 0 3.704vw 24.074vw; }
        #lp-kokuumabutatama #butatama .butatama_arrange .chigai_arrange_box02txt {
          width: 80vw;
          margin: 0 auto; }
    #lp-kokuumabutatama #asari {
      background: url("../img/asari_bg.png") no-repeat center top;
      background-size: 100%;
      position: relative;
      padding-bottom: 9.259vw;
      z-index: 2;
      margin-top: -4.63vw; }
      #lp-kokuumabutatama #asari:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: -11.667vw;
        height: 20.185vw;
        width: 100%;
        background: url("../img/asari_bg_01.png") no-repeat center;
        background-size: cover; }
      #lp-kokuumabutatama #asari .asari_chigai .chigai_txt {
        width: 97.8vw; }
      #lp-kokuumabutatama #asari .asari_info {
        padding-top: 8.889vw; }
        #lp-kokuumabutatama #asari .asari_info .asari_ttl {
          width: 81.481vw;
          margin: 0 auto -3.704vw; }
        #lp-kokuumabutatama #asari .asari_info .asari_badge {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          margin-bottom: 57.407vw; }
          #lp-kokuumabutatama #asari .asari_info .asari_badge img {
            width: 28.333vw; }
        #lp-kokuumabutatama #asari .asari_info .asari_name {
          width: 66.111vw;
          margin-left: 3.704vw;
          margin-bottom: 1.296vw; }
        #lp-kokuumabutatama #asari .asari_info .asari_takeout {
          position: absolute;
          width: 23.333vw;
          right: 2.778vw;
          top: 127.593vw; }
        #lp-kokuumabutatama #asari .asari_info .asari_price {
          width: 84.074vw;
          margin: 0 auto 3.519vw; }
        #lp-kokuumabutatama #asari .asari_info .asari_btn {
          width: 88.889vw;
          margin: 0 auto 2.963vw; }
        #lp-kokuumabutatama #asari .asari_info .asari_biko {
          width: 59.815vw;
          margin: 0 auto 7.963vw; }
      #lp-kokuumabutatama #asari .asari_arrange .chigai_arrange_box01 {
        width: 83.333vw;
        margin-left: 6.111vw;
        margin-bottom: -3.704vw; }
      #lp-kokuumabutatama #asari .asari_arrange .chigai_arrange_box01txt {
        width: 83.333vw;
        margin: 0 auto;
        padding-bottom: 9.259vw;
        background: url("../img/butatama_arrange_line.png") no-repeat center bottom;
        background-size: 77.222vw; }
      #lp-kokuumabutatama #asari .asari_arrange .chigai_arrange_box02 {
        width: 83.333vw;
        margin-top: -4.074vw;
        margin-left: 6.111vw;
        margin-bottom: 1.667vw; }
      #lp-kokuumabutatama #asari .asari_arrange .chigai_arrange_box02txt {
        width: 83.519vw;
        margin-left: 6.852vw; }
    #lp-kokuumabutatama #recom {
      background: #fff;
      position: relative; }
      #lp-kokuumabutatama #recom .recom_ttl {
        position: relative;
        z-index: 3;
        margin-bottom: -15.926vw;
        top: -5.556vw; }
      #lp-kokuumabutatama #recom .recom_boxes {
        background: url("../img/recom_bg.png") no-repeat center top;
        background-size: 100%;
        position: relative;
        z-index: 1;
        padding-top: 45.741vw;
        padding-bottom: 9.259vw; }
        #lp-kokuumabutatama #recom .recom_boxes .recom_box {
          background: #fff;
          box-sizing: border-box;
          width: 92.593vw;
          margin: 0 auto;
          border-radius: 1.852vw;
          border: solid 0.185vw #F47274;
          margin-bottom: 40.741vw;
          position: relative; }
          #lp-kokuumabutatama #recom .recom_boxes .recom_box .recom_box_btn {
            width: 85.185vw;
            margin: 0 auto 3.704vw; }
          #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 {
            padding-top: 34.259vw;
            padding-bottom: 5.556vw; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_img {
              position: absolute;
              width: 100%;
              left: 0;
              top: -34.444vw; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_takeout {
              width: 14.444vw;
              position: absolute;
              top: 22.778vw;
              right: 1.667vw; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_img_name {
              width: 61.667vw;
              margin: 0 auto 3.704vw; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_img_txt {
              width: 84.815vw;
              margin: 0 auto 5.556vw; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box01 .recom_box_biko {
              width: 62.963vw;
              margin: 0 auto; }
          #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 {
            padding-top: 37.037vw;
            padding-bottom: 5.556vw;
            margin-bottom: 0; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_img {
              position: absolute;
              width: 96.852vw;
              left: 0.741vw;
              top: -38.333vw; }
              #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_img img {
                width: 100%;
                max-width: 200%; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_takeout {
              width: 14.444vw;
              position: absolute;
              top: 26.111vw;
              right: 1.667vw; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_img_name {
              width: 83.333vw;
              margin: 0 auto 3.704vw; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_img_txt {
              width: 84.815vw;
              margin: 0 auto 5.556vw; }
            #lp-kokuumabutatama #recom .recom_boxes .recom_box.box02 .recom_box_biko {
              width: 77.222vw;
              margin: 0 auto; }
      #lp-kokuumabutatama #recom .recom_bg_01 {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 180vw;
        width: 15.556vw; }
      #lp-kokuumabutatama #recom .recom_bg_02 {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 206.111vw;
        width: 14.259vw; }
      #lp-kokuumabutatama #recom .recom_bg_03 {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 2.963vw;
        width: 18.148vw; } }
/* SP */