@charset "UTF-8";

.lp_wrap .float {
  position: fixed;
  bottom: 0%;
  max-width: 750px;
  width: 100%;
  z-index: 1;
  text-align: center;
}
.lp_wrap .float.active {
  z-index: 10;
}
.lp_wrap .float .box {
  position: relative;
  width: 93.4%;
  margin: auto;
  transition: 0.6s;
  opacity: 0;
  transform: translateY(110%);
}
.lp_wrap .float.active .box {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .float .box .p1 {
  position: absolute;
  top: 13%;
  left: 17%;
}
.lp_wrap .float .box .p1 p,
.lp_wrap .float .box .p1 p span {
  font-weight: bold;
  color: #db4721;
  font-size: min(26px, 3.5vw);
  letter-spacing: 0.1em;
}
.lp_wrap .float .box .p1 p span {
  color: #198e61;
  font-size: min(32px, 4.3vw);
}
.lp_wrap .float .box .p2 {
  position: absolute;
  top: 33%;
  left: 21%;
  font-family: "din-2014", sans-serif;
  font-weight: bold;
  font-size: min(100px, 13.3vw);
  color: #fff;
}
.lp_wrap .float .box .p3 {
  position: absolute;
  top: 35%;
  left: 37%;
}
.lp_wrap .float .box .p3 p,
.lp_wrap .float .box .p3 p span {
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: min(38px, 5.1vw);
}
.lp_wrap .float .box .p3 p span {
  font-family: "din-2014", sans-serif;
  font-size: min(40px, 5.4vw);
}
.lp_wrap .float .box .btn {
  display: flex;
}
.lp_wrap .float .box .btn .btn1,
.lp_wrap .float .box .btn .btn2 {
  position: relative;
}
.lp_wrap .float .box .btn .btn1 p,
.lp_wrap .float .box .btn .btn2 p {
  position: absolute;
  top: 17%;
  left: 33%;
  font-family: "din-2014", sans-serif;
  font-weight: bold;
  font-size: min(40px, 5.4vw);
  color: #fff;
}
.lp_wrap .float.active .box .rakuten a {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 50%;
  height: 100%;
}
.lp_wrap .float.active .box .amazon a {
  position: absolute;
  top: 0%;
  right: 0%;
  width: 50%;
  height: 100%;
}
/* ------------------------ */
.lp_wrap .top_bnr {
  display: grid;
  grid-template-columns: 43% 0.3% 54%;
  gap: 0 2%;
  background: #efa531;
  padding: 4.6% 2%;
  max-height: 190px;
}
.lp_wrap .top_bnr .left {
  margin: auto;
}
.lp_wrap .top_bnr .line {
  background: #443832;
}
.lp_wrap .top_bnr .right {
  display: grid;
  grid-template-columns: 60% 40%;
}
.lp_wrap .top_bnr .right .p1 p,
.lp_wrap .top_bnr .right .p1 span {
  font-family: "din-2014", sans-serif;
  color: #2b191b;
  font-size: min(50px, 6.7vw);
  font-weight: bold;
}
.lp_wrap .top_bnr .right .p1 span {
  color: #db4721;
  font-size: min(80px, 10.7vw);
}
.lp_wrap .top_bnr .right .fk {
  background: #db4721;
  border-radius: 16px;
  text-align: center;
  position: relative;
  display: inline-block;
  max-width: 90.2%;
  max-height: min(70px, 9.4vw);
}
.lp_wrap .top_bnr .right .fk::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: max(-10px, -1.3vw);
  border: min(10px, 1.4vw) solid transparent;
  border-top: min(10px, 1.4vw) solid #db4721;
}
.lp_wrap .top_bnr .right .fk p {
  color: #fff;
  font-size: min(28px, 3.8vw);
  font-weight: bold;padding: 15% 0 0;
}
.lp_wrap .top_bnr .right .p2 {
  grid-column-start: 1;
  grid-column-end: 3;    
}
.lp_wrap .top_bnr .right .p2 p {
  color: #2b191b;
  font-size: min(40px, 5.4vw);
  font-weight: bold;
}
/* ------------------------ */
.lp_wrap .top .num {
  position: absolute;
  top: 6.5%;
  width: 100%;
  text-align: center;
  font-family: "din-2014", sans-serif;
  font-weight: bold;
  color: #fff;
  font-size: min(40px, 5.4vw);
}
.lp_wrap .top .head {
  position: absolute;
  top: 15.7%;
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: min(50px, 6.7vw);
  line-height: min(75px, 9.9vw);
}
.lp_wrap .top .p1 {
  position: absolute;
  top: 49.5%;
  left: 3%;
  color: #fff;
  font-weight: 400;
  font-size: min(34px, 4.6vw);
  line-height: min(50px, 6.7vw);
  font-feature-settings: "palt";
  letter-spacing: 3px;
}
.lp_wrap .top .copy0 {
  position: absolute;
  top: 61.9%;
  left: 7%;
  color: #fff;
  font-size: min(50px, 6.7vw);
  letter-spacing: min(50px, 6.7vw);
}
.lp_wrap .top .copy1 {
  position: absolute;
  top: 67.3%;
  left: 2.7%;
  color: #fff;
  font-size: min(105px, 14vw);
  font-weight: bold;
}
.lp_wrap .top .copy2 {
  position: absolute;
  top: 82.6%;
  left: 2.7%;
  color: #fff;
  font-size: min(80px, 10.7vw);
  font-weight: bold;
  letter-spacing: 1.8px;
}
.lp_wrap .top .p2 {
  text-align: center;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: min(28px, 3.8vw);
  color: #4b4b4b;
  line-height: min(55px, 7.4vw);
  margin: 30px auto;
  width: 90%;
}
.lp_wrap .top .arrow {
  width: 13.2%;
  margin: 3% auto 8%;
}
/* ------------------------ */
.lp_wrap .enq1 {
  background: #db4721;
}
.lp_wrap .enq1 .tit {
  width: 45.2%;
  margin: auto;
  padding: 5% 0 3%;
}
.lp_wrap .enq1 .head {
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: min(65px, 8.7vw);
}
.lp_wrap .enq1 .btn li {
  position: relative;
  padding-top: 4%;
  width: 90.66666%;
  margin: auto;
  opacity: 1;
}
.lp_wrap .enq1 .btn li a p {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
  color: #db4721;
  font-size: min(35px, 4.7vw);
  opacity: 1;
}
.lp_wrap .enq1 .btn li:hover,
.lp_wrap .enq1 .btn li:hover a p {
  opacity: 0.8;
}
.lp_wrap .enq2 * {
  text-align: center;
}
.lp_wrap .enq2 .head {
  position: absolute;
  inset: 4% 0 auto;
  width: 40.4%;
  margin: auto;
  background: #443832;
  padding: 3.134% 0;
}
.lp_wrap .enq2 .head p,
.lp_wrap .enq2 .head p span {
  font-size: min(32px, 4.3vw);
  font-weight: bold;
  line-height: min(40px, 5.4vw);
  color: #ffb137;
}
.lp_wrap .enq2 .head p span {
  font-size: min(46px, 6.2vw);
}
.lp_wrap .enq2 .ten {
  position: absolute;
  inset: 11.7% 0 auto;
  width: 0.8%;
  margin: auto;
}
.lp_wrap .enq2 .p1 {
  position: absolute;
  inset: 14.7% 0 auto;
  width: 57.3333%;
  margin: auto;
  background: #443832;
  padding: 2.4% 0;
}
.lp_wrap .enq2 .p1 p {
  font-size: min(40px, 5.4vw);
  font-weight: normal;
  color: #fff;
  font-feature-settings: "palt";
}
.lp_wrap .enq2 .p2 {
  position: absolute;
  top: 19.7%;
  width: 100%;
  font-size: min(60px, 8vw);
  font-weight: bold;
  color: #443832;
}
.lp_wrap .enq2 .p3 {
  position: absolute;
  top: 24.2%;
  width: 100%;
  font-size: min(32px, 4.3vw);
  font-weight: normal;
  color: #443832;
}
.lp_wrap .enq2 .human {
  position: absolute;
  top: 28.4%;
  left: 28.267%;
  width: 43.467%;
}
.lp_wrap .enq2 .p4,
.lp_wrap .enq2 .p4 span {
  width: 100%;
  font-size: min(40px, 5.4vw);
  font-weight: normal;
  color: #443832;
  line-height: min(72px, 9.6vw);
  padding: 3% 0;
}
.lp_wrap .enq2 .p4 span {
  font-size: min(50px, 6.7vw);
  color: #db4721;
}
.lp_wrap .enq2 .fk {
  position: absolute;
  top: 43.2%;
  margin: 36.934%;
  width: 26.133%;
}
.lp_wrap .enq2 .p5 {
  position: absolute;
  top: 88%;
  left: 9%;
  font-size: min(100px, 13.4vw);
  font-weight: normal;
  color: #fff;
}
.lp_wrap .enq2 .p6 {
  position: absolute;
  top: 85.5%;
  left: 60.6%;
  font-size: min(85px, 11.4vw);
  font-weight: normal;
  color: #fff;
  line-height: min(85px, 11.4vw);
}
/* ------------------------ */
.lp_wrap .voice {
  background: #ffb137;
}
.lp_wrap .voice .head {
  position: absolute;
  top: 14%;
  width: 100%;
  color: #e7390a;
  font-size: min(30px, 4vw);
  line-height: min(40px,5.4vw);
  text-align: center;
}
.lp_wrap .voice .fk {
  position: absolute;
  top: 37.8%;
  left: 0%;
  width: 100%;
}
.lp_wrap .voice .fk p,
.lp_wrap .voice .fk p span {
  color: #e7390a;
  text-align: center;
  font-size: min(50px, 6.7vw);
  line-height: min(90px, 12vw);
  font-weight: bold;
}
.lp_wrap .voice .fk p span {
  font-size: min(80px, 10.7vw);
}
.lp_wrap .voice .new {
  padding: 0 0 1% 3%;
  color: #e7390a;
  font-weight: bold;
  font-size: min(30px, 4vw);
}
.lp_wrap .voice.center {
  height: min(1300px, 173.4vw);
  overflow: hidden;
}
.lp_wrap .voice .user li {
  position: absolute;
  top: 1%;
  left: 1.267%;
  width: 97.467%;
  opacity: 0;
}
.lp_wrap .voice .user li .cont {
  position: relative;
}
.lp_wrap .voice .user li .tit {
  position: absolute;
  top: 12%;
  left: 43%;
  width: 100%;
  font-size: min(30px, 4vw);
  color: #1a0c03;
}
.lp_wrap .voice .user li .comment {
  position: absolute;
  top: 20%;
  left: 43%;
  width: 52%;
  font-size: min(22px, 3vw);
  line-height: min(34px, 4.6vw);
  color: #1a0c03;
  text-align: justify;
}
.lp_wrap .voice .user li:nth-child(1) {
  animation: 20s user_li -20s ease-in-out infinite;
}
.lp_wrap .voice .user li:nth-child(2) {
  animation: 20s user_li -17.143s ease-in-out infinite;
}
.lp_wrap .voice .user li:nth-child(3) {
  animation: 20s user_li -14.286s ease-in-out infinite;
}
.lp_wrap .voice .user li:nth-child(4) {
  animation: 20s user_li -11.429s ease-in-out infinite;
}
.lp_wrap .voice .user li:nth-child(5) {
  animation: 20s user_li -8.572s ease-in-out infinite;
}
.lp_wrap .voice .user li:nth-child(6) {
  animation: 20s user_li -5.715s ease-in-out infinite;
}
.lp_wrap .voice .user li:nth-child(7) {
  animation: 20s user_li -2.858s ease-in-out infinite;
}
@keyframes user_li {
  0% {
    top: 1%;
    opacity: 0;
    z-index: 7;
  }
  3%, 14.2% {
    top: 1%;
    opacity: 1;
    z-index: 6;
  }
  17.2%, 28.4% {
    top: 43%;
    opacity: 1;
    z-index: 5;
  }
  31.4%, 42.6% {
    top: 48%;
    opacity: 0.7;
    z-index: 4;
  }
  45.6%, 56.8% {
    top: 53%;
    opacity: 0.4;
    z-index: 3;
  }
  59.8%, 71% {
    top: 58%;
    opacity: 0.1;
    z-index: 2;
  }
  74%, 100% {
    top: 63%;
    opacity: 0;
    z-index: 1;
  }
}
.lp_wrap .voice .att {
  color: #1a0c03;
  text-align: left;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: min(24px, 3.2vw);
  padding: 1.5% 0 5% 1.1%;
}
.lp_wrap .voice .review {
  color: #1a0c03;
  text-align: center;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: min(30px, 4vw);
}
.lp_wrap .voice .link {
  display: grid;
  grid-template-columns: 50% 50%;
  justify-items: center;
  width: 80%;
  margin: auto;
  padding: 5% 0;
}
.lp_wrap .voice .link li a {
  color: #1a0c03;
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: min(30px, 4vw);
}
/* ------------------------ */
.lp_wrap .offer .head {
  display: grid;
  grid-template-columns: 30% 70%;
  width: 94%;
  align-items: center;
  margin: auto;
  padding: 5% 0 3%;
}
.lp_wrap .offer .head li:nth-child(1) {
  width: 93.6%;
  grid-row-start: 1;
  grid-row-end: 3;
}
.lp_wrap .offer .head li:nth-child(2) {
  color: #1a0c03;
  font-size: min(50px, 6.7vw);
  font-weight: bold;
  font-feature-settings: "palt";
}
.lp_wrap .offer .head li:nth-child(3),
.lp_wrap .offer .head li:nth-child(3) span {
  grid-row-start: 2;
  grid-column-start: 2;
  font-size: min(50px, 6.7vw);
  font-weight: bold;
  font-feature-settings: "palt";
  color: #e7390a;
}
.lp_wrap .offer .head li:nth-child(3) span {
    font-size: min(80px, 10.7vw);
}
.lp_wrap .offer .bnr {
  width: 93.333%;
  margin: auto;
}
.lp_wrap .offer .btn {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 94%;
  margin: auto;
  padding: 4% 0 2%;
}
.lp_wrap .offer .btn li {
  position: relative;
  opacity: 1;
  z-index: 1;
}
.lp_wrap .offer .btn li:hover {
  opacity: 0.6;
}
.lp_wrap .offer .btn a {
  display: block;
  width: 98.724%;
}
.lp_wrap .offer .btn .link {
  position: absolute;
  top: 24%;
  left: 30%;
  width: 30%;
  color: #fff;
  font-size: min(42px, 5.6vw);
  font-weight: bold;
}
.lp_wrap .offer .att {
  font-size: min(24px, 3.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  padding: 0 0 5% 5%;
}
/* ------------------------ */
.lp_wrap .calorie .box1 {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  height: min(320px, 42.667vw);
  background: #efa531;
}
.lp_wrap .calorie .box1 .line {
  position: absolute;
  top: 59%;
  left: 0;
  width: 86.933%;
}
.lp_wrap .calorie .box1 .head {
  position: absolute;
  top: 17%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(80px, 10.7vw);
  line-height: min(90px, 12vw);
  font-weight: bold;
}
.lp_wrap .calorie p {
  font-size: min(30px, 4vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
  padding: 6% 0;
}
.lp_wrap .calorie .balance {
  position: relative;
  left: 7.533%;
  width: 84.933%;
  z-index: 1;
}
.lp_wrap .calorie .balance .catch {
  position: absolute;
  top: 8.6%;
  left: 64.6%;
  width: 100%;
  font-size: min(35px, 4.7vw);
  color: #1a0c03;
}
.lp_wrap .calorie .box2 {
  position: relative;
  width: 100%;
  height: min(330px, 44vw);
  background: #efa531;
  margin-top: -2%;
  margin-bottom: 12%;
}
.lp_wrap .calorie .box2 .copy {
  position: absolute;
  top: 17%;
  width: 100%;
  text-align: center;
  font-size: min(50px, 6.7vw);
  line-height: min(88px, 11.8vw);
  color: #0e110f;
}
.lp_wrap .calorie .box2 .copy0 {
  position: absolute;
  top: 33%;
  left: 11.7%;
  font-size: min(40px, 5.4vw);
  line-height: min(88px, 11.8vw);
  letter-spacing: min(8px, 1.1vw);
  color: #0e110f;
}
.lp_wrap .calorie .fk {
  position: absolute;
  top: 95.7%;
  left: 42%;
  width: 16%;
}
/* ------------------------ */
.lp_wrap .down .p1 {
  font-size: min(30px, 4vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
  padding: 4% 0;
}
.lp_wrap .down .grey {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  height: min(855px, 114vw);
  background: #dad0c2;
}
.lp_wrap .down .grey .box {
  position: absolute;
  inset: 6% 0 auto;
  margin: auto;
  width: 88.2666%;
  height: min(441px, 58.8vw);
  background: #fff;
  border-radius: 7%;
}
.lp_wrap .down .grey .box .head1 {
  position: absolute;
  top: 14%;
  width: 100%;
  text-align: center;
  font-size: min(40px, 5.4vw);
}
.lp_wrap .down .grey .box .head2 {
  position: absolute;
  top: 31%;
  width: 100%;
  text-align: center;
  font-size: min(80px, 10.7vw);
  font-weight: bold;
  color: #443832;
}
.lp_wrap .down .grey .box .fire {
  position: absolute;
  inset: 52% 0 auto;
  width: 52.3%;
  margin: auto;
}
.lp_wrap .down .fk1 {
  position: absolute;
  top: 5%;
  left: 7.5%;
  width: 22.933%;
}
.lp_wrap .down .fk2 {
  position: absolute;
  top: 8.8%;
  left: 69.6%;
  width: 18%;
}
.lp_wrap .down .arrow {
  position: absolute;
  inset: 53.6% 0 auto;
  margin: auto;
  width: 14.4%;
}
.lp_wrap .down .copy {
  position: absolute;
  top: 56.5%;
  width: 100%;
}
.lp_wrap .down .copy p,
.lp_wrap .down .copy p span {
  text-align: center;
  font-size: min(80px, 10.7vw);
  line-height: min(76px, 10.2vw);
  color: #443832;
  font-weight: bold;
}
.lp_wrap .down .copy p span {
  font-size: min(55px, 7.4vw);
}
.lp_wrap .down .photo {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
}
.lp_wrap .down .let {
  position: absolute;
  top: 18%;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  width: 100%;
  align-items: center;
  justify-items: center;
}
.lp_wrap .down .let li {
  font-size: min(45px, 6vw);
  letter-spacing: min(12px, 1.6vw);
  color: #fff;
  writing-mode: vertical-rl;
}
.lp_wrap .down .p2 {
  font-size: min(30px, 4vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
  padding: 3% 0;
}
/* ------------------------ */
.lp_wrap .spiral {
  background: #dad0c2;
}
.lp_wrap .spiral .triangle {
  width: 100%;
  height: min(55px, 7.4vw);
  background: #fff;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.lp_wrap .spiral .head {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: min(40px, 5.4vw);
  line-height: min(70px, 9.4vw);
  padding: 4% 0;
}
.lp_wrap .spiral .cycle {
  width: 84.933%;
  margin: auto;
}
.lp_wrap .spiral .p1 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(40px, 5.4vw);
  font-weight: bold;
  padding: 7% 0 3%;
}
.lp_wrap .spiral .p2 {
  width: 100%;
  text-align: center;
  color: #443832;
  font-size: min(80px, 10.7vw);
  font-weight: bold;
  padding: 0 0 4%;
}
.lp_wrap .spiral .ten {
  width: 1.333%;
  margin: auto;
}
.lp_wrap .spiral .p3 {
  width: 100%;
  text-align: center;
  color: #443832;
  font-size: min(60px, 8vw);
  font-weight: bold;
  padding: 3% 0 1%;
  font-feature-settings: "palt";
}
.lp_wrap .spiral .wave1 {
  width: 46%;
  margin: auto;
}
.lp_wrap .spiral .p4 {
  width: 100%;
  text-align: center;
  color: #443832;
  font-size: min(60px, 8vw);
  font-weight: bold;
  padding: 4% 0 1%;
}
.lp_wrap .spiral .wave2 {
  width: 95.2%;
  margin: auto;
  padding: 0 0 10%;
}
/* ------------------------ */
.lp_wrap .intestines p,
.lp_wrap .intestines p span {
  font-size: min(30px, 4vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
  padding: 7% 0 5%;
}
.lp_wrap .intestines p span {
  font-weight: bold;
}
.lp_wrap .intestines .copy1,
.lp_wrap .intestines .copy1 span {
  color: #db4721;
  font-size: min(62px, 8.3vw);
  font-weight: bold;
  padding-left: 2%;
}
.lp_wrap .intestines .copy1 span {
  font-size: min(88px, 11.8vw);
}
.lp_wrap .intestines .copy2,
.lp_wrap .intestines .copy2 span {
  color: #db4721;
  font-size: min(62px, 8.3vw);
  font-weight: bold;
  text-align: right;
  padding-right: 4%;
  padding-top: 3%;
}
.lp_wrap .intestines .copy2 span {
  font-size: min(88px, 11.8vw);
  padding: 0;
}
.lp_wrap .intestines .heart {
  width: 95.067%;
  margin: auto;
  padding: 5% 0 10%;
}
/* ------------------------ */
.lp_wrap .check .ext {
  width: 20.4%;
  margin: auto;
  z-index: 1;
}
.lp_wrap .check .box1 {
  position: relative;
  width: 100%;
  height: min(345px, 46vw);
  background: #efd631;
  margin-top: -7%;
  z-index: -1;
}
.lp_wrap .check .box1 .head1 {
  position: absolute;
  top: 15%;
  width: 100%;
}
.lp_wrap .check .box1 .head1 p,
.lp_wrap .check .box1 .head1 p span {
  text-align: center;
  font-weight: bold;
  font-size: min(46px, 6.2vw);
  color: #050505;
}
.lp_wrap .check .box1 .head1 p span {
  color: #db4721;
  font-size: min(100px, 13.3vw);
}
.lp_wrap .check .box1 .head2 {
  position: absolute;
  top: 51%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: min(80px, 10.7vw);
  color: #050505;
}
.lp_wrap .check .box1 .slide0 {
  position: absolute;
  bottom: 5%;
  width: 100%;
}
.lp_wrap .check .box2 {
  position: relative;
  width: 100%;
  height: min(2015px, 268.7vw);
  background: #db4721;
}
.lp_wrap .check .box2 .what {
  position: absolute;
  top: 2%;
  left: 4%;
  width: 58%;
}
.lp_wrap .check .line {
  position: absolute;
  top: 7.6%;
  left: 3.4%;
  width: 84.667%;
}
.lp_wrap .check .catch1 {
  position: absolute;
  top: 4.6%;
  left: 0%;
  width: 100%;
}
.lp_wrap .check .catch1 p,
.lp_wrap .check .catch1 p span {
  text-align: center;
  font-weight: bold;
  font-size: min(80px, 10.7vw);
  color: #fff;
}
.lp_wrap .check .catch1 p span {
  font-size: min(52px, 7vw);
}
.lp_wrap .check .catch2 {
  position: absolute;
  top: 9.7%;
  right: 4%;
  font-weight: bold;
  color: #fff;
  font-size: min(35px, 4.7vw);
}
.lp_wrap .check .let {
  position: absolute;
  inset: 13% 0 auto;
  width: 93.2%;
  margin: auto;
}
.lp_wrap .check .let li {
  position: relative;
  padding-top: 5%;
  background: url("../image/check-btn-on.png") center 80%/contain no-repeat;
  cursor: pointer;
  opacity: 1;
}
.lp_wrap .check .let li:hover {
  opacity: 0.7;
}
.lp_wrap .check .let li img {
  transition: 0.3s;
  opacity: 1;
}
.lp_wrap .check .let li p {
  position: absolute;
  top: 41%;
  left: 0%;
  width: 100%;
  transition: 0.3s;
  color: #db4721;
  text-align: center;
  font-size: min(35px, 4.7vw);
  line-height: min(45px, 6vw);
}
.lp_wrap .check .let li:nth-of-type(4) p {
  top: 25%;
}
.lp_wrap .check .let li.active p {
  color: #fff;
}
.lp_wrap .check .let li.active img {
  opacity: 0;
}
.lp_wrap .check .result li {
  position: absolute;
  top: 45%;
  left: 4%;
  width: 92%;
  opacity: 0;
  transition: 0.4s;
}
.lp_wrap .check .result li.active {
  opacity: 1;
}
.lp_wrap .check .result li p {
  position: absolute;
  top: 37%;
  left: 4%;
  width: 92%;
  font-size: min(30px, 4vw);
  line-height: min(51px, 6.8vw);
  color: #1a0c03;
}
.lp_wrap .check .result li p span.red {
  color: #e20012;
  font-size: min(30px, 4vw);
}
.lp_wrap .check .result li p span.fw_b {
  font-weight: 500;
  font-size: min(30px, 4vw);
}
.lp_wrap .check .p1 {
  font-size: min(30px, 4vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
  padding: 5% 0;
}
/* ------------------------ */
.lp_wrap .inner .box1 {
  position: relative;
  width: 100%;
  height: min(450px, 60vw);
  background: #efd631;
}
.lp_wrap .inner .box1 .fk {
  position: absolute;
  top: 15%;
  left: 4.133%;
  width: 91.733%;
}
.lp_wrap .inner .box1 .fk p {
  position: absolute;
  top: 19%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(34px, 4.6vw);
  font-weight: bold;
}
.lp_wrap .inner .box1 .head1 {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: min(30px, 4vw);
  color: #1a0c03;
}
.lp_wrap .inner .box1 .head2 {
  position: absolute;
  top: 53%;
  width: 100%;
  text-align: center;
  color: #db4721;
  font-weight: bold;
  font-size: min(100px, 13.4vw);
}
.lp_wrap .inner .box1 .head3 {
  position: absolute;
  top: 79%;
  left: 0%;
  width: 100%;
}
.lp_wrap .inner .box1 .head3 p,
.lp_wrap .inner .box1 .head3 span {
  text-align: center;
  font-weight: bold;
  color: #1a0c03;
  font-size: min(30px, 4vw);
}
.lp_wrap .inner .box1 .head3 span {
  font-size: min(45px, 6vw);
}
.lp_wrap .inner .p1,
.lp_wrap .inner .p1 span {
  font-size: min(28px, 3.8vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
  padding: 5% 0;
}
.lp_wrap .inner .p1 span {
  font-weight: bold;
}
.lp_wrap .inner .p2 {
  font-size: min(28px, 3.8vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
  padding: 5% 0;
}
.lp_wrap .inner .box2 {
  position: relative;
  width: 100%;
  height: min(1855px, 247.4vw);
  background: #f6d8da;
}
.lp_wrap .inner .box2 .copy1 {
  position: absolute;
  top: 2%;
  left: 0%;
  width: 100%;
}
.lp_wrap .inner .box2 .copy1 p,
.lp_wrap .inner .box2 .copy1 p span {
  text-align: center;
  color: #1a0c03;
  font-weight: bold;
  font-size: min(60px, 8vw);
  line-height: min(90px, 12vw);
}
.lp_wrap .inner .box2 .copy1 p span {
  color: #db4721;
}
.lp_wrap .inner .box2 .deco {
  position: absolute;
  top: 12%;
  left: 27.6%;
  width: 38.8%;
}
.lp_wrap .inner .box2 .copy2 {
  position: absolute;
  top: 12.7%;
  left: 40.8%;
  color: #db4721;
  font-weight: bold;
  font-size: min(80px, 10.7vw);
}
.lp_wrap .inner .box2 .photo2 {
  position: absolute;
  top: 20%;
  left: 0%;
  width: 100%;
}
.lp_wrap .inner .box2 .p3 {
  position: absolute;
  top: 47%;
  left: 5%;
  font-size: min(28px, 3.7vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
}
.lp_wrap .inner .box2 .catch {
  position: absolute;
  top: 58%;
  left: 0%;
  width: 100%;
}
.lp_wrap .inner .box2 .catch p,
.lp_wrap .inner .box2 .catch p span {
  text-align: center;
  color: #db4721;
  font-weight: bold;
  font-size: min(36px, 4.8vw);
  letter-spacing: min(3px, 0.4vw);
}
.lp_wrap .inner .box2 .catch p span {
  font-size: min(55px, 7.4vw);
  background: #fff;
  padding: 0 1.3%;
}
.lp_wrap .inner .box2 .kin {
  position: absolute;
  top: 65.8%;
  left: 0%;
  width: 100%;
}
.lp_wrap .inner .box2 .hiritu {
  position: absolute;
  top: 63%;
  left: 17%;
  width: 100%;
}
.lp_wrap .inner .box2 .hiritu p,
.lp_wrap .inner .box2 .hiritu p span {
  font-weight: bold;
  font-size: min(120px, 16vw);
  letter-spacing: min(70px, 9.4vw);
  color: #198e61;
  font-family: "din-2014", sans-serif;
  font-weight: bold;
}
.lp_wrap .inner .box2 .hiritu p span {
  font-size: min(50px, 6.7vw);
  vertical-align: middle;
}
.lp_wrap .inner .box2 .kin1 {
  position: absolute;
  top: 70.2%;
  left: 14.6%;
  font-size: min(30px, 4vw);
  color: #198e61;
}
.lp_wrap .inner .box2 .kin2 {
  position: absolute;
  top: 70.2%;
  left: 42%;
  font-size: min(30px, 4vw);
  color: #198e61;
}
.lp_wrap .inner .box2 .kin3 {
  position: absolute;
  top: 70.2%;
  left: 73.4%;
  font-size: min(30px, 4vw);
  color: #198e61;
}
.lp_wrap .inner .box2 .let {
  position: absolute;
  top: 86.3%;
  left: 0%;
  width: 100%;
  font-size: min(40px, 5.4vw);
  line-height: min(60px, 8vw);
  color: #198e61;
  text-align: center;
}
.lp_wrap .inner .p4,
.lp_wrap .inner .p4 span {
  font-size: min(28px, 3.8vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  width: 90%;
  text-align: justify;
  margin: auto;
  padding: 5% 0;
}
.lp_wrap .inner .p4 span {
  font-weight: bold;
}
/* ------------------------ */
.lp_wrap .point .box {
  position: relative;
  width: 100%;
  height: min(380px, 50.7vw);
  background: #efa531;
}
.lp_wrap .point .box .head1 {
  position: absolute;
  top: 18%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: min(48px, 6.4vw);
}
.lp_wrap .point .box .base {
  position: absolute;
  top: 36%;
  left: 8.4%;
  width: 55.1%;
  height: 17%;
  background: #fff;
  clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
}
.lp_wrap .point .box .head2 {
  position: absolute;
  top: 39.7%;
  left: 9.2%;
  color: #db4721;
  font-weight: bold;
  font-size: min(35px, 4.7vw);
}
.lp_wrap .point .box .head3 {
  position: absolute;
  top: 27.6%;
  left: 8%;
}
.lp_wrap .point .box .head3 p,
.lp_wrap .point .box .head3 p span {
  color: #fff;
  font-weight: bold;
  font-size: min(95px, 12.7vw);
  letter-spacing: min(3px, 0.4vw);
}
.lp_wrap .point .box .head3 p span {
  font-size: min(230px, 30.7vw);
  color: #db4721;
  font-family: "din-2014", sans-serif;
  font-weight: bold;
}
.lp_wrap .point .box .four {
  position: absolute;
  top: 40.5%;
  left: 67%;
  width: 26.13333%;
}
.lp_wrap .point .tit_wrap {
  background: #db4721;
  margin: 5% 0;
}
.lp_wrap .point .tit_wrap .tit {
  background: #fff;
  width: 80%;
  margin: auto;
}
.lp_wrap .point .tit_wrap .tit p,
.lp_wrap .point .tit_wrap .tit p span {
  text-align: center;
  font-size: min(30px, 4vw);
  line-height: min(46px, 6.2vw);
  color: #db4721;
  font-family: "din-2014", sans-serif;
}
.lp_wrap .point .tit_wrap .tit p span {
  font-family: "source-han-sans-cjk-ja", sans-serif;
  font-size: min(50px, 6.7vw);
  font-weight: bold;
}
.lp_wrap .point .p1,
.lp_wrap .point .p1 span {
  width: 90%;
  font-size: min(28px, 3.8vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  text-align: justify;
  margin: 3% auto 7%;
}
.lp_wrap .point p span.fw_b {
  font-weight: bold;
}
.lp_wrap .point p span.green {
  background: #198e61;
  color: #fff;
}
.lp_wrap .point p span.red {
  color: #e20012;
}
.lp_wrap .point .seibun {
  position: relative;
  width: 97.4666%;
  margin: 0 auto 5%;
}
.lp_wrap .point .seibun p {
  position: absolute;
}
.lp_wrap .point .seibun p,
.lp_wrap .point .seibun p span {
  color: #fff;
  font-weight: bold;
  font-size: min(50px, 6.7vw);
  line-height: min(55px, 7.4vw);
}
.lp_wrap .point .seibun p span {
  font-size: min(30px, 4vw);
}
.lp_wrap .point .seibun .s1 {
  top: 24%;
  left: 5.5%;
}
.lp_wrap .point .seibun .s2 {
  top: 18%;
  left: 30.5%;
}
.lp_wrap .point .seibun .s3 {
  top: 18%;
  left: 55.8%;
}
.lp_wrap .point .seibun .s4 {
  top: 17.4%;
  left: 80.1%;
}
.lp_wrap .point .copy p,
.lp_wrap .point .copy p span {
  text-align: center;
  font-size: min(50px, 6.7vw);
  line-height: min(80px, 10.7vw);
  color: #198e61;
}
.lp_wrap .point .copy p span.waku {
  border: 1px solid #198e61;
}
.lp_wrap .point .copy p span.fc_y {
  color: #efa531;
}
.lp_wrap .point .support {
  width: 90%;
  margin: 3% auto 0;
  border: 2px solid #198e61;
}
.lp_wrap .point .support p,
.lp_wrap .point .support p span {
  text-align: center;
  font-size: min(50px, 6.7vw);
  line-height: min(70px, 9.4vw);
  color: #198e61;
  font-weight: bold;
  padding: 2% 0 3%;
}
.lp_wrap .point .support p span {
  font-size: min(80px, 10.7vw);
}
.lp_wrap .point .fk {
  width: 13.2%;
  height: min(24px, 3.2vw);
  margin: 0 auto 7%;
  background: #198e61;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
/* ------------------------ */
.lp_wrap .oilcheck {
  background: #198e61;
}
.lp_wrap .oilcheck .check {
  position: absolute;
  top: 18.6%;
  left: 3.7%;
  width: 15.7333%;
}
.lp_wrap .oilcheck .head1 {
  width: 15%;
  margin: 0 auto 5%;
  padding-top: 9%;
  color: #fff;
  font-family: "din-2014", sans-serif;
  font-size: min(30px, 4vw);
  border-bottom: 1px solid #fff;
}
.lp_wrap .oilcheck .head2 {
  position: inherit;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(30px, 4vw);
  line-height: min(35px, 4.7vw);
}
.lp_wrap .oilcheck .head3 {
  position: inherit;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(65px, 8.7vw);
  font-weight: bold;
  padding: 3% 0;
}
.lp_wrap .oilcheck .line {
  width: 0.667%;
  height: min(36px, 4.8vw);
  background: #fff;
  margin: auto;
}
.lp_wrap .oilcheck .btn {
  width: 90.6666%;
  margin: auto;
  padding-bottom: 10%;
}
.lp_wrap .oilcheck .btn li {
  position: relative;
  padding-top: 5%;
  opacity: 1;
}
.lp_wrap .oilcheck .btn li a p {
  position: absolute;
  top: 29%;
  text-align: center;
  width: 100%;
  color: #198e61;
  font-size: min(35px, 4.7vw);
  line-height: min(45px, 6vw);
}
.lp_wrap .oilcheck .btn li:nth-of-type(1) a p {
  top: 42%;
}
.lp_wrap .oilcheck .btn li:hover {
  opacity: 0.7;
}
/* ------------------------ */
.lp_wrap .mct .fk1 {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 82.1333%;
}
.lp_wrap .mct .head1 {
  width: 100%;
  text-align: center;
  font-size: min(45px, 6vw);
  color: #1a0c03;
  font-weight: bold;
  padding: 8% 0 3%;
}
.lp_wrap .mct .head2,
.lp_wrap .mct .head2 span {
  width: 100%;
  text-align: center;
  font-size: min(80px, 10.7vw);
  color: #198e61;
  font-weight: bold;
  padding-bottom: 6%;
}
.lp_wrap .mct .head2 span {
  font-size: min(65px, 8.7vw);
}
.lp_wrap .mct .p1{
  width: 90%;
  font-size: min(28px, 3.8vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  text-align: justify;
  word-break: break-all;
  margin: 3% auto 7%;
}
.lp_wrap .mct .box1 {
  background: url("../image/mct-box.png") center center/contain;
}
.lp_wrap .mct .box1 .catch {
  width: 100%;
  text-align: center;
  font-size: min(80px, 10.7vw);
  color: #db4721;
  font-weight: bold;
  padding: 8% 0 10%;
}
.lp_wrap .mct .box1 .tit1 {
  width: 100%;
  text-align: center;
  font-size: min(50px, 6.7vw);
  color: #198e61;
  font-weight: bold;
  padding-bottom: 3%;
}
.lp_wrap .mct .box1 .let1,
.lp_wrap .mct .box1 .let1 span {
  width: 100%;
  text-align: center;
  font-size: min(28px, 3.8vw);
  color: #000;
  padding-bottom: 2%;
}
.lp_wrap .mct .box1 .let1 span {
  font-size: min(20px, 2.7vw);
  color: #826f66;
}
.lp_wrap .mct .flow1 {
  width: 90.8%;
  margin: auto;
}
.lp_wrap .mct .box1 .tit2 {
  width: 100%;
  text-align: center;
  font-size: min(50px, 6.7vw);
  color: #db4721;
  font-weight: bold;
  padding: 8% 0 3%;
}
.lp_wrap .mct .box1 .let2,
.lp_wrap .mct .box1 .let2 span {
  width: 100%;
  text-align: center;
  font-size: min(28px, 3.8vw);
  color: #000;
  padding-bottom: 2%;
}
.lp_wrap .mct .box1 .let2 span {
  font-size: min(20px, 2.7vw);
  color: #826f66;
}
.lp_wrap .mct .flow2 {
  width: 91.46666%;
  margin: auto;
  padding-bottom: 10%;
}
.lp_wrap .mct .p2 {
  width: 90%;
  font-size: min(29px, 3.9vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  text-align: justify;
  margin: 5% auto;
}
.lp_wrap .mct .box2 {
  width: 100%;
  height: min(890px, 118.7vw);
  background: #efa531;
}
.lp_wrap .mct .copy1 {
  width: 100%;
  text-align: center;
  font-size: min(45px, 6vw);
  color: #fff;
  font-weight: bold;
  padding: 8% 0 2%;
}
.lp_wrap .mct .copy2 {
  width: 100%;
  text-align: center;
  font-size: min(60px, 8vw);
  color: #fff;
  font-weight: bold;
  padding-bottom: 7%;
}
.lp_wrap .mct .box3 {
  position: relative;
  width: 90.666%;
  margin: auto;
  height: min(580px, 77.4vw);
  background: #fff;
  border-radius: 5%;
}
.lp_wrap .mct .speed {
  position: absolute;
  top: 10%;
  left: 5%;
  width: 30.442%;
}
.lp_wrap .mct .step1 {
  position: absolute;
  top: 10%;
  left: 38%;
}
.lp_wrap .mct .step2 {
  position: absolute;
  top: 40%;
  left: 38%;
}
.lp_wrap .mct .step3 {
  position: absolute;
  top: 68%;
  left: 38%;
}
.lp_wrap .mct .step p,
.lp_wrap .mct .step p span {
  font-size: min(40px, 5.4vw);
  color: #1a0c03;
  font-weight: bold;
  line-height: min(40px, 5.4vw);
}
.lp_wrap .mct .step p span.small {
  font-size: min(30px, 4vw);
}
.lp_wrap .mct .step p span.big {
  font-size: min(50px, 6.7vw);
  color: #db4721;
}
.lp_wrap .mct .fk2 {
  position: absolute;
  top: 60%;
  left: 65.6%;
  width: 35.001%;
}
.lp_wrap .mct .p3 {
  width: 90%;
  font-size: min(29px, 3.9vw);
  line-height: min(46px, 6.2vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  text-align: justify;
  margin: 3% auto 7%;
}
/* ------------------------ */
.lp_wrap .reason .box1 {
  width: 100%;
  background: #efa531;
}
.lp_wrap .reason .box1 .head1 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: min(40px, 5.4vw);
  padding: 5% 0 3%;
}
.lp_wrap .reason .box1 .head2 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(28px, 3.8vw);
  padding-bottom: 5%;
}
.lp_wrap .reason .box2 {
  width: 100%;
  background: #f5efe6;
}
.lp_wrap .reason .box2 .flat {
  display: grid;
  grid-template-columns: 25% 75%;
  width: 90%;
  margin: auto;
  padding: 5% 0 4%;
  align-items: center;
}
.lp_wrap .reason .box2 .flat li:nth-of-type(1) {
  grid-row-start: 1;
  grid-row-end: 3;
  width: 89.4%;
}
.lp_wrap .reason .box2 .flat li:nth-of-type(2) {
  color: #443832;
  font-size: min(34px, 4.6vw);
  font-weight: bold;
}
.lp_wrap .reason .box2 .flat li:nth-of-type(3) {
  color: #db4721;
  font-size: min(62px, 8.3vw);
  font-weight: bold;
}
.lp_wrap .reason .box2 .copy {
  width: 88%;
  background: linear-gradient(transparent 59%, #efd631 30%);
  margin: 4% auto 2%;
}
.lp_wrap .reason .box2 .copy p,
.lp_wrap .reason .box2 .copy p span {
  text-align: center;
  color: #443832;
  font-size: min(50px, 6.7vw);
  font-weight: 500;
}
.lp_wrap .reason .box2 .copy p span {
  font-size: min(90px, 12vw);
  font-family: "din-2014", sans-serif;
}
.lp_wrap .reason .box2 .let {
  width: 100%;
  text-align: center;
  color: #443832;
  font-size: min(30px, 4vw);
  line-height: min(45px, 6vw);
  font-weight: 500;
}
.lp_wrap .reason .box2 .four,
.lp_wrap .reason .box2 .four span {
  width: 100%;
  text-align: center;
  color: #db4721;
  font-size: min(101px, 13.5vw);
  font-weight: bold;
}
.lp_wrap .reason .box2 .four span.s1 {
  font-size: min(228px, 30.4vw);
  font-family: "din-2014", sans-serif;
}
.lp_wrap .reason .box2 .four span.s2 {
  font-size: min(126px, 16.8vw);
}
.lp_wrap .reason .box3 {
  width: 100%;
  background: #efa531;
  padding-bottom: 10%;
}
.lp_wrap .reason .box3 .triangle {
  width: 100%;
  height: min(60px, 8vw);
  background: #f5efe6;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.lp_wrap .reason .box3 .tit {
  width: 21.2%;
  margin: auto;
  padding: 7% 0 2%;
}
.lp_wrap .reason .box3 .name {
  width: 100%;
}
.lp_wrap .reason .box3 .name p,
.lp_wrap .reason .box3 .name span {
  text-align: center;
  font-size: min(60px, 8vw);
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 1px #fff;
  font-weight: bold;
  vertical-align: text-bottom;
}
.lp_wrap .reason .box3 .name span {
  font-family: "din-2014", sans-serif;
  font-size: min(80px, 10.7vw);
}
.lp_wrap .reason .box3 .photo2,
.lp_wrap .reason .box3 .photo3,
.lp_wrap .reason .box3 .photo4,
.lp_wrap .reason .box3 .photo5 {
  width: 90.6666%;
  margin: 1% auto 0;
}
.lp_wrap .reason .box3 .com {
  width: 90.6666%;
  margin: auto;
  background: #fff;
  border-bottom-left-radius: 20px;
}
.lp_wrap .reason .box3 .com p {
  text-align: justify;
  font-size: min(28px, 3.8vw);
  line-height: min(48px, 6.4vw);
  color: #050505;
  padding: 3% 4% 4%;
}
/* ------------------------ */
.lp_wrap .cocomct .head1 {
  position: absolute;
  inset: 5% 0 auto;
  width: 46.7%;
  margin: auto;
  padding: 0.8% 0 1.2%;
  background: #db4721;
  border-radius: 30px;
}
.lp_wrap .cocomct .head1 p {
  text-align: center;
  color: #fff;
  font-size: min(40px, 5.4vw);
}
.lp_wrap .cocomct .head2 {
  position: absolute;
  top: 9.8%;
  width: 100%;
  background: #fff;
  padding: 0 0 1%;
}
.lp_wrap .cocomct .head2 p,
.lp_wrap .cocomct .head2 p span {
  text-align: center;
  color: #db4721;
  font-size: min(50px, 6.7vw);
}
.lp_wrap .cocomct .head2 p span {
  font-size: min(150px, 20vw);
  font-family: "din-2014", sans-serif;
}
.lp_wrap .cocomct .head3 {
  position: absolute;
  top: 21%;
  width: 100%;
}
.lp_wrap .cocomct .head3 p,
.lp_wrap .cocomct .head3 p span {
  text-align: center;
  color: #db4721;
  font-size: min(70px, 9.4vw);
  font-weight: 500;
}
.lp_wrap .cocomct .head3 p span {
  display: inline-block;
  transform: rotate(10deg);
  transform-origin: bottom center;
}
.lp_wrap .cocomct .p1 {
  text-align: center;
  color: #443832;
  font-size: min(40px, 5.4vw);
  line-height: min(60px, 8vw);
  font-weight: bold;
  padding: 5% 0 10%;
  font-feature-settings: "palt";
}
/* ------------------------ */
.lp_wrap .htu {
  background: #198e61;
}
.lp_wrap .htu .head1 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(30px, 4vw);
  padding: 7% 0 3%;
}
.lp_wrap .htu .head2 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(60px, 8vw);
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  padding-bottom: 5%;
}
.lp_wrap .htu .photo1 {
  position: relative;
}
.lp_wrap .htu .photo1 .box {
  position: absolute;
  inset: 12% 0 auto;
  width: 86.6666%;
  height: min(500px, 66.7vw);
  margin: auto;
  background: rgb(255 255 255 / 80%);
}
.lp_wrap .htu .photo1 .p1 {
  position: absolute;
  inset: 11% 0 auto;
  width: 86%;
  margin: auto;
  border-bottom: 2px solid #198e61;
}
.lp_wrap .htu .photo1 .p1 p {
  text-align: center;
  color: #198e61;
  font-size: min(55px, 7.4vw);
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.lp_wrap .htu .photo1 .p2 {
  position: absolute;
  top: 28%;
  width: 100%;
}
.lp_wrap .htu .photo1 .p2 p,
.lp_wrap .htu .photo1 .p2 p span {
  text-align: center;
  color: #443832;
  font-size: min(30px, 4vw);
  line-height: min(60px, 8vw);
}
.lp_wrap .htu .photo1 .p2 p span {
  color: #198e61;
}
.lp_wrap .htu .p3 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(40px, 5.4vw);
  font-weight: bold;
  padding: 10% 0 1%;
}
.lp_wrap .htu .line {
  width: 5%;
  height: 2px;
  margin: 2% auto;
  background: #fff;
}
.lp_wrap .htu .p4 {
  width: 90%;
  margin: 0 auto 9%;
  text-align: justify;
  color: #fff;
  font-size: min(28px, 3.8vw);
  line-height: min(60px, 8vw);
}
.lp_wrap .htu .ext {
  display: grid;
  grid-template-columns: 50% 50%;
}
.lp_wrap .htu .ext li {
  color: #fff;
  text-align: center;
  font-size: min(34px, 4.6vw);
  font-weight: bold;
}
.lp_wrap .htu .photo2 {
  padding: 0 0 10%;
  margin-top: -9%;
}
/* ------------------------ */
.lp_wrap .start .head {
  position: relative;
  width: 80.4%;
  margin: 8% auto 5%;
}
.lp_wrap .start .head .fk {
  position: absolute;
  top: -2%;
  width: 100%;
  text-align: center;
  color: #443832;
  font-size: min(35px, 4.7vw);
  line-height: min(54px, 7.2vw);
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.lp_wrap .start .p1 {
  width: 46.7%;
  margin: auto;
  background: #198e61;
  border-radius: 30px;
  padding: 1.6% 0;
}
.lp_wrap .start .p1 p {
  text-align: center;
  color: #fff;
  font-size: min(30px, 4vw);
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.lp_wrap .start .p2 {
  width: 100%;
  text-align: center;
  color: #198e61;
  font-size: min(60px, 8vw);
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  padding: 3% 0 8%;
}
.lp_wrap .start .waku {
  display: flex;
  width: 90.6666%;
  margin: auto;
  border: 2px solid #198e61;
  border-top-left-radius: min(60px, 8vw);
  border-top-right-radius: min(60px, 8vw);
  box-sizing: border-box;
  padding: 4% 3% 2%;
  align-items: center;
}
.lp_wrap .start .waku .check {
  width: 10.2%;
  padding-left: 3%;
}
.lp_wrap .start .waku p {
  color: #198e61;
  font-size: min(34px, 4.6vw);
  line-height: min(40px, 5.4vw);
  width: 80%;
  padding-left: 5%;
}
.lp_wrap .start .box {
  background: #198e61;
  width: 90.6666%;
  margin: 0 auto 9%;
}
.lp_wrap .start .box .photo {
  width: 93.1%;
  margin: auto;
  padding: 3% 0;
}
.lp_wrap .start .box p {
  color: #fff;
  font-size: min(28px, 3.8vw);
  line-height: min(50px, 6.7vw);
  width: 93.1%;
  margin: auto;
  padding-bottom: 7%;
  text-align: justify;
}
/* ------------------------ */
.lp_wrap .recipe .box {
  background: #db4721;
}
.lp_wrap .recipe .box .head1 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: min(40px, 5.4vw);
  padding: 7% 0 3%;
}
.lp_wrap .recipe .box .head2 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: min(75px, 10vw);
  padding-bottom: 5%;
}
.lp_wrap .recipe .wave1 {
  margin-top: -6%;
  clip-path: inset(30% 0 0 0);
}
.lp_wrap .recipe .tit {
  width: 100%;
  text-align: center;
  color: #db4721;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: min(48px, 6.4vw);
  line-height: min(71px, 9.5vw);
  padding: 8% 0 3%;
  font-feature-settings: "palt";
}
.lp_wrap .recipe .let {
  width: 90%;
  margin: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: min(30px, 4vw);
  padding: 7% 0 1%;
}
.lp_wrap .recipe dl.menu {
  width: 90%;
  margin: auto;
}
.lp_wrap .recipe dl.menu div {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 1% 0;
  padding: 1% 0;
}
.lp_wrap .recipe dl.menu div::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  border-bottom: dotted 1px #000;
}
.lp_wrap .recipe dl.menu div:nth-of-type(7)::after {
  border-bottom: none;
}
.lp_wrap .recipe dl.menu dt {
  margin:0;
  padding: 0 1% 0 0;
  background-color: #ffffff;
  z-index: 2;
  text-align: left;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: min(30px, 4vw);
}
.lp_wrap .recipe dl.menu dd {
  margin:0;
  padding: 0 0 0 1%;
  background-color: #ffffff;
  z-index: 2;
  text-align: right;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: min(30px, 4vw);
}
.lp_wrap .recipe .com {
  width: 90%;
  margin: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: min(30px, 4vw);
  line-height: min(51px, 6.8vw);
}
.lp_wrap .recipe .wave2 {
  margin: 7% 0;
}
.lp_wrap .offer .lett {
  width: 100%;
  text-align: center;
  color: #1a0c03;
  font-size: min(36px, 4.8vw);
  font-family: "メイリオ", "Meiryo", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  padding: 15% 0 5%;
}