@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp_s-noto.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@400;500;700&display=swap");
.beef {
  padding-top: 8vw;
  padding-bottom: 10.6666666667vw;
}

@media screen and (min-width: 769px) {
  .beef {
    padding: 60px 80px;
  }
}
.beef .contents {
  margin-top: 6.6666666667vw;
}

@media screen and (min-width: 769px) {
  .beef .contents {
    margin-top: 50px;
  }
}
.beef .contents p {
  font-size: 3.4666666667vw;
  margin-bottom: 6.6666666667vw;
}

@media screen and (min-width: 769px) {
  .beef .contents p {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 50px;
    text-align: center;
  }
}
.beef .contents .box .title {
  font-size: 5.0666666667vw;
  color: #971341;
  margin-bottom: 2.6666666667vw;
}

@media screen and (min-width: 769px) {
  .beef .contents .box .title {
    font-size: 38px;
    font-size: 3.8rem;
    margin-bottom: 20px;
    text-align: center;
  }
}
.beef .contents .box .text {
  font-size: 3.4666666667vw;
}

@media screen and (min-width: 769px) {
  .beef .contents .box .text {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
  }
}
.beef .contents .box .text ul li {
  display: flex;
  letter-spacing: -0.075rem;
}

@media screen and (min-width: 769px) {
  .beef .contents .box .text ul li {
    text-align: left;
  }
}
.beef .contents .box .text ul li:before {
  content: "・";
  display: block;
}

.beef .contents .box .figure {
  width: 40vw;
  margin: 0 auto;
  margin-top: 6.6666666667vw;
}

@media screen and (min-width: 769px) {
  .beef .contents .box .figure {
    width: 300px;
    margin-top: 50px;
  }
}
.beef .contents .box + .box {
  margin-top: 6.6666666667vw;
}

@media screen and (min-width: 769px) {
  .beef .contents .box + .box {
    margin-top: 50px;
  }
}
.feature {
  padding-top: 12vw;
  padding-bottom: 8vw;
  margin-bottom: 8vw;
}

@media screen and (min-width: 769px) {
  .feature {
    padding: 90px 0 60px;
    margin-bottom: 60px;
  }
}
.feature .title {
  color: #FFF;
  font-size: 5.6vw;
}

@media screen and (min-width: 769px) {
  .feature .title {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
.feature .deco {
  margin: 0 auto;
  width: 21.6vw;
  height: 6.2666666667vw;
  margin-top: 2.6666666667vw;
  margin-bottom: 2.6666666667vw;
  background-image: url(../../img/beef/deco_frame_type04.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 769px) {
  .feature .deco {
    width: 162px;
    height: 47px;
    margin: 20px auto;
  }
}
.feature-list {
  margin: 0 auto;
  width: 80vw;
}

@media screen and (min-width: 769px) {
  .feature-list {
    width: 800px;
  }
}
.feature-list .list-title {
  background: #FFF;
  font-size: 5.6vw;
  color: #971341;
  margin-bottom: 2.6666666667vw;
}

@media screen and (min-width: 769px) {
  .feature-list .list-title {
    font-size: 42px;
    font-size: 4.2rem;
    margin-bottom: 20px;
  }
}
.feature-list p {
  font-size: 3.2vw;
}

@media screen and (min-width: 769px) {
  .feature-list p {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.feature-list li + li {
  margin-top: 2.6666666667vw;
}

@media screen and (min-width: 769px) {
  .feature-list li + li {
    margin-top: 20px;
  }
}
.beef-figure {
  margin: 0 auto;
  width: 69.6vw;
}

@media screen and (min-width: 769px) {
  .beef-figure {
    width: 522px;
  }
}
.tomahawk-box {
  margin: 0 auto;
  width: 80vw;
  background: #FFF;
  border-radius: 4vw;
  padding: 6.6666666667vw;
}

@media screen and (min-width: 769px) {
  .tomahawk-box {
    width: 800px;
    border-radius: 30px;
    padding: 50px;
  }
}
.tomahawk-box .t-title {
  color: #971341;
  font-size: 5.6vw;
  line-height: 1;
}

@media screen and (min-width: 769px) {
  .tomahawk-box .t-title {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
.tomahawk-box p {
  border-top: 1px solid #971341;
  margin-top: 4vw;
  margin-bottom: 4vw;
  padding-top: 2.6666666667vw;
  font-size: 3.4666666667vw;
}

@media screen and (min-width: 769px) {
  .tomahawk-box p {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 30px auto;
    padding-top: 20px;
  }
}
/*# sourceMappingURL=beef.css.map */