/* common class
---------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .pc-none {
    display: none !important;
  }
}
@media screen and (max-width: 768.99px) {
  .sp-none {
    display: none !important;
  }
}
.fnt-noto {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}

.anc-point {
  position: relative;
  top: -65px;
}
@media screen and (max-width: 768.99px) {
  .anc-point {
    top: calc(-50 / 3.75 * 1vw);
  }
}

main {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #000;
}
main .cm-cont-inner {
  margin: 0 auto;
  width: 1280px;
  padding: 0 80px;
  box-sizing: border-box;
}
@media screen and (max-width: 768.99px) {
  main .cm-cont-inner {
    width: 100%;
    padding: 0 calc(25 / 3.75 * 1vw);
  }
}
main ul {
  margin: 0;
  padding: 0;
}
main li {
  list-style: none;
}
main a {
  text-decoration: none;
}
main p {
  margin: 0;
}
main .cm-anc-nav-wrap {
  display: block;
  background: #AA0000;
  position: absolute;
  z-index: 1;
}
main .cm-anc-nav-wrap ul {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 90px;
  height: 65px;
  width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap ul {
    column-gap: normal;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
  }
}
main .cm-anc-nav-wrap ul li, main .cm-anc-nav-wrap ul li a {
  font-size: 18px;
  color: #fff;
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap ul li, main .cm-anc-nav-wrap ul li a {
    color: #E6AD5B;
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap ul li {
    border-bottom: 1px solid #E6AD5B;
  }
  main .cm-anc-nav-wrap ul li:last-child {
    border: none;
  }
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap ul a {
    padding: calc(24 / 3.75 * 1vw) 0;
    font-size: calc(20 / 3.75 * 1vw);
    font-weight: 500;
  }
}
main .cm-anc-nav-wrap.top {
  top: 802px;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap.top {
    top: calc(560 / 3.75 * 1vw);
    opacity: 0;
    transition: opacity .2s ease;
  }
}
main .cm-anc-nav-wrap.sub {
  top: 0;
  left: 0;
  width: 100%;
}
main .cm-anc-nav-wrap.fixed {
  position: fixed;
  top: 0;
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap.fixed {
    opacity: 1;
  }
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap .sp-gm-logo {
    text-align: center;
    margin: calc(20 / 3.75 * 1vw) 0;
  }
  main .cm-anc-nav-wrap .sp-gm-logo img {
    width: calc(210 / 3.75 * 1vw);
    height: auto;
  }
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap .sp-btn-oc {
    height: calc(50 / 3.75 * 1vw);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 calc(25 / 3.75 * 1vw);
  }
  main .cm-anc-nav-wrap .sp-btn-oc .btn-wrap .tri {
    display: block;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: calc(20 / 3.75 * 1vw);
    height: calc(20 / 3.75 * 1vw);
    transform: rotate(-45deg);
    margin-bottom: calc(15 / 3.75 * 1vw);
    transition: .5s ease;
  }
  main .cm-anc-nav-wrap .sp-btn-oc .btn-wrap.open .tri {
    transform: rotate(135deg);
    margin-bottom: 0;
    margin-top: calc(8 / 3.75 * 1vw);
  }
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap .sp-anc-wrap {
    overflow: hidden;
    height: 0;
    transition: .3s ease;
  }
  main .cm-anc-nav-wrap .sp-anc-wrap.open {
    height: calc(100svh - calc(50 / 3.75 * 1vw));
  }
}
@media screen and (max-width: 768.99px) {
  main .cm-anc-nav-wrap.sub .btn-wrap {
    display: flex;
    width: calc(25 / 3.75 * 1vw);
    height: calc(23 / 3.75 * 1vw);
    position: relative;
    transition: .3s ease;
  }
  main .cm-anc-nav-wrap.sub .btn-wrap span {
    position: absolute;
    border-top: 1px solid #fff;
    width: 100%;
    left: 0;
    transition: .3s ease;
  }
  main .cm-anc-nav-wrap.sub .btn-wrap span.line01 {
    top: 1px;
  }
  main .cm-anc-nav-wrap.sub .btn-wrap span.line02 {
    top: 50%;
  }
  main .cm-anc-nav-wrap.sub .btn-wrap span.line03 {
    bottom: 0;
  }
  main .cm-anc-nav-wrap.sub .btn-wrap.open .line01 {
    top: calc(2 / 3.75 * 1vw);
    left: calc(2 / 3.75 * 1vw);
    transform: rotate(45deg);
    transform-origin: top left;
  }
  main .cm-anc-nav-wrap.sub .btn-wrap.open .line02 {
    opacity: 0;
  }
  main .cm-anc-nav-wrap.sub .btn-wrap.open .line03 {
    bottom: calc(2 / 3.75 * 1vw);
    left: calc(2 / 3.75 * 1vw);
    transform: rotate(-45deg);
    transform-origin: bottom left;
  }
}

/* TOP
---------------------------------------------------------------------------- */
main.gram-main-wrap {
  position: relative;
}
main.gram-main-wrap .top-slide-wrap {
  visibility: hidden;
}
main.gram-main-wrap .top-slide-wrap.slick-initialized {
  visibility: visible;
}
main.gram-main-wrap .top-slide-wrap .slick-list {
  overflow: hidden !important;
}
main.gram-main-wrap .top-slide-wrap .slide-img {
  width: 100%;
  height: 802px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .top-slide-wrap .slide-img {
    height: calc(560 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .top-slide-wrap .slide-img picture {
  width: 100%;
  height: 100%;
}
main.gram-main-wrap .top-slide-wrap .slide-img picture img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 2100px) {
  main.gram-main-wrap .top-slide-wrap .slide-img picture img {
    object-position: center top;
  }
}
main.gram-main-wrap .h2-ttl {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .3em;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .h2-ttl {
    font-size: calc(20 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .h2-ttl span {
  border-bottom: 3px solid #AA0300;
  padding-left: .3em;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .h2-ttl span {
    border-bottom: calc(3 / 3.75 * 1vw) solid #AA0300;
  }
}
main.gram-main-wrap .block-intro {
  background: url("../images/block_intro_bg.png") center center/cover no-repeat;
  position: relative;
  padding-top: 108px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block-intro {
    padding: calc(62 / 3.75 * 1vw) 0 calc(120 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block-intro .breadcrumb-wrap ul {
  display: flex;
  color: #251E1C;
  font-size: 14px;
}
main.gram-main-wrap .block-intro .breadcrumb-wrap ul li a {
  color: #251E1C;
}
main.gram-main-wrap .block-intro .breadcrumb-wrap ul li::after {
  content: "/";
  padding: 0 .5em;
}
main.gram-main-wrap .block-intro .breadcrumb-wrap ul li:last-child::after {
  content: none;
}
main.gram-main-wrap .block-intro .flx-box {
  display: flex;
  padding: 82px 0 210px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block-intro .flx-box {
    flex-direction: column;
    align-items: center;
    padding: 0;
  }
}
main.gram-main-wrap .block-intro .flx-box h1 {
  margin: 18px 68px 0 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block-intro .flx-box h1 {
    margin: 0 0 calc(40 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block-intro .flx-box h1 img {
  width: 310px;
  height: auto;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block-intro .flx-box h1 img {
    width: calc(210 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block-intro .flx-box .txt-box {
  display: flex;
  flex-direction: column;
  row-gap: 2em;
}
main.gram-main-wrap .block-intro .flx-box .txt-box p {
  font-size: 18px;
  line-height: 38px;
  font-weight: 400;
  margin-left: 22px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block-intro .flx-box .txt-box p {
    font-size: calc(16 / 3.75 * 1vw);
    line-height: 2;
  }
}
main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box {
  border: 1px solid #C69247;
  background: #fff;
  padding: 21px;
  width: 706px;
  margin-top: 60px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box {
    width: 100%;
    margin-left: calc(-12 / 3.75 * 1vw);
    padding: calc(12 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box p {
    font-size: calc(16 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box p.title {
  font-size: 20px;
  color: #C69247;
  font-weight: 700;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box p.title {
    font-size: calc(17 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box p.link {
  margin-top: 1em;
}
main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box p.link a {
  color: #000;
}
main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box p.link a:visited {
  color: #AA0300;
}
main.gram-main-wrap .block-intro .flx-box .txt-box .topics-box p.link a:hover {
  color: #AA0300;
}
main.gram-main-wrap .block01 {
  padding: 90px 0 1px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 {
    padding: calc(60 / 3.75 * 1vw) 0 1px;
  }
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 .sp-full {
    padding: 0;
  }
}
main.gram-main-wrap .block01 .sub-lead {
  padding: 80px;
  text-align: center;
  font-size: 24px;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #AA0300;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 .sub-lead {
    padding: calc(30 / 3.75 * 1vw) 0 calc(40 / 3.75 * 1vw);
    font-size: calc(18 / 3.75 * 1vw);
    line-height: calc(30 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block01 .flx-box {
  display: flex;
  align-items: center;
  margin-bottom: 64px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 .flx-box {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: calc(45 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block01 .flx-box picture {
  width: 680px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 .flx-box picture {
    width: calc(320 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block01 .flx-box picture img {
  width: 680px;
  height: auto;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 .flx-box picture img {
    width: calc(320 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block01 .flx-box h3 {
  padding-left: 50px;
  font-size: 18px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: .06em;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 .flx-box h3 {
    padding-left: calc(25 / 3.75 * 1vw);
    font-size: calc(17 / 3.75 * 1vw);
    line-height: calc(32 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block01 .flx-box.rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 .flx-box.rev {
    flex-direction: column;
    align-items: flex-end;
  }
}
main.gram-main-wrap .block01 .flx-box.rev h3 {
  padding: 0 50px 0 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block01 .flx-box.rev h3 {
    width: calc(100% - calc(55 / 3.75 * 1vw));
    padding: 0 0 0 calc(55 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 {
  padding: 90px 0 1px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 {
    padding: calc(60 / 3.75 * 1vw) 0 1px;
  }
}
main.gram-main-wrap .block02 .flx-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box {
    margin-top: calc(40 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box {
  margin-bottom: 86px;
  width: 522px;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  padding-top: 50px;
  height: 350px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box {
    margin-bottom: calc(90 / 3.75 * 1vw);
    width: 100%;
    flex-direction: column-reverse;
    height: auto;
    padding: 0;
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box {
  flex: 1;
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box h3 {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
  font-weight: 900;
  color: #AA0300;
  line-height: 1;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box h3 {
    position: static;
    font-size: calc(28 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
    line-height: calc(35 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box p {
  font-size: 18px;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box p {
    font-size: calc(18 / 3.75 * 1vw);
    margin-bottom: calc(30 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box {
    position: static;
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box h4 {
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  margin: 0 0 .5em;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box h4 {
    font-size: calc(16 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-use {
  width: 100%;
  border: 1px solid #575757;
  display: flex;
  margin: 0;
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-use dt {
  display: flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  width: 68px;
  font-size: 16px;
  color: #fff;
  background: #575757;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-use dt {
    height: calc(58 / 3.75 * 1vw);
    width: calc(58 / 3.75 * 1vw);
    font-size: calc(16 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-use dd {
  font-size: 16px;
  display: flex;
  height: 38px;
  align-items: center;
  flex: 1;
  margin: 0 0 0 1em;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-use dd {
    font-size: calc(16 / 3.75 * 1vw);
    height: calc(58 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box {
    flex-direction: column;
    row-gap: calc(12 / 3.75 * 1vw);
    margin-top: calc(12 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box .txt-pack {
  width: 250px;
  border: 1px solid #575757;
  margin: .8em 0 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box .txt-pack {
    width: 100%;
    margin: 0;
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box .txt-pack dt {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 16px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box .txt-pack dt {
    height: calc(36 / 3.75 * 1vw);
    font-size: calc(16 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box .txt-pack dd {
  color: #fff;
  background: #575757;
  font-size: 16px;
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box .txt-pack dd {
    height: calc(36 / 3.75 * 1vw);
    font-size: calc(16 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box .txt {
  background: #E0E0E0;
  font-size: 16px;
  display: flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  width: 250px;
  margin: .8em 0 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box .txt-box .txt-spec-box .txt-pack-box .txt {
    height: calc(36 / 3.75 * 1vw);
    font-size: calc(16 / 3.75 * 1vw);
    width: 100%;
    margin: 0;
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box figure {
  width: 252px;
  margin: 0 25px 0 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box figure {
    width: calc(268 / 3.75 * 1vw);
    margin: 0 auto calc(20 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box figure img {
  width: 100%;
  height: auto;
}
main.gram-main-wrap .block02 .flx-box .item-flx-box.notic {
  border: 1px solid #707070;
  padding: 50px 20px 50px 40px;
  box-sizing: border-box;
  height: 400px;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box.notic {
    height: auto;
    padding: calc(25 / 3.75 * 1vw) calc(25 / 3.75 * 1vw) calc(40 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box.notic h3 {
  position: static;
  margin-bottom: 1em;
}
main.gram-main-wrap .block02 .flx-box .item-flx-box.notic p {
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 768.99px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box.notic p {
    font-size: calc(18 / 3.75 * 1vw);
  }
}
main.gram-main-wrap .block02 .flx-box .item-flx-box.notic p span {
  display: inline-block;
  transform: rotate(90deg);
  position: relative;
  top: .1em;
}
@media screen and (min-width: 769px) {
  main.gram-main-wrap .block02 .flx-box .item-flx-box.large {
    width: 100%;
    margin-bottom: 94px;
    padding: 0;
    justify-content: space-between;
    height: 350px;
  }
  main.gram-main-wrap .block02 .flx-box .item-flx-box.large.rev {
    flex-direction: row;
  }
  main.gram-main-wrap .block02 .flx-box .item-flx-box.large .txt-box {
    display: flex;
    flex-direction: column;
    flex: none;
    width: 522px;
  }
  main.gram-main-wrap .block02 .flx-box .item-flx-box.large .txt-box h3 {
    position: static;
    margin-bottom: .8em;
  }
  main.gram-main-wrap .block02 .flx-box .item-flx-box.large .txt-box .txt-spec-box {
    margin: auto 0 0;
    position: static;
  }
  main.gram-main-wrap .block02 .flx-box .item-flx-box.large figure {
    width: 490px;
    margin: auto 0 0;
    padding: 0 20px;
  }
  main.gram-main-wrap .block02 .flx-box .item-flx-box.large figure img {
    width: 100%;
    height: auto;
  }
}

aside.gram-aside-wrap .recipe-wrap {
  background: url("../images/bg_recipe.png") center center/cover no-repeat;
  padding: 80px 0 110px;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .recipe-wrap {
    padding: calc(35 / 3.75 * 1vw) 0 0;
  }
}
aside.gram-aside-wrap .recipe-wrap h2 {
  color: #fff;
  text-align: center;
  margin: 0 0 70px;
  padding: 0;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .3em;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .recipe-wrap h2 {
    margin: 0 0 calc(55 / 3.75 * 1vw);
    font-size: calc(20 / 3.75 * 1vw);
  }
}
aside.gram-aside-wrap .recipe-wrap h2 span {
  border-bottom: 3px solid #fff;
  padding-left: .5em;
  padding-bottom: .3em;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .recipe-wrap h2 span {
    border-bottom: calc(3 / 3.75 * 1vw) solid #fff;
  }
}
aside.gram-aside-wrap .recipe-wrap .flx-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 34px;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .recipe-wrap .flx-box {
    flex-direction: column;
    row-gap: 0;
  }
}
aside.gram-aside-wrap .recipe-wrap .flx-box::after {
  content: "";
  display: block;
  visibility: hidden;
  width: 350px;
  height: 0;
}
aside.gram-aside-wrap .recipe-wrap .flx-box .link-box {
  background: #fff;
  width: 350px;
  padding: 20px 20px 0;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .recipe-wrap .flx-box .link-box {
    width: 100%;
    padding: calc(20 / 3.75 * 1vw) calc(20 / 3.75 * 1vw) 0;
    margin-bottom: calc(25 / 3.75 * 1vw);
  }
}
aside.gram-aside-wrap .recipe-wrap .flx-box .link-box figure {
  margin: 0;
}
aside.gram-aside-wrap .recipe-wrap .flx-box .link-box figure figcaption {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin: 25px 0;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .recipe-wrap .flx-box .link-box figure figcaption {
    font-size: calc(20 / 3.75 * 1vw);
    margin: calc(25 / 3.75 * 1vw) 0;
  }
}
aside.gram-aside-wrap .recipe-wrap .flx-box .link-box.current {
  pointer-events: none;
}
aside.gram-aside-wrap .recipe-wrap .flx-box .link-box.current::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
aside.gram-aside-wrap .contact-wrap {
  background: rgba(249, 235, 204, 0.5);
  padding: 70px 0 95px;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .contact-wrap {
    padding: calc(50 / 3.75 * 1vw) 0;
  }
}
aside.gram-aside-wrap .contact-wrap .cm-cont-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
aside.gram-aside-wrap .contact-wrap .cm-cont-inner h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .contact-wrap .cm-cont-inner h3 {
    font-size: calc(20 / 3.75 * 1vw);
    line-height: calc(27 / 3.75 * 1vw);
  }
}
aside.gram-aside-wrap .contact-wrap .cm-cont-inner .open-txt {
  font-size: 21px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: .06em;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .contact-wrap .cm-cont-inner .open-txt {
    font-size: calc(16 / 3.75 * 1vw);
    line-height: calc(27 / 3.75 * 1vw);
  }
}
aside.gram-aside-wrap .contact-wrap .cm-cont-inner .email-txt {
  font-size: 21px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: .06em;
  text-align: center;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .contact-wrap .cm-cont-inner .email-txt {
    font-size: calc(16 / 3.75 * 1vw);
    line-height: calc(27 / 3.75 * 1vw);
  }
}
aside.gram-aside-wrap .contact-wrap .cm-cont-inner .email-txt span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: .06em;
}
@media screen and (max-width: 768.99px) {
  aside.gram-aside-wrap .contact-wrap .cm-cont-inner .email-txt span {
    font-size: calc(16 / 3.75 * 1vw);
    line-height: calc(27 / 3.75 * 1vw);
    font-weight: 500;
  }
}

main.gram-sub-wrap {
  position: relative;
}
main.gram-sub-wrap .breadcrumb-wrap ul {
  display: flex;
  color: #251E1C;
  font-size: 14px;
  padding-top: 100px;
}
main.gram-sub-wrap .breadcrumb-wrap ul li a {
  color: #251E1C;
}
main.gram-sub-wrap .breadcrumb-wrap ul li::after {
  content: "/";
  padding: 0 .5em;
}
main.gram-sub-wrap .breadcrumb-wrap ul li:last-child::after {
  content: none;
}
main.gram-sub-wrap .block-sub {
  padding: 60px 0 110px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub {
    padding: calc(80 / 3.75 * 1vw) 0 calc(60 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub h1 {
  color: #AA0300;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: .03em;
  margin: 0 0 .3em;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub h1 {
    font-size: calc(38 / 3.75 * 1vw);
    line-height: calc(46 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .sub-lead {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 60px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .sub-lead {
    font-size: calc(16 / 3.75 * 1vw);
    margin-bottom: calc(50 / 3.75 * 1vw);
    line-height: calc(30 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-box {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-box {
    flex-direction: column;
  }
}
main.gram-sub-wrap .block-sub .flx-box figure {
  width: 700px;
  height: auto;
  margin: 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-box figure {
    width: 100%;
    margin: 0 0 calc(25 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-box figure img {
  width: 100%;
  height: auto;
}
main.gram-sub-wrap .block-sub .flx-box .info-box {
  width: 350px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-box .info-box {
    width: 100%;
  }
}
main.gram-sub-wrap .block-sub .flx-box .info-box .txt-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #707070;
  padding: 30px 25px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-box .info-box .txt-box {
    padding: calc(20 / 3.75 * 1vw) calc(30 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-box .info-box .txt-box h2 {
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 1em;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-box .info-box .txt-box h2 {
    font-size: calc(18 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-box .info-box .txt-box figure {
  width: 230px;
  margin: 0 0 20px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-box .info-box .txt-box figure {
    width: calc(160 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-box .info-box .txt-box p {
  font-size: 18px;
  font-weight: 700;
  width: 100%;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-box .info-box .txt-box p {
    font-size: calc(16 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-box .info-box .notice {
  font-size: 17px;
  font-weight: 300;
  margin-top: 1em;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-box .info-box .notice {
    font-size: calc(17 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 80px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap {
    flex-direction: column;
    padding-top: calc(60 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap.with-cap {
  padding-top: 30px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap.with-cap {
    padding-top: calc(30 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap.with-cap .caption {
  font-size: 17px;
  font-weight: 300;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap.with-cap .caption {
    font-size: calc(17 / 3.75 * 1vw);
    margin-bottom: calc(30 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box {
  flex-direction: column;
  justify-content: flex-start;
  width: 515px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box {
    width: 100%;
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list-title {
  border-bottom: 3px solid #AA0300;
  font-size: 22px;
  font-weight: 500;
  padding-bottom: .5em;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list-title {
    border-bottom: calc(3 / 3.75 * 1vw) solid #AA0300;
    font-size: calc(20 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list-title .txt01 {
  margin: 0 0 0 auto;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list-title .txt02 {
  width: 80px;
  text-align: right;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list-title .txt02 {
    width: calc(50 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D6D6D6;
  margin: 0;
  padding: 1em 0;
  font-size: 18px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list {
    font-size: calc(18 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list dt {
  font-weight: 700;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list dt span {
  font-weight: 300;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list dd:last-child {
  text-align: right;
  width: 100px;
  margin: 0;
  font-weight: 400;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list dd:last-child {
    width: calc(50 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list dd:nth-of-type(1) {
  margin: 0 0 0 auto;
  font-weight: 400;
  width: auto;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list.mbnb {
  border: none;
  margin-bottom: 50px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .spec-list.mbnb {
    margin-bottom: calc(30 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .txt-sub-title {
  font-size: 18px;
  font-weight: 700;
  margin: .5em 0 .3em;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .txt-sub-title {
    font-size: calc(18 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .txt-sub-title.narr {
  font-weight: 400;
  margin: .5em 0 -.5em;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .txt-total {
  font-size: 18px;
  font-weight: 700;
  margin: 1.5em 0 0;
  text-align: right;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box .txt-total {
    font-size: calc(18 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right {
  width: 520px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right {
    width: 100%;
    margin-top: calc(80 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how {
  display: flex;
  margin: 0;
  padding: 1em 0 0;
  line-height: 2;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how {
    flex-direction: column;
    font-size: calc(16 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how dt {
  width: 170px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how dt {
    width: 100%;
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how dd {
  margin: 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how dd {
    width: 100%;
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how dd strong {
  font-weight: 700;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how.mb {
  margin-bottom: 90px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how.mb {
    margin-bottom: 1em;
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how.mb-mid {
  margin-bottom: 50px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .how.mb-mid {
    margin-bottom: 1em;
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .bg-glay {
  display: flex;
  align-items: center;
  background: #EDEDED;
  margin: .2em 0;
  padding: 20px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .bg-glay {
    flex-wrap: wrap;
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .bg-glay dt {
  width: 150px;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .bg-glay dt {
    width: auto;
    font-size: calc(18 / 3.75 * 1vw);
    margin-right: calc(25 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .bg-glay dd {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .bg-glay dd {
    font-size: calc(16 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul li {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 2em;
  line-height: 41px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul li {
    font-size: calc(18 / 3.75 * 1vw);
    line-height: calc(36 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul li strong {
  font-weight: 700;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul.type02 {
  margin-top: 3em;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul.type02 .ttl {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 1em;
  line-height: 41px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul.type02 .ttl {
    font-size: calc(18 / 3.75 * 1vw);
    line-height: calc(36 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul.type02 .ind-txt {
  font-size: 18px;
  text-indent: -2em;
  padding-left: 2em;
  margin-bottom: 0;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul.type02 .ind-txt {
    font-size: calc(16 / 3.75 * 1vw);
    line-height: 2;
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul.type02.wide {
  margin-top: .8em;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right ul.type02.wide .ind-txt {
  margin-bottom: 2em;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .txt02 {
  font-size: 18px;
  margin-bottom: 1em;
  line-height: 2;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .txt02 {
    font-size: calc(16 / 3.75* 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .txt02.txt-ind01 {
  text-indent: -1em;
  padding-left: 1em;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .txt02.txt-ind02 {
  text-indent: -2em;
  padding-left: 2em;
}
main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .txt02.mb {
  margin-bottom: 50px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-spec-wrap .flx-box.right .txt02.mb {
    margin-bottom: 2em;
  }
}
main.gram-sub-wrap .block-sub .flx-memo-wrap {
  margin: 85px 0 0;
  border: 2px solid #707070;
  border-radius: 36px;
  padding: 35px 45px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-memo-wrap {
    flex-direction: column;
    margin: calc(53 / 3.75 * 1vw) 0 0;
    border: 1px solid #707070;
    border-radius: calc(16 / 3.75 * 1vw);
    padding: calc(25 / 3.75 * 1vw) calc(15 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-memo-wrap .txt-box {
  display: flex;
  flex-direction: column;
}
main.gram-sub-wrap .block-sub .flx-memo-wrap .txt-box h3 {
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 30px;
  line-height: 1;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-memo-wrap .txt-box h3 {
    font-size: calc(24 / 3.75 * 1vw);
    margin: 0 0 calc(25 / 3.75 * 1vw);
    text-align: center;
  }
}
main.gram-sub-wrap .block-sub .flx-memo-wrap .txt-box p {
  font-size: 18px;
  font-weight: 300;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-memo-wrap .txt-box p {
    font-size: calc(18 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-memo-wrap .txt-box p.mb {
  margin-bottom: 40px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-memo-wrap .txt-box p.mb {
    margin-bottom: calc(30 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-memo-wrap figure {
  width: 464px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-memo-wrap figure {
    width: 100%;
    margin: calc(20 / 3.75 * 1vw) 0 0;
  }
}
main.gram-sub-wrap .block-sub .flx-factory-wrap {
  margin-top: 90px;
  background: #EDEDED;
  padding: 30px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-factory-wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: calc(20 / 3.75 * 1vw) calc(15 / 3.75 * 1vw);
    margin-top: calc(53 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-factory-wrap figure {
  margin: 0;
  width: 480px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-factory-wrap figure {
    order: 2;
    width: 100%;
  }
}
main.gram-sub-wrap .block-sub .flx-factory-wrap .txt-box {
  margin-left: 40px;
  flex: 1;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-factory-wrap .txt-box {
    margin: 0;
    flex: none;
    order: 1;
  }
}
main.gram-sub-wrap .block-sub .flx-factory-wrap .txt-box .label {
  display: inline;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: .5em .8em;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-factory-wrap .txt-box .label {
    font-size: calc(15 / 3.75 * 1vw);
  }
}
main.gram-sub-wrap .block-sub .flx-factory-wrap .txt-box h3 {
  font-size: 25px;
  font-weight: 600;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-factory-wrap .txt-box h3 {
    font-size: calc(20 / 3.75 * 1vw);
    margin: .7em 0;
  }
}
main.gram-sub-wrap .block-sub .flx-factory-wrap .txt {
  font-size: 18px;
  font-weight: 300;
  line-height: 40px;
}
@media screen and (max-width: 768.99px) {
  main.gram-sub-wrap .block-sub .flx-factory-wrap .txt {
    order: 3;
    font-size: calc(16 / 3.75 * 1vw);
    line-height: 1.75;
    margin-top: .7em;
  }
}