@charset "UTF-8";
:root {
  --font-noto-sans-jp: "Noto_Sans_JP","Noto Sans JP";
  --font-gothic: var(--font-noto-sans-jp), "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --font-main:-apple-system, BlinkMacSystemFont, "Helvetica Neue",var(--font-noto-sans-jp),"Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --color-gray-f1:#f1f1f1;
  --color-gray-be:#bebebe;
  --color-clam-blue: #4780a7;
  --color-slick-blue: #005aa1;
  --color-toromi-green: #5e9446;
  --color-tantan-brown-red: #802a00;
  --color-kinoko-brown:#50290f;
  --color-orange-header:#f3a800;
  --color-yellow-nav:#f7efca;
  --color-yellow-stripe:#f7e496;
  --color-orange: #ec8b0f;
  --color-orange-light: #F5D09D;
  --color-red:#e50012;
  --color-brown:#552B21;
  --color-pink:#F4CBCF;
  --color-yellow0:#ffd75f;
  --color-yellow:#ffde00;
  --color-yellow2: #FDDD8D;
  --color-navy: #011F51;
  --color-green: rgb(0, 107, 49);
  --color-brown-red: rgb(140, 0, 5);
  --color-bg-yellow-light:#eeecda;
  --color-bg-yellow: #FAF1C2;
  --color-pink08:#d9b8a6;
  --color-orange-kinoko:#ddb984;
  --bezier-fv:cubic-bezier(.215,.61,.355,1);
  --px-vw: calc( 100vw / var( --width ) );
}

@media screen and (max-width: 640px) {
  :root {
    --width:375;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body {
  overflow-x: hidden;
}
body .pagetop_1 {
  margin: 0;
}

.choimeshi * {
  font-family: var(--font-gothic);
  font-feature-settings: "palt";
  transition: none;
}
.choimeshi img {
  max-width: 100%;
  vertical-align: middle;
}
.choimeshi a {
  text-decoration: none;
  transition: 0.3s ease;
}
.choimeshi a:hover {
  text-decoration: none;
  opacity: 0.5;
}
.choimeshi video {
  vertical-align: middle;
}
.choimeshi h2, .choimeshi h3, .choimeshi h4, .choimeshi h5, .choimeshi h6 {
  letter-spacing: 0.05em;
}
.choimeshi h2 {
  font-size: 28px;
}
.choimeshi h3 {
  margin-bottom: 40px;
  font-size: 24px;
}
.choimeshi h4 {
  font-size: 18px;
}
.choimeshi h5 {
  font-size: 16px;
}
.choimeshi h6 {
  font-size: 14px;
}
.choimeshi p {
  line-height: 1.8;
  text-align: justify;
  letter-spacing: 0.05em;
}
.choimeshi ul li {
  line-height: 1.8;
  text-align: justify;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 480px) {
  .choimeshi h2 {
    font-size: 24px;
  }
  .choimeshi h3 {
    font-size: 20px;
  }
  .choimeshi h4 {
    font-size: 16px;
  }
  .choimeshi h5 {
    font-size: 14px;
  }
  .choimeshi h6 {
    font-size: 13px;
  }
  .choimeshi p {
    font-size: 13px;
  }
}
.choimeshi :root {
  --font-noto-sans-jp: "Noto_Sans_JP","Noto Sans JP";
  --font-gothic: var(--font-noto-sans-jp), "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --font-main:-apple-system, BlinkMacSystemFont, "Helvetica Neue",var(--font-noto-sans-jp),"Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --color-gray-f1:#f1f1f1;
  --color-gray-be:#bebebe;
  --color-clam-blue: #4780a7;
  --color-slick-blue: #005aa1;
  --color-toromi-green: #5e9446;
  --color-tantan-brown-red: #802a00;
  --color-kinoko-brown:#50290f;
  --color-orange-header:#f3a800;
  --color-yellow-nav:#f7efca;
  --color-yellow-stripe:#f7e496;
  --color-orange: #ec8b0f;
  --color-orange-light: #F5D09D;
  --color-red:#e50012;
  --color-brown:#552B21;
  --color-pink:#F4CBCF;
  --color-yellow0:#ffd75f;
  --color-yellow:#ffde00;
  --color-yellow2: #FDDD8D;
  --color-navy: #011F51;
  --color-green: rgb(0, 107, 49);
  --color-brown-red: rgb(140, 0, 5);
  --color-bg-yellow-light:#eeecda;
  --color-bg-yellow: #FAF1C2;
  --color-pink08:#d9b8a6;
  --color-orange-kinoko:#ddb984;
  --bezier-fv:cubic-bezier(.215,.61,.355,1);
  --px-vw: calc( 100vw / var( --width ) );
}
@media screen and (max-width: 640px) {
  .choimeshi :root {
    --width:375;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.choimeshi .sp {
  display: none;
}
.choimeshi .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.choimeshi .anchor {
  padding-top: 110px;
  margin-top: -110px;
}
.choimeshi .w640 {
  width: 100%;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
}
.choimeshi .w740 {
  width: 100%;
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
}
.choimeshi .w960 {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.choimeshi .marker.pink50 {
  background: linear-gradient(transparent 60%, var(--color-pink) 60%);
}
.choimeshi .marker.yellow50 {
  background: linear-gradient(transparent 60%, var(--color-yellow) 60%);
}
.choimeshi .marker.orange-light50 {
  background: linear-gradient(transparent 60%, var(--color-orange-light) 60%);
}
.choimeshi .marker.white25 {
  background: linear-gradient(transparent 75%, white 75%);
}
.choimeshi .marker.yellow25 {
  background: linear-gradient(transparent 75%, var(--color-yellow) 75%);
}
.choimeshi .center {
  text-align: center;
}
.choimeshi .annotation {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  text-align: justify;
}
.choimeshi .bg-dummy {
  background-color: var(--color-gray-f1);
}
.choimeshi .fadein {
  opacity: 0;
  transition: all 1.5s;
  transform: translate(0, 0);
}
.choimeshi .fadein.fadein-left {
  transform: translate(-30px, 0);
}
.choimeshi .fadein.fadein-right {
  transform: translate(30px, 0);
}
.choimeshi .fadein.fadein-top {
  transform: translate(0, -30px);
}
.choimeshi .fadein.fadein-bottom {
  transform: translate(0, 30px);
}
.choimeshi .fadein.scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}
.choimeshi .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.choimeshi .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.choimeshi .btn {
  display: inline-flex;
  align-items: center;
}
.choimeshi .btn.truck {
  padding: 5px 20px;
  border-radius: 100px;
}
.choimeshi .btn.truck.brown {
  padding: 5px 23px;
  padding-bottom: 7px;
  font-size: 19px;
  color: white;
  background-color: var(--color-brown);
}
.choimeshi .btn.truck.brown svg {
  width: 10px;
  height: 12px;
  margin-left: 11px;
  fill: currentcolor;
}
.choimeshi .btn.truck.brown span {
  margin-left: 10px;
}
.choimeshi .btn.truck.brown:hover {
  opacity: 0.5;
}
.choimeshi .btn.outline {
  display: inline-flex;
  gap: 17px;
  align-items: center;
  justify-content: center;
  padding: 8px 20px 10px 30px;
  font-size: 17px;
  font-weight: 500;
  background-color: white;
  border: 1px solid black;
  border-radius: 100px;
  transition: 0.3s ease;
}
.choimeshi .btn.outline svg {
  fill: currentcolor;
}
.choimeshi .btn.outline .arrow, .choimeshi .btn.outline svg {
  width: 10px;
  height: 11px;
}
.choimeshi .btn.outline.blue {
  color: var(--color-clam-blue);
  border-color: var(--color-clam-blue);
}
.choimeshi .btn.outline.blue:hover {
  color: white;
  background-color: var(--color-clam-blue);
}
.choimeshi .btn.outline.green {
  color: var(--color-toromi-green);
  border-color: var(--color-toromi-green);
}
.choimeshi .btn.outline.green:hover {
  color: white;
  background-color: var(--color-toromi-green);
}
.choimeshi .btn.outline.brown {
  color: var(--color-tantan-brown-red);
  border-color: var(--color-tantan-brown-red);
}
.choimeshi .btn.outline.brown:hover {
  color: white;
  background-color: var(--color-tantan-brown-red);
}
.choimeshi .btn.outline.cold:hover {
  color: white;
  background: var(--color-slick-blue);
  border-color: transparent;
}
.choimeshi .btn.outline.hot:hover {
  color: white;
  background: var(--color-red);
  border-color: transparent;
}
.choimeshi .btn:hover {
  opacity: 1;
}
.choimeshi .index-header {
  position: sticky;
  top: 110px;
  left: 0;
  z-index: 10;
}
.choimeshi .index-header h2 {
  display: block;
  width: 100%;
  font-size: 21px;
  font-weight: 600;
  color: white;
  text-align: center;
}
.choimeshi .index-header .bg {
  background-color: var(--color-orange-header);
}
.choimeshi .index-header .inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  text-align: center;
}
.choimeshi .index-header .hamburger {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 20px;
  height: 17px;
  padding: 0;
  margin: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-align: center;
  text-transform: none;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.choimeshi .index-header .hamburger .hamburger-box {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 17px;
  transition: all 0.4s;
}
.choimeshi .index-header .hamburger .hamburger-box .hamburger-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 3px;
  margin-top: -1.5px;
  background-color: white;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
  transition-property: transform;
}
.choimeshi .index-header .hamburger .hamburger-box .hamburger-inner::before, .choimeshi .index-header .hamburger .hamburger-box .hamburger-inner::after {
  position: absolute;
  left: 0;
  display: block;
  width: 20px;
  height: 3px;
  content: "";
  background-color: white;
}
.choimeshi .index-header .hamburger .hamburger-box .hamburger-inner::before {
  top: -7px;
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.choimeshi .index-header .hamburger .hamburger-box .hamburger-inner::after {
  bottom: -7px;
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.choimeshi .index-header .hamburger.active .hamburger-box .hamburger-inner {
  height: 0;
}
.choimeshi .index-header .hamburger.active .hamburger-box .hamburger-inner::before {
  top: 0;
  transition: top 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, opacity 75ms ease 0.12s;
  transform: rotateZ(45deg);
}
.choimeshi .index-header .hamburger.active .hamburger-box .hamburger-inner::after {
  bottom: -3px;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotateZ(-45deg);
}
.choimeshi .index-header .nav {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  box-sizing: border-box;
  display: none;
  width: 100%;
  background-color: var(--color-yellow-nav);
}
.choimeshi .index-header .nav .nav-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.choimeshi .index-header .nav ul li {
  line-height: 2.4;
}
.choimeshi .index-header .nav ul li a {
  font-size: 18px;
  color: var(--color-brown);
}
.choimeshi .index-header .nav ul li a span {
  text-decoration: underline;
  pointer-events: none;
}
.choimeshi .bg-wood {
  background-image: url(../img/bg-wood@2x.jpg);
  background-repeat: repeat;
  background-position: center top;
  background-size: 2438px 1625px;
  overflow-x: hidden;
}
.choimeshi .bg-yellow-light {
  background-color: var(--color-bg-yellow-light);
}
.choimeshi .bg-wt {
  background-color: white;
}
.choimeshi .fv {
  position: relative;
  z-index: 1;
}
.choimeshi .fv .img {
  height: 540px;
  height: 42.1875vw;
  overflow: hidden;
}
.choimeshi .fv .img.ready img {
  -webkit-transform: scale(1.28);
  transform: scale(1.28);
}
.choimeshi .fv .img img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 13s var(--bezier-fv);
  transition: transform 13s var(--bezier-fv);
  transform-origin: center 40%;
  object-fit: cover;
  object-position: bottom center;
}
.choimeshi .fv .catchcopy {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.choimeshi .fv .catchcopy h2 {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  width: 960px;
  width: 75%;
  max-width: 100%;
  padding: 50px 33px;
  margin: 0 auto;
}
.choimeshi .fv .catchcopy h2 picture {
  width: 45%;
}
.choimeshi .fv .catchcopy h2 picture img {
  width: 100%;
}
.choimeshi .slick,
.choimeshi .noslick {
  position: relative;
  max-width: 100%;
}
.choimeshi .slick > div.img:not(:first-child),
.choimeshi .noslick > div.img:not(:first-child) {
  display: none;
}
.choimeshi .slick img,
.choimeshi .noslick img {
  width: 100%;
}
.choimeshi .slick .slick-dots,
.choimeshi .noslick .slick-dots {
  position: absolute;
  bottom: 34px;
  left: 0;
  display: flex;
  gap: 17px;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.choimeshi .slick .slick-dots li,
.choimeshi .noslick .slick-dots li {
  display: block;
  width: 116px;
  height: 5px;
  cursor: pointer;
  background: var(--color-gray-be);
  transition: 0.3s ease;
}
.choimeshi .slick .slick-dots li:nth-child(1).slick-active,
.choimeshi .noslick .slick-dots li:nth-child(1).slick-active {
  background: var(--color-slick-blue);
}
.choimeshi .slick .slick-dots li:nth-child(2).slick-active,
.choimeshi .noslick .slick-dots li:nth-child(2).slick-active {
  background: var(--color-red);
}
.choimeshi .slick .slick-dots li button,
.choimeshi .noslick .slick-dots li button {
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}
.choimeshi .index {
  padding: 44px 20px 0;
}
.choimeshi .index .inner {
  display: flex;
  gap: 18px;
  justify-content: center;
}
.choimeshi .index a {
  box-sizing: border-box;
  display: block;
  width: 282px;
  height: 102px;
  padding: 5px;
  color: var(--color-brown);
  border: 2px solid var(--color-brown);
  border-radius: 10px;
}
.choimeshi .index a:hover {
  background: var(--color-yellow0);
  opacity: 1;
}
.choimeshi .index a span {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 18px 30px 15px;
  font-family: var(--font-noto-sans-jp);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.1em;
  border: 1px solid var(--color-brown);
  border-radius: 8px;
}
.choimeshi .index a span::after {
  position: absolute;
  right: 31px;
  bottom: 22px;
  display: block;
  width: 16px;
  height: 14px;
  content: "";
  background: url(../img/2024/index-arrow.svg) 0 0 no-repeat;
}
.choimeshi .item-list {
  position: relative;
  display: block;
  padding: 75px 20px 0;
}
.choimeshi .item-list.hot {
  padding-top: 78px;
}
.choimeshi .item-list h2 {
  margin-bottom: 8px;
  text-align: center;
}
.choimeshi .item-list h2 img {
  position: relative;
  left: -11px;
}
.choimeshi .item-list .flex {
  gap: 36px;
  justify-content: center;
}
.choimeshi .item-list .flex.line2 {
  margin-bottom: 0;
  gap: 30px;
}
.choimeshi .item-list .item-box {
  position: relative;
  text-align: center;
}
.choimeshi .item-list .item-box .img {
  position: relative;
  margin-bottom: 20px;
}
.choimeshi .item-list .item-box .btn.outline {
  padding: 11px 23px;
  padding-left: 30px;
  background: var(--color-kinoko-brown);
  border: none;
  color: white;
  font-size: 19px;
  letter-spacing: 0.05em;
  opacity: 1;
  transition: 0.3s ease;
}
.choimeshi .item-list .item-box .btn.outline:hover {
  opacity: 0.5;
}
.choimeshi .item-list .item-box .btn.outline.mabo {
  background: #b90012;
}
.choimeshi .intro {
  padding: 122px 20px 100px;
  color: var(--color-brown);
}
.choimeshi .intro h3 {
  margin-bottom: 47px;
}
.choimeshi .intro .copy {
  margin-bottom: 61px;
  font-size: 21px;
  font-weight: 400;
  line-height: 2;
}
.choimeshi .intro .youtube-wrap.cold h4 span {
  color: var(--color-slick-blue);
}
.choimeshi .intro .youtube-wrap.hot {
  margin-top: 60px;
}
.choimeshi .intro .youtube-wrap.hot h4 span {
  color: var(--color-red);
}
.choimeshi .intro .youtube-wrap h4 {
  margin-bottom: 19px;
  font-size: 20px;
  font-weight: 500;
}
.choimeshi .intro .youtube-wrap .youtube {
  margin-bottom: 31px;
}
.choimeshi .intro .youtube-wrap .annotation {
  letter-spacing: 0.05em;
  margin-top: -0.5em;
  line-height: 1.75;
}
.choimeshi .scene {
  position: relative;
  padding: 107px 20px;
  background-color: white;
}
.choimeshi .scene h3 {
  margin-bottom: 66px;
}
.choimeshi .scene-list {
  display: flex;
  flex-wrap: wrap;
  gap: 57px;
  justify-content: center;
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  position: relative;
}
.choimeshi .scene-box {
  position: relative;
  width: 100%;
  --width-img:54.13333%;
  --gap:20px;
}
.choimeshi .scene-box .img-wrap {
  align-items: flex-end;
  position: relative;
  left: 10px;
  margin-right: -10px;
}
.choimeshi .scene-box .fukidashi {
  width: calc(100% - var(--width-img) - var(--gap));
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 20px 20px 70px;
}
.choimeshi .scene-box .fukidashi .ttl {
  position: absolute;
  top: -13px;
  left: 39px;
  padding: 8px 15px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  color: white;
  background: var(--color-brown);
  border-radius: 100px;
}
.choimeshi .scene-box .fukidashi ul {
  margin-top: 0.8em;
}
.choimeshi .scene-box .fukidashi ul li {
  position: relative;
  display: block;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.04em;
  margin-bottom: 0.2em;
}
.choimeshi .scene-box .fukidashi ul li:before {
  position: absolute;
  top: 0;
  left: -1.3em;
  content: "●";
  font-size: 17px;
  color: var(--color-orange);
}
.choimeshi .scene-box .fukidashi ul li .kakko {
  font-size: 88.23529%;
  color: inherit;
  margin: 0;
  letter-spacing: 0;
}
.choimeshi .scene-box.box1 .fukidashi {
  height: 158px;
  background: url(../img/202502/fukidashi1.svg) 0 0 no-repeat;
  background-size: contain;
}
.choimeshi .scene-box.box2 .scene-box-head h4 {
  letter-spacing: 0.1em;
}
.choimeshi .scene-box.box2 .fukidashi {
  height: 188px;
  background: url(../img/202502/fukidashi2.svg) 0 0 no-repeat;
  background-size: contain;
}
.choimeshi .scene-box.box2 .img-wrap .img {
  margin-top: -21px;
}
.choimeshi .scene-box.box3 {
  margin-bottom: 1px;
}
.choimeshi .scene-box.box3 .fukidashi {
  margin-top: -14px;
  height: 123px;
  background: url(../img/202502/fukidashi3.svg) 0 0 no-repeat;
  background-size: contain;
}
.choimeshi .scene-box.box3 .img-wrap .img {
  margin-top: -13px;
}
.choimeshi .scene-box.box4 .fukidashi {
  margin-top: -14px;
  height: 123px;
  background: url(../img/202502/fukidashi3.svg) 0 0 no-repeat;
  background-size: contain;
}
.choimeshi .scene-box.box5 .fukidashi {
  margin-top: -14px;
  height: 123px;
  background: url(../img/202502/fukidashi3.svg) 0 0 no-repeat;
  background-size: contain;
}
.choimeshi .scene-box.box5 .img-wrap .img {
  margin-top: -21px;
}
.choimeshi .scene-box.box6 .img-wrap {
  margin-top: -17px;
}
.choimeshi .scene-box.box6 .fukidashi {
  margin-top: 4px;
  height: 123px;
  background: url(../img/202502/fukidashi3.svg) 0 0 no-repeat;
  background-size: contain;
}
.choimeshi .scene-box .flex {
  align-items: center;
  margin-bottom: 8px;
}
.choimeshi .scene-box .img {
  width: var(--width-img);
  margin-bottom: 0;
}
.choimeshi .scene-box .img img {
  display: block;
  vertical-align: top;
}
.choimeshi .scene-box .img:nth-child(2) {
  margin-bottom: 2px;
  overflow: hidden;
  border-radius: 15px;
}
.choimeshi .scene-box .img:nth-child(2) picture {
  display: block;
}
.choimeshi .scene-box-head {
  text-align: center;
  margin-bottom: 25px;
}
.choimeshi .scene-box-head h4 {
  text-align: center;
  width: 397px;
  max-width: 100%;
  position: relative;
  display: block;
  align-items: center;
  height: 43px;
  padding: 0 10px;
  margin: 0 auto;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
  color: white;
  letter-spacing: 0;
  line-height: 43px;
  background: var(--color-orange);
  box-sizing: border-box;
}
.choimeshi .scene-box-head h4::before, .choimeshi .scene-box-head h4::after {
  position: absolute;
  top: 0;
  right: -9px;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 0 solid transparent;
  border-width: 21.5px 9px;
  border-top-color: var(--color-orange);
  border-bottom-color: var(--color-orange);
}
.choimeshi .scene-box-head h4:before {
  right: auto;
  left: -9px;
}
.choimeshi .scene-box-head p {
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  color: #571519;
}
.choimeshi .healthy {
  padding: 103px 20px 70px;
  color: var(--color-brown);
  background-color: var(--color-bg-yellow);
  overflow: hidden;
}
.choimeshi .healthy h3 {
  margin-bottom: 54px;
}
.choimeshi .healthy .copy {
  margin-bottom: 64px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.25;
}
.choimeshi .healthy .meal-list {
  display: flex;
  gap: 50px;
  justify-content: center;
  margin-bottom: 56px;
}
.choimeshi .healthy .meal-list .meal-box {
  width: 25%;
}
.choimeshi .healthy .meal-list .meal-box:nth-child(2) p {
  letter-spacing: 0;
}
.choimeshi .healthy .meal-list .meal-box .img {
  margin-bottom: 20px;
}
.choimeshi .healthy .meal-list .meal-box h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px 7px;
  margin-bottom: 20px;
  line-height: 1;
  color: white;
  text-align: center;
  vertical-align: top;
  background-color: var(--color-orange);
  border-radius: 100px;
}
.choimeshi .healthy .meal-list .meal-box p {
  margin-top: -0.5em;
  letter-spacing: -0.02em;
  line-height: 1.5;
}
.choimeshi .healthy .nutrition {
  position: relative;
  box-sizing: border-box;
  padding: 54px 50px;
  margin-right: calc((100vw - 960px) / 2 * -1);
  margin-right: calc(-20px - (100vw - 1000px) / 2);
  margin-bottom: 100px;
  margin-left: 70px;
  background: white;
}
.choimeshi .healthy .nutrition::after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 100px;
  content: "";
  background-color: #ececec;
  transform: skew(45deg);
  transform-origin: 0 0;
}
.choimeshi .healthy .nutrition .head {
  max-width: 770px;
  margin-bottom: 29px;
}
.choimeshi .healthy .nutrition .head h4 {
  display: inline-block;
  padding: 0 0.25em;
  margin-left: -0.25em;
  font-size: 27px;
  font-weight: 700;
  background: linear-gradient(transparent 65%, var(--color-yellow) 65%);
}
.choimeshi .healthy .nutrition .head p {
  margin-top: 19px;
  font-weight: 500;
}
.choimeshi .healthy .nutrition .cnt {
  max-width: 770px;
}
.choimeshi .healthy .nutrition .cnt p {
  font-weight: 500;
  line-height: 1.5;
}
.choimeshi .healthy .nutrition dl {
  display: grid;
  grid-template-columns: 15.6% auto;
  gap: 15px 20px;
  align-items: center;
  margin-bottom: 36px;
}
.choimeshi .healthy .nutrition dl dt {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding-bottom: 0.1em;
  font-weight: 700;
  color: var(--color-brown);
  background-color: var(--color-yellow);
  border-radius: 200px;
}
.choimeshi .healthy .nutrition dl dd {
  font-weight: 500;
  line-height: 1.6;
  text-align: justify;
}
.choimeshi .healthy .nutrition .link {
  display: flex;
  width: 386px;
  height: 126px;
  margin-top: 22px;
  overflow: hidden;
  border-radius: 20px;
}
.choimeshi .healthy .nutrition .link .left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 156px;
  font-weight: 500;
  background-color: #f7e4a9;
}
.choimeshi .healthy .nutrition .link .left p {
  margin-top: 3px;
}
.choimeshi .healthy .nutrition .link .right {
  display: flex;
  flex-direction: column;
  gap: 12.5px;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #f9efd2;
}
.choimeshi .healthy .nutrition .link .right p, .choimeshi .healthy .nutrition .link .right a {
  font-size: 15px;
  font-weight: 500;
}
.choimeshi .healthy .nutrition .link .right a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.choimeshi .healthy .nutrition .link .right a svg {
  width: 15px;
  height: 15px;
  margin-left: 6px;
}
.choimeshi .healthy .nutritionist {
  box-sizing: border-box;
  display: flex;
  gap: 30px;
  align-items: center;
  width: 700px;
  max-width: 100%;
  padding: 45px 0 0;
  margin: 0 auto;
}
.choimeshi .healthy .nutritionist .img {
  flex-shrink: 0;
}
.choimeshi .healthy .nutritionist .txt {
  margin-top: -2px;
}
.choimeshi .healthy .nutritionist h5 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
}
.choimeshi .healthy .nutritionist p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.64;
}
.choimeshi .recipe {
  position: relative;
  width: 1000px;
  max-width: 100%;
  padding: 109px 0 30px;
  margin: 0 auto;
  color: var(--color-brown);
  background-color: var(--color-bg-yellow-light);
}
.choimeshi .recipe h3 {
  padding: 0 20px;
  margin-bottom: 100px;
}
.choimeshi .recipe h4 {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 40px;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0;
}
.choimeshi .recipe h4 svg {
  width: 15px;
  height: 32px;
  fill: currentcolor;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.choimeshi .recipe h4 svg:last-child {
  position: relative;
  left: 3px;
}
.choimeshi .recipe h4 span {
  padding: 0 10px;
}
.choimeshi .recipe .recipe-wrap {
  margin-bottom: 74px;
}
.choimeshi .recipe .recipe-wrap.rw1::after {
  margin-top: 79px;
}
.choimeshi .recipe .recipe-wrap.rw2 {
  margin-bottom: 73px;
}
.choimeshi .recipe .recipe-wrap.rw2::after {
  margin-top: 119px;
  margin-bottom: 60px;
}
.choimeshi .recipe .recipe-wrap.rw2 h4 {
  gap: 20px;
}
.choimeshi .recipe .recipe-wrap.rw2 .img-wrap .svg svg {
  width: 430px;
  max-width: 100%;
}
.choimeshi .recipe .recipe-wrap.rw3::after {
  margin-top: 124px;
}
.choimeshi .recipe .recipe-wrap.rw3 h4 {
  gap: 13px;
}
.choimeshi .recipe .recipe-wrap.rw3 .recipe-box .img-wrap .svg {
  width: 390px;
  height: 500px;
}
.choimeshi .recipe .recipe-wrap.rw3 .recipe-box .img-wrap .svg svg {
  width: 100%;
  height: 100%;
}
.choimeshi .recipe .recipe-wrap.rw4 {
  margin-bottom: 0;
}
.choimeshi .recipe .recipe-wrap.rw4::after {
  content: none;
}
.choimeshi .recipe .recipe-wrap.rw4 h4 {
  gap: 11px;
}
.choimeshi .recipe .recipe-box {
  position: relative;
  z-index: 0;
  display: flex;
  gap: 55px;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 20px;
  padding-left: 20px;
}
.choimeshi .recipe .recipe-box:first-of-type {
  margin-top: 0;
}
.choimeshi .recipe .recipe-box .svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.choimeshi .recipe .recipe-box .svg.blue {
  color: #d6e0e3;
}
.choimeshi .recipe .recipe-box .svg.blue08 {
  color: #d2dcdf;
}
.choimeshi .recipe .recipe-box .svg.green {
  color: #c8dab2;
}
.choimeshi .recipe .recipe-box .svg.green08 {
  color: #c1d3ab;
}
.choimeshi .recipe .recipe-box .svg.orange {
  color: #fad59f;
}
.choimeshi .recipe .recipe-box .svg.orangee3a {
  color: #e3aa8f;
}
.choimeshi .recipe .recipe-box .svg.orange-kinoko {
  color: var(--color-orange-kinoko);
}
.choimeshi .recipe .recipe-box .svg.yellow {
  color: #f7e496;
}
.choimeshi .recipe .recipe-box .svg.yellow08 {
  color: #f9dca1;
}
.choimeshi .recipe .recipe-box .svg.pink {
  color: #f6c3aa;
}
.choimeshi .recipe .recipe-box .svg.pink08 {
  color: #d9b8a6;
}
.choimeshi .recipe .recipe-box .svg.pink08a {
  color: #f1bea5;
}
.choimeshi .recipe .recipe-box .svg svg {
  width: 300px;
  height: 460px;
  fill: currentcolor;
}
.choimeshi .recipe .recipe-box .img-wrap {
  flex-shrink: 0;
}
.choimeshi .recipe .recipe-box .txt .btn.truck.brown {
  position: relative;
  left: -4px;
  padding: 6px 23px 7px;
}
.choimeshi .recipe .recipe-box h5 {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-bottom: 22px;
}
.choimeshi .recipe .recipe-box h5 .svg {
  position: absolute;
  z-index: 1;
}
.choimeshi .recipe .recipe-box h5 .svg.svg1 {
  top: -23px;
  left: -138px;
  width: 153px;
  height: 71px;
}
.choimeshi .recipe .recipe-box h5 .svg.svg2 {
  top: -37px;
  right: -73px;
  width: 207px;
  height: 75px;
}
.choimeshi .recipe .recipe-box h5 .svg svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #542a20;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4px;
}
.choimeshi .recipe .recipe-box p {
  padding-left: 4px;
  margin-bottom: 31px;
  font-size: 14px;
}
.choimeshi .recipe .recipe-box.rev {
  flex-direction: row-reverse;
  padding-right: 20px;
  padding-left: 20px;
}
.choimeshi .recipe .recipe-box.rev .svg {
  right: 0;
  left: auto;
}
.choimeshi .recipe .recipe-box.rc-tomato {
  gap: 0;
}
.choimeshi .recipe .recipe-box.rc-tomato .img-wrap .img {
  margin: 24px 0 0 28px;
}
.choimeshi .recipe .recipe-box.rc-tomato .txt {
  margin-left: 8px;
  padding-top: 44px;
}
.choimeshi .recipe .recipe-box.rc-tomato .txt h5 .svg {
  top: 4px;
  left: -166px;
}
.choimeshi .recipe .recipe-box.rc-onion {
  gap: 78px;
  margin-top: -38px;
}
.choimeshi .recipe .recipe-box.rc-onion .img-wrap .img {
  margin-right: 41px;
  margin-top: 28px;
}
.choimeshi .recipe .recipe-box.rc-onion .txt {
  padding: 156px 0 0;
}
.choimeshi .recipe .recipe-box.rc-onion .txt h5 {
  display: inline-block;
}
.choimeshi .recipe .recipe-box.rc-onion .txt h5 .svg {
  top: -21px;
  right: -229px;
  width: 206px;
  height: auto;
}
.choimeshi .recipe .recipe-box.rc-onion .txt h5 .svg svg {
  transform: rotate(5deg);
}
.choimeshi .recipe .recipe-box.rc-harusame {
  gap: 73px;
  margin-top: 90px;
}
.choimeshi .recipe .recipe-box.rc-harusame .img-wrap .img {
  margin: 28px 0 0 28px;
}
.choimeshi .recipe .recipe-box.rc-harusame .txt {
  padding-top: 44px;
}
.choimeshi .recipe .recipe-box.rc-harusame .txt h5 .svg {
  top: 2px;
  left: -163px;
}
.choimeshi .recipe .recipe-box.rc-egg {
  gap: 25px;
  margin-top: -42px;
}
.choimeshi .recipe .recipe-box.rc-egg .img-wrap .img {
  margin: 26px -25px 0 0;
}
.choimeshi .recipe .recipe-box.rc-egg .txt {
  padding: 183px 0 0;
}
.choimeshi .recipe .recipe-box.rc-egg .txt h5 {
  padding-left: 4px;
}
.choimeshi .recipe .recipe-box.rc-egg .txt h5 .svg {
  top: -57px;
  right: -134px;
}
.choimeshi .recipe .recipe-box.rc-kinoko1 {
  padding: 0;
  gap: 16px;
}
.choimeshi .recipe .recipe-box.rc-kinoko1 .img-wrap .img {
  margin: 25px 0 0 -13px;
}
.choimeshi .recipe .recipe-box.rc-kinoko1 .txt {
  padding-top: 44px;
}
.choimeshi .recipe .recipe-box.rc-kinoko1 .txt .svg.svg1 {
  top: 4px;
  left: -166px;
}
.choimeshi .recipe .recipe-box.rc-kinoko2 {
  margin-top: -32px;
  gap: 38px;
}
.choimeshi .recipe .recipe-box.rc-kinoko2 .img-wrap .img {
  margin: 20px 34px 0 0;
}
.choimeshi .recipe .recipe-box.rc-kinoko2 .txt {
  padding-top: 157px;
}
.choimeshi .recipe .recipe-box.rc-kinoko2 .txt .svg.svg2 {
  width: 212px;
  height: 70px;
  top: -16px;
  right: -234px;
}
.choimeshi .powerup {
  position: relative;
  width: 1000px;
  max-width: 100%;
  padding: 111px 120px 68px;
  margin: 0 auto;
  background-color: white;
  box-sizing: border-box;
}
.choimeshi .powerup__head {
  text-align: center;
  margin-bottom: 34px;
}
.choimeshi .powerup__head .ttl {
  margin-bottom: 46px;
}
.choimeshi .powerup__head .txt {
  font-weight: 600;
  line-height: 2.28;
  color: var(--color-brown);
}
.choimeshi .powerup__cnt .block {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.choimeshi .powerup__cnt .block--1 {
  margin-bottom: 34px;
}
.choimeshi .powerup__cnt .block--2 {
  margin-bottom: 31px;
}
.choimeshi .powerup__cnt .block--2 .ilst {
  top: -1px;
  left: -2px;
}
.choimeshi .powerup__cnt .block--3 {
  margin-bottom: 30px;
}
.choimeshi .powerup__cnt .block--3 .ilst {
  top: -2px;
  left: -2px;
}
.choimeshi .powerup__cnt .block--4 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.choimeshi .powerup__cnt .block--4 .ilst {
  top: 0;
  left: -2px;
}
.choimeshi .powerup__cnt .tag {
  background: url("../img/202502/pu-tag.svg") 0 0 no-repeat;
  background-size: 100% auto;
  width: 242px;
  height: 90px;
  color: white;
  display: flex;
  justify-content: flex-start;
  padding: 10px 22px;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  box-sizing: border-box;
  line-height: 1.6;
}
.choimeshi .powerup__cnt .ilst {
  position: relative;
  top: -5px;
  margin-right: 64px;
}
.choimeshi .powerup__cnt .sozai {
  width: 22.8%;
}
.choimeshi .powerup__cnt .sozai ul li {
  margin-bottom: 1.2px;
  font-size: 18px;
  line-height: 1.6;
}
.choimeshi .powerup__cnt .sozai ul li:before {
  content: "●";
  color: var(--color-yellow);
  margin-left: -2px;
  margin-right: 0.25em;
  font-size: 18px;
}
.choimeshi .powerup__cnt .sub-ttl {
  width: fit-content;
  background-color: var(--color-brown);
  border-radius: 100px;
  color: white;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 3px 18px;
  margin-bottom: 10px;
}
.choimeshi .powerup__cnt .bg_dot {
  --pading-leftright:22px;
  position: absolute;
  bottom: -4px;
  left: calc(var(--pading-leftright) * -1);
  width: calc(100% + var(--pading-leftright) * 2);
  height: 4px;
  background-color: white;
  background-image: radial-gradient(var(--color-yellow) 25%, transparent 25%);
  --base:11.94px;
  background-size: var(--base) var(--base);
  background-position: -4px center;
}
.choimeshi .end {
  padding: 100px 20px;
  color: var(--color-brown);
  background-color: var(--color-bg-yellow-light);
}
.choimeshi .end .img {
  margin-bottom: 60px;
}
.choimeshi .end h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 2;
}
.choimeshi .end p {
  margin-bottom: 80px;
  font-size: 21px;
  line-height: 2.2;
  letter-spacing: 0;
}
.choimeshi .end .btn.truck.brown {
  display: inline-block;
  padding: 19px 60px 17px;
  font-size: 18px;
}
.choimeshi .end .btn.truck.brown span {
  display: inline-block;
  margin: 0 0 7px;
  font-size: 25px;
  font-weight: 600;
}
.choimeshi .end .btn.truck.brown svg {
  margin-left: 35px;
}
@media screen and (max-width: 1000px) {
  .choimeshi .bg-wood {
    padding: 0 20px;
  }
  .choimeshi .w960 {
    box-sizing: border-box;
  }
  .choimeshi .sns {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .choimeshi .pc {
    display: none;
  }
  .choimeshi .sp {
    display: block;
  }
  .choimeshi .anchor {
    padding-top: calc(85 * var(--px-vw));
    margin-top: calc(-85 * var(--px-vw));
  }
  .choimeshi .w960 {
    box-sizing: border-box;
  }
  .choimeshi .annotation {
    font-size: calc(12 * var(--px-vw));
  }
  .choimeshi .btn.outline {
    gap: calc(10 * var(--px-vw));
    padding: calc(8 * var(--px-vw)) calc(18 * var(--px-vw));
    padding-right: calc(13 * var(--px-vw));
    font-size: calc(12 * var(--px-vw));
  }
  .choimeshi .btn.truck.brown {
    right: 0;
    left: 0;
    padding: calc(5 * var(--px-vw)) calc(15 * var(--px-vw));
    font-size: calc(12 * var(--px-vw));
  }
  .choimeshi .btn.truck.brown svg {
    width: calc(7 * var(--px-vw));
    height: calc(9 * var(--px-vw));
    padding: calc(1 * var(--px-vw)) 0;
    margin-top: calc(2 * var(--px-vw));
    margin-left: calc(10 * var(--px-vw));
  }
  .choimeshi .btn.truck.brown span {
    margin-left: calc(5 * var(--px-vw));
  }
  .choimeshi .bg-wood {
    padding: 0 4vw;
    overflow-x: hidden;
    background-image: url(../img/bg-wood-sp@2x.jpg);
    background-size: 152.2666% auto;
  }
  .choimeshi .index-header {
    position: sticky;
    top: 14.67vw;
  }
  .choimeshi .index-header h2 {
    font-size: calc(14 * var(--px-vw));
  }
  .choimeshi .index-header .inner {
    min-height: calc(35 * var(--px-vw));
    padding: calc(5 * var(--px-vw)) calc(20 * var(--px-vw));
  }
  .choimeshi .index-header .nav .nav-inner {
    padding: calc(20 * var(--px-vw));
  }
  .choimeshi .index-header .nav ul li {
    line-height: 2;
  }
  .choimeshi .index-header .nav ul li a {
    font-size: calc(13 * var(--px-vw));
  }
  .choimeshi .noslick .slick-dots {
    bottom: calc(25 * var(--px-vw));
  }
  .choimeshi .noslick .slick-dots li {
    width: calc(70 * var(--px-vw));
    height: calc(3 * var(--px-vw));
  }
  .choimeshi .index {
    display: none;
  }
  .choimeshi .item-list {
    padding: 10.6666vw 0 0;
  }
  .choimeshi .item-list.hot {
    padding-top: 7.4666vw;
  }
  .choimeshi .item-list h2 {
    margin-bottom: calc(24 * var(--px-vw));
  }
  .choimeshi .item-list h2 img {
    width: calc(264 * var(--px-vw));
    left: 0;
  }
  .choimeshi .item-list .flex {
    flex-direction: column;
    align-items: center;
    gap: 8.8vw;
    padding-bottom: 10.9vw;
  }
  .choimeshi .item-list .flex.line2 {
    gap: 5.5vw;
    row-gap: 8.2666vw;
    padding-bottom: 0;
  }
  .choimeshi .item-list .flex.line2 .tag {
    top: -5.0666vw;
    right: auto;
    left: -1.8666vw;
  }
  .choimeshi .item-list .item-box {
    width: calc(248 * var(--px-vw));
  }
  .choimeshi .item-list .item-box .img {
    margin-bottom: 4.7vw;
  }
  .choimeshi .item-list .item-box .tag {
    top: -6.1333vw;
    right: -2.1333vw;
    max-width: 10.6666vw;
  }
  .choimeshi .item-list .item-box .btn.outline {
    font-size: calc(14 * var(--px-vw));
    padding: 1.9vw 6vw;
    padding-right: 4.2vw;
    letter-spacing: 0;
  }
  .choimeshi .intro {
    padding: 3.4vw 5.8666vw 13.3333vw;
  }
  .choimeshi .intro h3 {
    margin-bottom: calc(26 * var(--px-vw));
  }
  .choimeshi .intro h3 img {
    width: calc(248 * var(--px-vw));
  }
  .choimeshi .intro .copy {
    margin-bottom: 0;
    font-size: calc(15 * var(--px-vw));
    font-weight: 500;
    text-align: justify;
    letter-spacing: 0.05em;
  }
  .choimeshi .intro .youtube-wrap {
    box-sizing: border-box;
    padding: 0;
    margin-top: calc(27 * var(--px-vw));
  }
  .choimeshi .intro .youtube-wrap.hot {
    margin-top: calc(27 * var(--px-vw));
  }
  .choimeshi .intro .youtube-wrap h4 {
    margin-bottom: 0.8em;
    font-size: calc(14 * var(--px-vw));
  }
  .choimeshi .intro .youtube-wrap .youtube {
    margin-bottom: calc(14 * var(--px-vw));
  }
  .choimeshi .intro .youtube-wrap .annotation {
    line-height: 1.7;
  }
  .choimeshi .intro .youtube-wrap .annotation.kinoko {
    letter-spacing: 0;
  }
  .choimeshi .scene {
    padding: calc(44 * var(--px-vw)) calc(20 * var(--px-vw));
  }
  .choimeshi .scene h3 {
    margin-bottom: 8.3vw;
  }
  .choimeshi .scene h3 img {
    width: calc(301 * var(--px-vw));
  }
  .choimeshi .scene .scene-list {
    gap: 9.5vw;
    left: 0;
  }
  .choimeshi .scene .scene-box {
    width: 80vw;
    --width-img: calc(207 * var(--px-vw)) ;
  }
  .choimeshi .scene .scene-box-head {
    margin-bottom: 0;
  }
  .choimeshi .scene .scene-box .flex {
    margin-bottom: 0;
  }
  .choimeshi .scene .scene-box .img-wrap {
    flex-wrap: nowrap;
    gap: calc(10 * var(--px-vw));
    left: 0;
    margin-right: 0;
    flex-direction: column;
    margin-top: 0;
  }
  .choimeshi .scene .scene-box .img:nth-child(2) {
    border-radius: calc(6 * var(--px-vw));
  }
  .choimeshi .scene .scene-box h4 {
    box-sizing: border-box;
    width: calc(267 * var(--px-vw));
    height: calc(30 * var(--px-vw));
    padding: 0 2.1vw;
    padding-bottom: calc(2 * var(--px-vw));
    margin-bottom: 3.3333vw;
    font-size: calc(15 * var(--px-vw));
    line-height: calc(30 * var(--px-vw));
  }
  .choimeshi .scene .scene-box h4:before, .choimeshi .scene .scene-box h4::after {
    border-width: calc(15 * var(--px-vw)) calc(5 * var(--px-vw));
    left: calc(-5 * var(--px-vw));
  }
  .choimeshi .scene .scene-box h4:after {
    left: auto;
    right: calc(-5 * var(--px-vw));
  }
  .choimeshi .scene .scene-box p {
    margin-bottom: 3.7333vw;
    font-size: calc(13 * var(--px-vw));
    line-height: 1.65;
    letter-spacing: 0em;
  }
  .choimeshi .scene .scene-box .fukidashi {
    width: calc(250 * var(--px-vw));
    height: auto;
    padding: calc(21 * var(--px-vw)) calc(10 * var(--px-vw)) calc(10 * var(--px-vw)) calc(72 * var(--px-vw));
    margin-right: calc(-21 * var(--px-vw));
    justify-content: flex-start;
    align-items: center;
  }
  .choimeshi .scene .scene-box .fukidashi .ttl {
    top: auto;
    bottom: calc(17 * var(--px-vw));
    left: calc(-32 * var(--px-vw));
    font-size: calc(11 * var(--px-vw));
    padding: calc(7.5 * var(--px-vw)) calc(14 * var(--px-vw));
  }
  .choimeshi .scene .scene-box .fukidashi ul {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    gap: 0 1.7em;
  }
  .choimeshi .scene .scene-box .fukidashi ul li {
    display: inline-block;
    width: fit-content;
    font-size: calc(12 * var(--px-vw));
    margin-bottom: 0;
  }
  .choimeshi .scene .scene-box .fukidashi ul li:before {
    font-size: calc(12 * var(--px-vw));
  }
  .choimeshi .scene .scene-box .fukidashi ul li .kakko {
    font-size: 100%;
  }
  .choimeshi .scene .scene-box .fukidashi-wrap {
    display: flex;
    justify-content: flex-end;
  }
  .choimeshi .scene .scene-box.box1 .fukidashi {
    height: calc(70 * var(--px-vw));
    background-image: url(../img/202502/fukidashi1-sp.svg);
  }
  .choimeshi .scene .scene-box.box2 .scene-box-head h4 {
    letter-spacing: 0;
  }
  .choimeshi .scene .scene-box.box2 .img-wrap .img {
    margin-top: calc(-11 * var(--px-vw));
  }
  .choimeshi .scene .scene-box.box2 .fukidashi {
    margin-right: calc(-37 * var(--px-vw));
    width: calc(273 * var(--px-vw));
    height: calc(70 * var(--px-vw));
    background-image: url(../img/202502/fukidashi2-sp.svg);
  }
  .choimeshi .scene .scene-box.box3 {
    margin-top: calc(-1 * var(--px-vw));
  }
  .choimeshi .scene .scene-box.box3 .img-wrap .img {
    margin-top: calc(-7 * var(--px-vw));
  }
  .choimeshi .scene .scene-box.box3 .fukidashi {
    height: calc(70 * var(--px-vw));
    margin-top: calc(-1 * var(--px-vw));
    background-image: url(../img/202502/fukidashi1-sp.svg);
  }
  .choimeshi .scene .scene-box.box3 .fukidashi ul li {
    letter-spacing: 0;
  }
  .choimeshi .scene .scene-box.box4 {
    margin-top: calc(-1 * var(--px-vw));
  }
  .choimeshi .scene .scene-box.box4 .img-wrap .img {
    margin-top: 0;
  }
  .choimeshi .scene .scene-box.box4 .fukidashi {
    height: calc(70 * var(--px-vw));
    margin-top: 0;
    background-image: url(../img/202502/fukidashi1-sp.svg);
  }
  .choimeshi .scene .scene-box.box5 {
    margin-top: calc(-1 * var(--px-vw));
  }
  .choimeshi .scene .scene-box.box5 .img-wrap .img {
    margin-top: calc(-10 * var(--px-vw));
  }
  .choimeshi .scene .scene-box.box5 .fukidashi {
    width: calc(262 * var(--px-vw));
    height: calc(70 * var(--px-vw));
    margin-top: calc(-1 * var(--px-vw));
    margin-right: calc(-23 * var(--px-vw));
    background-image: url(../img/202502/fukidashi3-sp.svg);
  }
  .choimeshi .scene .scene-box.box6 {
    margin-top: calc(-1 * var(--px-vw));
  }
  .choimeshi .scene .scene-box.box6 .img-wrap .img {
    margin-top: calc(-7 * var(--px-vw));
  }
  .choimeshi .scene .scene-box.box6 .fukidashi {
    height: calc(70 * var(--px-vw));
    margin-top: calc(-1 * var(--px-vw));
    background-image: url(../img/202502/fukidashi1-sp.svg);
  }
  .choimeshi .healthy {
    padding: calc(46 * var(--px-vw)) calc(20 * var(--px-vw));
  }
  .choimeshi .healthy h3 {
    margin-bottom: calc(37 * var(--px-vw));
  }
  .choimeshi .healthy h3 img {
    width: calc(250 * var(--px-vw));
  }
  .choimeshi .healthy .copy {
    margin-bottom: calc(27 * var(--px-vw));
    font-size: calc(15 * var(--px-vw));
    font-weight: 500;
    text-align: justify;
    letter-spacing: 0.045em;
    line-height: 2;
  }
  .choimeshi .healthy .meal-list {
    flex-direction: column;
    gap: calc(35 * var(--px-vw));
    margin-bottom: calc(40 * var(--px-vw));
  }
  .choimeshi .healthy .meal-list .meal-box {
    width: 64vw;
    margin: 0 auto;
  }
  .choimeshi .healthy .meal-list .meal-box .img {
    margin-bottom: calc(21 * var(--px-vw));
  }
  .choimeshi .healthy .meal-list .meal-box .img img {
    width: 100%;
  }
  .choimeshi .healthy .meal-list .meal-box h4 {
    font-size: calc(18 * var(--px-vw));
    margin-bottom: calc(20 * var(--px-vw));
    padding: calc(5 * var(--px-vw)) calc(20 * var(--px-vw)) calc(7 * var(--px-vw));
  }
  .choimeshi .healthy .meal-list .meal-box p {
    font-size: calc(14 * var(--px-vw));
    line-height: 1.79;
    letter-spacing: 0.03em;
  }
  .choimeshi .healthy .meal-list .meal-box:nth-child(2) p {
    letter-spacing: 0.05em;
  }
  .choimeshi .healthy .nutrition {
    padding: calc(37 * var(--px-vw)) calc(21 * var(--px-vw));
    margin: 0 calc(-20 * var(--px-vw));
  }
  .choimeshi .healthy .nutrition::after {
    height: 21.3333vw;
  }
  .choimeshi .healthy .nutrition .head {
    margin-bottom: calc(24 * var(--px-vw));
  }
  .choimeshi .healthy .nutrition .head h4 {
    margin: 0;
    font-size: calc(21 * var(--px-vw));
  }
  .choimeshi .healthy .nutrition .head p {
    margin-top: calc(17 * var(--px-vw));
    font-size: calc(15 * var(--px-vw));
    line-height: 1.7;
  }
  .choimeshi .healthy .nutrition .cnt p {
    font-size: calc(15 * var(--px-vw));
    line-height: 1.6;
    letter-spacing: -0.05em;
  }
  .choimeshi .healthy .nutrition .link {
    max-width: 100%;
    height: 26.1333vw;
    margin-top: calc(15 * var(--px-vw));
    border-radius: calc(15 * var(--px-vw));
  }
  .choimeshi .healthy .nutrition .link .left {
    width: 39.3333%;
  }
  .choimeshi .healthy .nutrition .link .left img {
    width: 14.4vw;
  }
  .choimeshi .healthy .nutrition .link .right a {
    font-size: calc(13 * var(--px-vw));
  }
  .choimeshi .healthy .nutrition dl {
    display: block;
    margin-bottom: calc(16 * var(--px-vw));
  }
  .choimeshi .healthy .nutrition dl dt {
    height: 2em;
    margin: calc(23 * var(--px-vw)) 0 calc(10 * var(--px-vw));
    font-size: calc(15 * var(--px-vw));
  }
  .choimeshi .healthy .nutrition dl dd {
    font-size: calc(15 * var(--px-vw));
    letter-spacing: -0.05em;
  }
  .choimeshi .healthy .nutritionist {
    flex-direction: column;
    width: 74.6666vw;
    padding: calc(114 * var(--px-vw)) 0 0;
    gap: calc(34 * var(--px-vw));
  }
  .choimeshi .healthy .nutritionist .img img {
    width: 42.6666vw;
  }
  .choimeshi .healthy .nutritionist .txt {
    text-align: center;
  }
  .choimeshi .healthy .nutritionist .txt h5 {
    font-size: calc(18 * var(--px-vw));
    margin-bottom: calc(18 * var(--px-vw));
  }
  .choimeshi .healthy .nutritionist .txt p {
    font-size: calc(14 * var(--px-vw));
    line-height: 1.58;
  }
  .choimeshi .recipe {
    padding: calc(43 * var(--px-vw)) 0 calc(61 * var(--px-vw));
  }
  .choimeshi .recipe h3 {
    margin-bottom: 12.3333vw;
  }
  .choimeshi .recipe h3 img {
    width: calc(210 * var(--px-vw));
  }
  .choimeshi .recipe h4 {
    gap: 0.2vw;
    font-size: calc(16 * var(--px-vw));
  }
  .choimeshi .recipe h4 svg {
    width: calc(8 * var(--px-vw));
    height: calc(16 * var(--px-vw));
  }
  .choimeshi .recipe h4 svg:last-child {
    left: 0;
  }
  .choimeshi .recipe .recipe-wrap {
    margin-bottom: 0;
  }
  .choimeshi .recipe .recipe-wrap::after {
    width: calc(100% - 9.0666vw);
    height: calc(4 * var(--px-vw));
    margin: 13.3333vw auto 10.6666vw;
  }
  .choimeshi .recipe .recipe-box {
    gap: calc(15 * var(--px-vw));
    padding: 0 calc(24 * var(--px-vw));
    margin: 0;
    flex-direction: column;
    align-items: center;
  }
  .choimeshi .recipe .recipe-box .img-wrap {
    max-width: 100%;
  }
  .choimeshi .recipe .recipe-box .img-wrap .svg svg {
    width: 100%;
    height: 100%;
  }
  .choimeshi .recipe .recipe-box .img-wrap .img img {
    width: auto;
    height: auto;
  }
  .choimeshi .recipe .recipe-box .txt {
    width: 100%;
    padding: 0;
  }
  .choimeshi .recipe .recipe-box .txt h5 {
    display: block;
    width: fit-content;
    margin: 0 auto calc(21 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box .txt h5 .svg {
    top: 0;
    right: auto;
    left: auto;
    width: calc(43 * var(--px-vw));
    height: auto;
  }
  .choimeshi .recipe .recipe-box .txt h5 .svg svg {
    stroke-width: 2.5px;
  }
  .choimeshi .recipe .recipe-box .txt p {
    padding-left: 0;
    margin-bottom: calc(26 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box .txt p img {
    width: 100%;
  }
  .choimeshi .recipe .recipe-box .txt .btn.truck.brown {
    display: flex;
    width: fit-content;
    left: 0;
    margin: 0 auto;
    font-size: calc(14 * var(--px-vw));
    padding: calc(7 * var(--px-vw)) calc(16 * var(--px-vw)) calc(8 * var(--px-vw)) calc(20 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box .txt .btn.truck.brown svg {
    margin-left: calc(14 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rev {
    flex-direction: column;
    gap: inherit;
    padding: 0 calc(24 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-tomato {
    gap: calc(27 * var(--px-vw));
    margin-top: 12.8vw;
  }
  .choimeshi .recipe .recipe-box.rc-tomato .img-wrap {
    margin-right: 0;
    margin-left: -3.7333vw;
  }
  .choimeshi .recipe .recipe-box.rc-tomato .img-wrap .svg {
    top: calc(-7 * var(--px-vw));
    left: 50%;
    transform: translateX(-50%);
    width: calc(213 * var(--px-vw));
    height: calc(150 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-tomato .img-wrap .img {
    margin: calc(6 * var(--px-vw)) 0 0 calc(50 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-tomato .img-wrap .img img {
    width: calc(234 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-tomato .txt {
    margin-left: 0;
    padding-top: 0;
  }
  .choimeshi .recipe .recipe-box.rc-tomato .txt h5 {
    display: block;
    width: fit-content;
    margin: 0 auto calc(21 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-tomato .txt h5 .svg {
    top: calc(-104 * var(--px-vw));
    left: calc(-19 * var(--px-vw));
    width: calc(43 * var(--px-vw));
    height: auto;
  }
  .choimeshi .recipe .recipe-box.rc-tomato .txt h5 img {
    width: calc(177 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-tomato .txt .btn {
    margin-right: calc(-2 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-onion {
    margin-top: calc(48 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-onion .img-wrap .svg {
    width: calc(150 * var(--px-vw));
    height: calc(213 * var(--px-vw));
    right: 50%;
    transform: translateX(71%);
  }
  .choimeshi .recipe .recipe-box.rc-onion .img-wrap .img {
    margin-right: calc(-1 * var(--px-vw));
    margin-top: calc(5 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-onion .img-wrap img {
    width: calc(209 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-onion .txt {
    padding-top: calc(36 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-onion .txt h5 {
    display: block;
    margin: 0 auto calc(21 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-onion .txt h5 .svg {
    top: calc(-105 * var(--px-vw));
    left: calc(-23 * var(--px-vw));
    width: calc(43 * var(--px-vw));
    height: auto;
  }
  .choimeshi .recipe .recipe-box.rc-onion .txt h5 .svg svg {
    transform: none;
  }
  .choimeshi .recipe .recipe-box.rc-onion .txt h5 .img img {
    width: calc(168 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-harusame {
    margin-top: calc(46 * var(--px-vw));
    gap: 0;
  }
  .choimeshi .recipe .recipe-box.rc-harusame .img-wrap .svg {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(213 * var(--px-vw));
    height: calc(150 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-harusame .img-wrap .img {
    margin: calc(6 * var(--px-vw)) 0 0 0;
  }
  .choimeshi .recipe .recipe-box.rc-harusame .img-wrap .img img {
    width: calc(212 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-harusame .txt {
    padding-top: calc(25 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-harusame .txt h5 .svg {
    top: calc(-104 * var(--px-vw));
    left: calc(-14 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-harusame .txt h5 .img img {
    width: calc(186 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-egg {
    margin-top: calc(48 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-egg .img-wrap .svg {
    width: calc(150 * var(--px-vw));
    height: calc(213 * var(--px-vw));
    right: 50%;
    transform: translateX(71%);
  }
  .choimeshi .recipe .recipe-box.rc-egg .img-wrap .img {
    margin-right: calc(-24 * var(--px-vw));
    margin-top: calc(5 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-egg .img-wrap img {
    width: calc(227 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-egg .txt {
    padding-top: calc(36 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-egg .txt h5 {
    display: block;
    margin: 0 auto calc(21 * var(--px-vw));
    padding-left: 0;
  }
  .choimeshi .recipe .recipe-box.rc-egg .txt h5 .svg {
    top: calc(-105 * var(--px-vw));
    left: calc(6 * var(--px-vw));
    width: calc(43 * var(--px-vw));
    height: auto;
  }
  .choimeshi .recipe .recipe-box.rc-egg .txt h5 .svg svg {
    transform: none;
  }
  .choimeshi .recipe .recipe-box.rc-egg .txt h5 .img img {
    width: calc(226 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko1 {
    padding: 0 calc(24 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko1 .svg {
    width: calc(213 * var(--px-vw));
    height: calc(150 * var(--px-vw));
    left: 50%;
    transform: translateX(-50%);
  }
  .choimeshi .recipe .recipe-box.rc-kinoko1 .img-wrap .img {
    width: calc(261 * var(--px-vw));
    margin: calc(13 * var(--px-vw)) 0 0 calc(4 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko1 .txt {
    padding: 0;
  }
  .choimeshi .recipe .recipe-box.rc-kinoko1 .txt h5 {
    width: calc(173 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko1 .txt h5 img {
    width: 100%;
  }
  .choimeshi .recipe .recipe-box.rc-kinoko1 .txt .svg.svg1 {
    top: calc(-87 * var(--px-vw));
    left: calc(16 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko1 .txt h5 {
    margin-top: calc(15 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko2 {
    margin-top: calc(47 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko2 .svg {
    width: calc(150 * var(--px-vw));
    height: calc(213 * var(--px-vw));
    left: 59.1%;
    transform: translateX(-50%);
  }
  .choimeshi .recipe .recipe-box.rc-kinoko2 .img-wrap .img {
    margin: calc(3 * var(--px-vw)) 0 0 calc(6 * var(--px-vw));
    width: calc(212 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko2 .txt {
    padding-top: 0;
    margin-top: calc(31 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko2 .txt h5 img {
    width: calc(164 * var(--px-vw));
  }
  .choimeshi .recipe .recipe-box.rc-kinoko2 .txt .svg.svg2 {
    width: calc(43 * var(--px-vw));
    height: calc(93 * var(--px-vw));
    top: calc(-87 * var(--px-vw));
    left: calc(12 * var(--px-vw));
    right: auto;
  }
  .choimeshi .powerup {
    padding: calc(44 * var(--px-vw)) calc(20 * var(--px-vw)) calc(40 * var(--px-vw));
  }
  .choimeshi .powerup__head {
    margin-bottom: calc(30 * var(--px-vw));
  }
  .choimeshi .powerup__head .ttl {
    margin-bottom: calc(29 * var(--px-vw));
  }
  .choimeshi .powerup__head .ttl img {
    width: calc(148 * var(--px-vw));
  }
  .choimeshi .powerup__head .txt {
    font-size: calc(14 * var(--px-vw));
    line-height: 2.15;
    text-align: justify;
    letter-spacing: 0.1em;
  }
  .choimeshi .powerup__cnt .block {
    flex-direction: column;
    padding-bottom: calc(24 * var(--px-vw));
    margin-bottom: calc(30 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .block--1 .ilst {
    width: calc(224 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .block--2 .tag, .choimeshi .powerup__cnt .block--3 .tag, .choimeshi .powerup__cnt .block--4 .tag {
    margin-bottom: calc(17 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .block--2 .ilst, .choimeshi .powerup__cnt .block--3 .ilst, .choimeshi .powerup__cnt .block--4 .ilst {
    width: calc(165 * var(--px-vw));
    margin-bottom: calc(19 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .block--3 .sozai ul li:nth-child(n+3), .choimeshi .powerup__cnt .block--4 .sozai ul li:nth-child(n+3) {
    order: 1;
  }
  .choimeshi .powerup__cnt .block--3 .sozai h4 {
    margin-top: calc(2 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .tag {
    justify-content: center;
    width: calc(191 * var(--px-vw));
    height: calc(84 * var(--px-vw));
    background-image: url("../img/202502/pu-tag-sp.svg");
    font-size: calc(17 * var(--px-vw));
    text-align: center;
    padding-bottom: calc(22 * var(--px-vw));
    margin-bottom: calc(21 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .ilst {
    margin: 0 auto calc(23 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .ilst img {
    position: relative;
    left: calc(2 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .sozai {
    width: 100%;
    padding: 0 calc(10 * var(--px-vw));
    box-sizing: border-box;
  }
  .choimeshi .powerup__cnt .sozai .sub-ttl {
    font-size: calc(14 * var(--px-vw));
    margin: 0 auto calc(15 * var(--px-vw));
    padding: calc(2 * var(--px-vw)) calc(20 * var(--px-vw));
  }
  .choimeshi .powerup__cnt .sozai ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.2em 1.2em;
  }
  .choimeshi .powerup__cnt .sozai ul:after {
    content: "";
    width: 100%;
  }
  .choimeshi .powerup__cnt .sozai ul li {
    display: inline-block;
    font-size: calc(15 * var(--px-vw));
    letter-spacing: 0.02em;
    margin-bottom: 0.1em;
  }
  .choimeshi .powerup__cnt .sozai ul li:before {
    font-size: inherit;
  }
  .choimeshi .powerup__cnt .bg_dot {
    --pading-leftright: 0;
  }
  .choimeshi .end {
    padding: calc(70 * var(--px-vw)) calc(20 * var(--px-vw)) calc(90 * var(--px-vw));
  }
  .choimeshi .end .img {
    margin-bottom: calc(40 * var(--px-vw));
  }
  .choimeshi .end .img img {
    width: 45.3333vw;
  }
  .choimeshi .end h3 {
    margin-bottom: calc(20 * var(--px-vw));
    font-size: calc(22 * var(--px-vw));
    line-height: 1.8;
  }
  .choimeshi .end p {
    margin-bottom: calc(50 * var(--px-vw));
    font-size: calc(15 * var(--px-vw));
  }
  .choimeshi .end .btn.truck.brown {
    padding: calc(8 * var(--px-vw)) calc(40 * var(--px-vw)) calc(10 * var(--px-vw));
    font-size: calc(12 * var(--px-vw));
  }
  .choimeshi .end .btn.truck.brown span {
    margin-bottom: calc(2 * var(--px-vw));
    font-size: calc(16 * var(--px-vw));
  }
  .choimeshi .end .btn.truck.brown svg {
    width: calc(10 * var(--px-vw));
    height: calc(11 * var(--px-vw));
    margin-top: 0;
    margin-bottom: calc(-2 * var(--px-vw));
    margin-left: calc(8 * var(--px-vw));
  }
}

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