@charset "utf-8";
@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Regular.woff") format("woff2");
}
@font-face {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff2");
}
@font-face {
  font-family: "Lander";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/Lander/LanderGrande-Bold.woff") format("woff2");
}
@font-face {
  font-family: "Lander Tall";
  font-style: normal;
  font-weight: 900;
  src: url("/common/fonts/Lander/LanderTall-Black.woff") format("woff2");
}

* {
  box-sizing: border-box;
}

body {
  font-size: 100%;
}


.ContentsBox img,
.bnrBox img {
  width: 100%;
  height: auto;
}

h2, h3 {
  margin: 0;
}

p {
  margin: 0;
  letter-spacing: 0;
}
a:hover {
  opacity: 0.75;
}
.contentswrap {
  overflow: hidden;
}

@media print, screen and (min-width: 1024px) {
  .mod-sp {
    display: none;
  }
}
@media print, screen and (max-width: 1023px) {
 .mod-pc {
    display: none;
  }
  .mainContentsIn {
    overflow: hidden;
  }
}

/* +++++ common parts +++++ */
.section_inner {
  width: calc(1140/1440*100vw);
  margin: 0 auto;
}

.ttl_h2 {
  font-family: "Lander Tall";
  font-style: normal;
  font-weight: 900;
  font-size: calc(72/1440*100vw);
  line-height: calc(48 / 72);
  /* letter-spacing: 0.03em; */
  text-align: center;
  color: #003529;
  margin-bottom: calc(41/1440*100vw);
}
.ttl_h2 span {
  display: block;
  font-family: "Lander Tall";
  font-style: normal;
  font-weight: 900;
  font-size: calc(45/1440*100vw);
  line-height: calc(48 / 45);
  letter-spacing: 0.01em;
  text-align: center;
  color: #003529;
  margin-bottom: calc(14/1440*100vw);
}
.lead_txt {
  font-family: "Noto Serif JP", serif;
  font-size: calc(32/1440*100vw);
  line-height: calc(48/32);
  font-weight: 600;
  text-align: center;
  color: #003529;
}


.flex_wrap {
  display: flex;
}
._item ._name a {
  font-size: calc(28/1440*100vw);
  font-weight: 500;
  line-height: calc(40 / 28);
  color: rgba(0, 0, 0, .87);
}
._item._white ._name a {
  color: #fff;
}

._item ._quantity {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  font-size: calc(20/1440*100vw);
  line-height: calc(40 / 20);
  color: rgba(0, 0, 0, .87);
}

._item ._price {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  font-size: calc(28/1440*100vw);
  line-height: calc(40 / 28);
  color: rgba(0, 0, 0, .87);
}
._item._white ._price {
  color: #fff;
}

._item ._text {
  font-size: calc(24/1440*100vw);
  font-weight: 500;
  line-height: calc(36 / 24);
  color: #003529;
}
._item ._text02 {
  font-size: calc(20/1440*100vw);
  font-weight: 500;
  line-height: calc(40.04 / 20);
  color: rgba(0, 0, 0, .87);
}


._item ._btn {
  background-color: #003529;
  border-radius: calc(44/1440*100vw);
}
._item ._btn a {
  display: block;
  font-size: calc(22/1440*100vw);
  font-weight: bold;
  color: #e1ecb7;
  text-align: center;
  padding: calc(24/1440*100vw) 0 calc(25/1440*100vw);
}
._item._white ._btn {
  background-color: #fff;
}
._item._white ._btn a {
  color: #bb774b;
  padding: calc(21/1440*100vw) 0 calc(25/1440*100vw);
}

._item._white ._notes {
  color: #fff;
}
._item._white ._notes li {
  line-height: calc(20/12);
  text-indent: -1em;
  padding-left: 1em;
}

.other_btn {
  width: calc(400 / 1440 * 100vw);
  border: 2px solid #003529;
  border-radius: calc(44/1440*100vw);
  margin: 0 auto;
}
.other_btn a {
  display: block;
  font-feature-settings: "palt";
  font-size: calc(22/1440*100vw);
  font-weight: 500;
  color: #003529;
  text-align: center;
  padding: calc(24/1440*100vw) 0 calc(25/1440*100vw);
}

.other_link {
  width: fit-content;
  margin: 0 auto;
}
.other_link a {
  display: block;
  font-size: calc(22/1440*100vw);
  font-weight: 500;
  color: #003529;
  border-bottom: 2px solid #003529;
  padding-bottom: calc(10 / 1440 * 100vw);
}
.other_link a._white {
  color: #fff;
  border-bottom: 1px solid #fff;
}


@media print, screen and (max-width: 1023px) {
  .section_inner {
    width: calc(652/750*100vw);
  }
  
  .ttl_h2 {
    font-size: calc(90/750*100vw);
    line-height: calc(60 / 90);
    /* letter-spacing: 0.03em; */
    margin-bottom: calc(54/750*100vw);
  }
  .ttl_h2 span {
    font-size: calc(56/750*100vw);
    line-height: calc(60 / 56);
    letter-spacing: 0.01em;
    margin-bottom: calc(18/750*100vw);
  }
  .lead_txt {
    font-size: calc(40/750*100vw);
    line-height: calc(60/40);
  }
  
  
  .flex_wrap {
    display: flex;
  }

  ._item ._name a {
    font-size: calc(36/750*100vw);
    line-height: calc(48 / 36);
  }

  ._item ._quantity {
    font-size: calc(24/750*100vw);
    line-height: calc(40 / 24);
  }
  
  ._item ._price {
    font-size: calc(36/750*100vw);
    line-height: calc(48 / 36);
  }
 
  
  ._item ._text {
    font-size: calc(26/750*100vw);
    line-height: calc(40 / 26);
  }
  ._item ._text02 {
    font-size: calc(26/750*100vw);
    line-height: calc(40 / 26);
  }
  
  
  ._item ._btn {
    background-color: #003529;
    border-radius: calc(50/750*100vw);
  }
  ._item ._btn a {
    font-size: calc(30.76/750*100vw);
    padding: calc(35/750*100vw) 0 calc(32/750*100vw);
  }
 
  ._item._white ._btn a {
    color: #bb774b;
    padding: calc(35/750*100vw) 0 calc(32/750*100vw);
  }
  

  ._item._white ._notes li {
    font-size: calc(20/750*100vw);
    line-height: calc(28/20);
  }
  
  .other_btn {
    width: calc(476 / 750 * 100vw);
    border: calc(2 / 750 * 100vw) solid #003529;
    border-radius: calc(47/750*100vw);
  }
  .other_btn a {
    font-size: calc(29/750*100vw);
    padding: calc(24/750*100vw) 0 calc(25/750*100vw);
  }

  .other_link a {
    font-size: calc(28/750*100vw);
    border-bottom: calc(2 / 750 * 100vw) solid #003529;
    padding-bottom: calc(10 / 750 * 100vw);
  }
  .other_link a._white {
    color: #fff;
    border-bottom: calc(4 / 750 * 100vw) solid #fff;
  }
}


/* +++++ sectionKv +++++ */
.sectionKv {
  position: relative;
}
.sectionKv_link01 {
  position: absolute;
  top: calc(219 / 1440 * 100vw);
  left: calc(229 / 1440 * 100vw);
  width: calc(359 / 1440 * 100vw);
  height: calc(459 / 1440 * 100vw);
}
.sectionKv_link02 {
  position: absolute;
  top: calc(92 / 1440 * 100vw);
  left: calc(952 / 1440 * 100vw);
  width: calc(255 / 1440 * 100vw);
  height: calc(600 / 1440 * 100vw);
}

/* +++++ sectionIngre +++++ */
.sectionIngre {
  background: url(/cafe/gyokuromatcha/images/bg_01_pc.webp) center / cover no-repeat;
  height: calc(2933/1440*100vw);
}


.sectionIngre__ttlImg {
  width: calc(481/1440*100vw);
  padding: calc(85/1440*100vw) 0 calc(149/1440*100vw);
  margin: 0 auto;
}

.sectionIngre__ttl {
  font-family: "Noto Serif JP", serif;
  font-size: calc(44/1440*100vw);
  font-weight: 600;
  line-height: calc(70 / 44);
  text-align: center;
  color: #e1ecb7;
  margin-bottom: calc(48/1440*100vw);
}

.sectionIngre__txt {
  font-family: "Noto Serif JP", serif;
  font-size: calc(22/1440*100vw);
  font-weight: 500;
  line-height: calc(46 / 22);
  text-align: center;
  color: #e1ecb7;
  padding-bottom: calc(159/1440*100vw);
}

.sectionIngre__bevtxt__ttl {
  font-family: "Noto Serif JP", serif;
  font-size: calc(28/1440*100vw);
  font-weight: 600;
  line-height: calc(46 / 28);
  letter-spacing: 0.02em;
  color: #e1ecb7;
  margin-bottom: calc(12/1440*100vw);
}
.sectionIngre__bevtxt__txt {
  font-family: "Noto Serif JP", serif;
  font-size: calc(20/1440*100vw);
  font-weight: 500;
  line-height: calc(32 / 20);
  letter-spacing: 0.01em;
  color: #e1ecb7;
}
.sectionIngre__bevtxt {
  position: relative;
  width: fit-content;
}
.sectionIngre__bevtxt._01 {
  left: calc(256/1440*100vw);
  padding-bottom: calc(148/1440*100vw);
}
.sectionIngre__bevtxt._02 {
  left: calc(373/1440*100vw);
  padding-bottom: calc(169/1440*100vw);
}
.sectionIngre__bevtxt._03 {
  left: calc(625/1440*100vw);
  padding-bottom: calc(188/1440*100vw);
}
.sectionIngre__bevtxt._04 {
  left: calc(586/1440*100vw);
  padding-bottom: calc(140/1440*100vw);
}
.sectionIngre__bevtxt_note {
  font-family: "Noto Serif JP", serif;
  font-size: calc(16/1440*100vw);
  font-weight: 400;
  line-height: calc(24 / 16);
  letter-spacing: 0.01em;
  color: #e1ecb7;
  margin-top: calc(7/1440*100vw);
}

.sectionIngre__bev__wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: calc(128/1440*100vw);
}
.sectionIngre__bev__item {
  width: calc(309.98/1440*100vw);
}

.sectionIngre__bev__item .sectionIngre__bev__img {
  margin: 0 auto;
}
.sectionIngre__bev__item._01 .sectionIngre__bev__img {
  width: calc(168/1440*100vw);
  margin-bottom: calc(28/1440*100vw);
}
.sectionIngre__bev__item._02 .sectionIngre__bev__img {
  position: relative;
  top: calc(5/1440*100vw);
  left: calc(39/1440*100vw);
  width: calc(235/1440*100vw);
  margin-bottom: calc(39/1440*100vw);
}

.sectionIngre__bev__name {
  width: fit-content;
  font-size: calc(24/1440*100vw);
  line-height: calc(32.1/24);
  font-weight: 500;
  color: #fff;
}
.sectionIngre__bev__item._01 .sectionIngre__bev__name {
  padding-left: calc(15/1440*100vw);
}
.sectionIngre__bev__item._02 .sectionIngre__bev__name {
  padding-left: calc(29/1440*100vw);
}

.sectionIngre__bev__price {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  width: fit-content;
  font-size: calc(24/1440*100vw);
  color: #fff;
  padding-left: calc(15/1440*100vw);
}
.sectionIngre__bev__price span {
  padding-right: calc(19/1440*100vw);
}
.sectionIngre__bev__item._01 .sectionIngre__bev__price {
  padding-left: calc(15/1440*100vw);
}
.sectionIngre__bev__item._02 .sectionIngre__bev__price {
  padding-left: calc(29/1440*100vw);
}

.sectionIngre__bev__btn {
  background-color: #e1ecb7;
  border-radius: calc(34/1440*100vw);
  margin-left: calc(6/1440*100vw);
  margin-top: calc(13/1440*100vw);
}
.sectionIngre__bev__btn a {
  display: block;
  font-size: calc(22/1440*100vw);
  font-weight: bold;
  color: #003529;
  text-align: center;
  padding: calc(20/1440*100vw) 0 calc(25/1440*100vw);
}

@media print, screen and (max-width: 1023px) {
  .sectionKv_link01 {
    position: absolute;
    top: calc(244 / 750 * 100vw);
    left: calc(84 / 750 * 100vw);
    width: calc(290 / 750 * 100vw);
    height: calc(385 / 750 * 100vw);
  }
  .sectionKv_link02 {
    position: absolute;
    top: calc(118 / 750 * 100vw);
    left: calc(446 / 750 * 100vw);
    width: calc(218 / 750 * 100vw);
    height: calc(517 / 750 * 100vw);
  }

  .sectionIngre {
    background: url(/cafe/gyokuromatcha/images/bg_01_sp.webp) center / cover no-repeat;
    height: calc(4827/750*100vw);
  }
  
  .sectionIngre__ttlImg {
    width: calc(483/750*100vw);
    padding: calc(85/750*100vw) 0 calc(218/750*100vw);
  }
  
  .sectionIngre__ttl {
    font-size: calc(48/750*100vw);
    line-height: calc(80 / 48);
    margin-bottom: calc(48/750*100vw);
  }
  
  .sectionIngre__txt {
    font-size: calc(28/750*100vw);
    line-height: calc(60 / 28);
    padding-bottom: calc(220/750*100vw);
  }
  
  .sectionIngre__bevtxt__ttl {
    font-size: calc(32/750*100vw);
    line-height: calc(46 / 32);
    margin-bottom: calc(12/750*100vw);
  }
  .sectionIngre__bevtxt__txt {
    font-size: calc(24/750*100vw);
    line-height: calc(38 / 24);
  }
  .sectionIngre__bevtxt {
    position: relative;
    width: fit-content;
  }
  .sectionIngre__bevtxt._01 {
    left: calc(6/750*100vw);
    padding-bottom: calc(292/750*100vw);
  }
  .sectionIngre__bevtxt._02 {
    left: calc(48/750*100vw);
    padding-bottom: calc(167/750*100vw);
  }
  .sectionIngre__bevtxt._03 {
    left: calc(372/750*100vw);
    padding-bottom: calc(310/750*100vw);
  }
  .sectionIngre__bevtxt._04 {
    left: calc(321/750*100vw);
    padding-bottom: calc(157/750*100vw);
  }
  .sectionIngre__bevtxt_note {
    font-size: calc(20/750*100vw);
    line-height: calc(28 / 20);
    text-indent: -1em;
    padding-left: 1em;
    margin-top: calc(21/750*100vw);
  }
  
  .sectionIngre__bev__wrap {
    flex-direction: column;
    align-items: center;
    gap: calc(142/750*100vw);
  }
  .sectionIngre__bev__item {
    width: calc(480/750*100vw);
  }
  
  .sectionIngre__bev__item .sectionIngre__bev__img {
    margin: 0 auto;
  }
  .sectionIngre__bev__item._01 .sectionIngre__bev__img {
    width: calc(248/750*100vw);
    margin-bottom: calc(52/750*100vw);
  }
  .sectionIngre__bev__item._02 .sectionIngre__bev__img {
    position: relative;
    top: calc(5/750*100vw);
    left: calc(47/750*100vw);
    width: calc(348/750*100vw);
    margin-bottom: calc(49/750*100vw);
  }
  
  .sectionIngre__bev__name {
    width: fit-content;
    font-size: calc(36/750*100vw);
    line-height: calc(48/36);
  }
  .sectionIngre__bev__item._01 .sectionIngre__bev__name {
    padding-left: calc(9/750*100vw);
  }
  .sectionIngre__bev__item._02 .sectionIngre__bev__name {
    padding-left: calc(9/750*100vw);
  }
  
  .sectionIngre__bev__price {
    width: fit-content;
    font-size: calc(36/750*100vw);
    line-height: calc(48 / 36);
    padding-left: calc(15/750*100vw);
  }
  .sectionIngre__bev__price span {
    padding-right: calc(19/750*100vw);
  }
  .sectionIngre__bev__item._01 .sectionIngre__bev__price {
    margin-top: calc(17/750*100vw);
    padding-left: calc(11/750*100vw);
  }
  .sectionIngre__bev__item._02 .sectionIngre__bev__price {
    margin-top: calc(17/750*100vw);
    padding-left: calc(11/750*100vw);
  }
  
  .sectionIngre__bev__btn {
    border-radius: calc(52/750*100vw);
    margin-left: calc(6/750*100vw);
    margin-top: calc(33/750*100vw);
  }
  .sectionIngre__bev__btn a {
    font-size: calc(32/750*100vw);
    padding: calc(34/750*100vw) 0 calc(33/750*100vw);
  }
}

/* +++++ sectionKomekoji +++++ */
.sectionKomekoji {
  background: url(/cafe/gyokuromatcha/images/bg_02_pc.webp) center / cover no-repeat;
  height: calc(1500/1440*100vw);
}

.sectionKomekoji .section_inner {
  position: relative;
}

.sectionKomekoji_content {
  margin-bottom: calc(237/1440*100vw);
}

.sectionKomekoji__ttl {
  font-family: "Lander Tall";
  font-style: normal;
  font-size: calc(40.94/1440*100vw);
  font-weight: 900;
  line-height: calc(55 / 40.94);
  text-align: center;
  color: #fff;
  padding-top: calc(87/1440*100vw);
}
.sectionKomekoji__ttl span {
  position: relative;
  left: calc(-9/1440*100vw);
  display: block;
  font-size: calc(65.79/1440*100vw);
  font-weight: 900;
  line-height: 1;
  color: #fff;
  padding: calc(6/1440*100vw) 0 calc(10/1440*100vw);
}

.sectionKomekoji__txt {
  font-family: "Noto Serif JP", serif;
  font-size: calc(22/1440*100vw);
  font-weight: 600;
  line-height: calc(40 / 22);
  text-align: center;
  color: #fff;
  margin-top: calc(22/1440*100vw);
}

.sectionKomekoji__link {
  display: block;
  position: absolute;
  top: calc(460/1440*100vw);
  left: calc(300/1440*100vw);
  width: calc(360/1440*100vw);
  height: calc(345/1440*100vw);
}

.sectionKomekoji ._item {
  position: relative;
  left: calc(722/1440*100vw);
  width: fit-content;
  margin-top: calc(96/1440*100vw);
}
.sectionKomekoji ._item._white ._name {
  margin-bottom: calc(6/1440*100vw);
}
.sectionKomekoji ._item._white ._price {
  padding-left: calc(4/1440*100vw);
  margin-bottom: calc(13/1440*100vw);
}
.sectionKomekoji ._item._white ._price span {
  margin-right: calc(21/1440*100vw);
}
.sectionKomekoji ._item._white ._btn {
  width: calc(309.98/1440*100vw);
  margin: calc(33/1440*100vw) 0 0 calc(-6/1440*100vw);
}

.sectionKomekoji .other_btn {
  border: 1px solid #fff;
  border-radius: calc(44 / 1440 * 100vw);
  margin: 0 auto calc(38 / 1440 * 100vw);
}
.sectionKomekoji .other_btn a {
  display: block;
  font-size: calc(22 / 1440 * 100vw);
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.05em;
  padding: calc(21 / 1440 * 100vw) 0 calc(25 / 1440 * 100vw);
}


@media print, screen and (max-width: 1023px) {
  .sectionKomekoji {
    background: url(/cafe/gyokuromatcha/images/bg_02_sp.webp) center / cover no-repeat;
    height: calc(2700/750*100vw);
  }
  
  .sectionKomekoji_content {
    margin-bottom: calc(266/750*100vw);
  }
  
  .sectionKomekoji__ttl {
    font-size: calc(56/750*100vw);
    line-height: calc(80 / 56);
    padding-top: calc(109/750*100vw);
  }
  .sectionKomekoji__ttl span {
    left: calc(-2/750*100vw);
    font-size: calc(90/750*100vw);
    padding: calc(17/750*100vw) 0 calc(13/750*100vw);
  }
  
  .sectionKomekoji__txt {
    font-size: calc(28/750*100vw);
    line-height: calc(60 / 28);
    margin-top: calc(52/750*100vw);
  }
  
  .sectionKomekoji__link {
    top: calc(820 / 750 * 100vw);
    left: calc(180 / 750 * 100vw);
    width: calc(410 / 750 * 100vw);
    height: calc(395 / 750 * 100vw);
  }
  
  .sectionKomekoji ._item {
    position: relative;
    left: calc(92 / 750 * 100vw);
    width: fit-content;
    margin-top: calc(650 / 750 * 100vw);
  }
  .sectionKomekoji ._item._white ._name {
    margin-bottom: calc(14/750*100vw);
  }
  .sectionKomekoji ._item._white ._price {
    padding-left: calc(4/750*100vw);
    margin-bottom: calc(27/750*100vw);
  }
  .sectionKomekoji ._item._white ._price span {
    margin-right: calc(25/750*100vw);
  }
  .sectionKomekoji ._item._white ._btn {
    width: calc(480/750*100vw);
    margin: calc(48/750*100vw) 0 0 calc(-6/750*100vw);
  }
  
  .sectionKomekoji .other_btn {
    border: calc(2 / 750 * 100vw)solid #fff;
    border-radius: calc(47 / 750 * 100vw);
    margin: 0 auto calc(55 / 750 * 100vw);
  }
  .sectionKomekoji .other_btn a {
    font-size: calc(29 / 750 * 100vw);
    letter-spacing: 0.05em;
    padding: calc(21 / 750 * 100vw) 0 calc(25 / 750 * 100vw);
  }
}

/* +++++ sectionFood +++++ */
.sectionFood {
  background: url(/cafe/gyokuromatcha/images/bg_03_pc.webp) center / cover no-repeat;
  height: calc(2229/1440*100vw);
}
.sectionFood .section_inner {
  padding-top: calc(124/1440*100vw);
}
.sectionFood .flex_wrap {
  position: relative;
}
.sectionFood .flex_wrap ._img a {
  display: block;
  height: 100%;
}

.sectionFood .flex_wrap._01 {
  width: calc(460/1440*100vw);
  left: calc(635/1440*100vw);
  margin-top: calc(167/1440*100vw);
}
.sectionFood .flex_wrap._01 ._img {
  position: absolute;
  top: calc(-67 / 1440 * 100vw);
  left: calc(-480 / 1440 * 100vw);
  width: calc(400 / 1440 * 100vw);
  height: calc(326 / 1440 * 100vw);
}

.sectionFood .flex_wrap._02 {
  left: calc(143/1440*100vw);
  margin-top: calc(244/1440*100vw);
}
.sectionFood .flex_wrap._02 ._img {
  position: absolute;
  top: calc(-50 / 1440 * 100vw);
  left: calc(422 / 1440 * 100vw);
  width: calc(381 / 1440 * 100vw);
  height: calc(276 / 1440 * 100vw);
}

.sectionFood .flex_wrap._03 {
  left: calc(575/1440*100vw);
  margin-top: calc(146/1440*100vw);
}
.sectionFood .flex_wrap._03 ._img {
  position: absolute;
  top: calc(6 / 1440 * 100vw);
  left: calc(-410 / 1440 * 100vw);
  width: calc(397 / 1440 * 100vw);
  height: calc(283 / 1440 * 100vw);
}

.sectionFood .flex_wrap ._item ._price {
  margin-top: calc(3/1440*100vw);
}
.sectionFood .flex_wrap ._item ._text {
  margin-top: calc(15/1440*100vw);
}
.sectionFood .flex_wrap ._item ._btn {
  width: calc(309.98/1440*100vw);
  margin-top: calc(33/1440*100vw);
}
.sectionFood .flex_wrap ._item ._btn a {
  padding: calc(21/1440*100vw) 0 calc(23/1440*100vw);
}

.sectionFood .other_btn {
  margin-top: calc(138/1440*100vw);
}
.sectionFood .other_btn a {
  letter-spacing: 0.05em;
  padding: calc(22/1440*100vw) 0 calc(23/1440*100vw);
}
.sectionFood .other_link {
  margin-top: calc(39/1440*100vw);
}


@media print, screen and (max-width: 1023px) {
  .sectionFood {
    background: url(/cafe/gyokuromatcha/images/bg_03_sp.webp) center / cover no-repeat;
    height: calc(3800/750*100vw);
  }
  .sectionFood .section_inner {
    padding-top: calc(152/750*100vw);
  }
  
  .sectionFood .flex_wrap._01 {
    width: calc(500 / 750 * 100vw);
    left: calc(85 / 750 * 100vw);
    margin-top: calc(543 / 750 * 100vw);
  }
  .sectionFood .flex_wrap._01 ._img {
    top: calc(-423 / 750 * 100vw);
    left: calc(-22 / 750 * 100vw);
    width: calc(490 / 750 * 100vw);
    height: calc(396 / 750 * 100vw);
  }
  
  .sectionFood .flex_wrap._02 {
    left: calc(97/750*100vw);
    margin-top: calc(512/750*100vw);
  }
  .sectionFood .flex_wrap._02 ._img {
    top: calc(-360 / 750 * 100vw);
    left: calc(-64 / 750 * 100vw);
    width: calc(461 / 750 * 100vw);
    height: calc(336 / 750 * 100vw);
  }
  
  .sectionFood .flex_wrap._03 {
    left: calc(105/750*100vw);
    margin-top: calc(478/750*100vw);
  }
  .sectionFood .flex_wrap._03 ._img {
    top: calc(-354 / 750 * 100vw);
    left: calc(12 / 750 * 100vw);
    width: calc(477 / 750 * 100vw);
    height: calc(343 / 750 * 100vw);
  }
  
  .sectionFood .flex_wrap ._item ._price {
    margin-top: calc(14/750*100vw);
  }
  .sectionFood .flex_wrap ._item ._text {
    margin-top: calc(20/750*100vw);
  }
  .sectionFood .flex_wrap ._item ._btn {
    width: calc(363/750*100vw);
    margin: calc(33/750*100vw) auto 0;
  }
  .sectionFood .flex_wrap ._item ._btn a {
    padding: calc(21/750*100vw) 0 calc(23/750*100vw);
  }
  .sectionFood .flex_wrap._01 ._item ._btn {
    position: relative;
    left: calc(-12/750*100vw);
  }
  .sectionFood .flex_wrap._02 ._item ._btn {
    position: relative;
    left: calc(8/750*100vw);
  }
  .sectionFood .flex_wrap._03 ._item ._btn {
    position: relative;
    left: calc(-22/750*100vw);
  }
  
  .sectionFood .other_btn {
    margin-top: calc(178/750*100vw);
  }
  .sectionFood .other_btn a {
    letter-spacing: 0.05em;
    padding: calc(22/750*100vw) 0 calc(23/750*100vw);
  }
  .sectionFood .other_link {
    margin-top: calc(60/750*100vw);
  }
}


/* +++++ sectioncoffee +++++ */
.sectionCoffee {
  background: url(/cafe/gyokuromatcha/images/bg_04_pc.webp) center / cover no-repeat;
  height: calc(1530/1440*100vw);
}

.sectionCoffee .section_inner {
  padding-top: calc(72/1440*100vw);
}

.sectionCoffee .flex_wrap {
  justify-content: center;
  gap: calc(72/1440*100vw);
  margin-top: calc(38/1440*100vw);
}

.sectionCoffee ._img {
  width: calc(406/1440*100vw);
  margin: 0 auto;
}

.sectionCoffee .flex_wrap ._item ._btn {
  width: calc(309.98/1440*100vw);
}
.sectionCoffee .flex_wrap ._item ._btn a {
  padding: calc(21/1440*100vw) 0 calc(24/1440*100vw);
}

.sectionCoffee .flex_wrap ._item:nth-of-type(1) {
  position: relative;
  left: calc(6 / 1440 * 100vw);
  width: calc(408/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(1) ._textwrap {
  margin-top: calc(16/1440*100vw);
  margin-left: calc(45/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(1) ._quantity {
  margin-top: calc(3/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(1) ._price {
  margin-top: calc(-7/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(1) ._text {
  margin-top: calc(23/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(1) ._btn {
  margin-top: calc(68/1440*100vw);
}


.sectionCoffee .flex_wrap ._item:nth-of-type(2) {
  position: relative;
  top: calc(-3/1440*100vw);
  left: calc(12/1440*100vw);
  width: calc(430/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(2) ._textwrap {
  margin-top: calc(-3/1440*100vw);
  margin-left: calc(50/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(2) ._quantity {
  margin-top: calc(10/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(2) ._price {
  margin-top: calc(-7/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(2) ._text {
  word-break: keep-all;
  margin-top: calc(23/1440*100vw);
}
.sectionCoffee .flex_wrap ._item:nth-of-type(2) ._btn {
  margin-top: calc(25/1440*100vw);
}

.sectionCoffee .other_btn {
  margin-top: calc(137/1440*100vw);
}
.sectionCoffee .other_btn a {
  padding: calc(22/1440*100vw) 0 calc(21/1440*100vw);
}

@media print, screen and (max-width: 1023px) {
  .sectionCoffee {
    background: url(/cafe/gyokuromatcha/images/bg_04_sp.webp) center / cover no-repeat;
    height: calc(2280/750*100vw);
  }
  
  .sectionCoffee .section_inner {
    padding-top: calc(21/750*100vw);
  }
  
  .sectionCoffee .flex_wrap {
    position: relative;
    left: calc(-132/750*100vw);
    flex-direction: column;
    gap: calc(123/750*100vw);
    margin-top: calc(75/750*100vw);
  }

  .sectionCoffee .flex_wrap ._item {
    display: flex;
  }
  
  .sectionCoffee ._img {
    flex-shrink: 0;
    width: calc(525/750*100vw);
    margin: 0 auto;
  }
  
  .sectionCoffee .flex_wrap ._item ._textwrap {
    width: calc(363/750*100vw);
    position: relative;
    flex-shrink: 0;
  }

  .sectionCoffee .flex_wrap ._item ._btn {
    width: calc(363/750*100vw);
  }
  .sectionCoffee .flex_wrap ._item ._btn a {
    padding: calc(21/750*100vw) 0 calc(24/750*100vw);
  }
  
  .sectionCoffee .flex_wrap ._item:nth-of-type(1) {
    width: auto;
    left: 0;
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(1) ._textwrap {
    margin-top: calc(76 / 750 * 100vw);
    margin-left: calc(-109 / 750 * 100vw);
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(1) ._quantity {
    margin-top: calc(8/750*100vw);
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(1) ._price {
    margin-top: calc(-3/750*100vw);
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(1) ._text {
    margin-top: calc(23/750*100vw);
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(1) ._btn {
    margin-top: calc(29/750*100vw);
  }
  
  
  .sectionCoffee .flex_wrap ._item:nth-of-type(2) {
    width: auto;
    top: calc(-3/750*100vw);
    left: 0;
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(2) ._textwrap {
    margin-top: calc(67/750*100vw);
    margin-left: calc(-110/750*100vw);
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(2) ._quantity {
    margin-top: calc(10/750*100vw);
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(2) ._price {
    margin-top: calc(-7/750*100vw);
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(2) ._text {
    word-break: keep-all;
    margin-top: calc(23/750*100vw);
  }
  .sectionCoffee .flex_wrap ._item:nth-of-type(2) ._btn {
    margin-top: calc(35/750*100vw);
  }
  
  .sectionCoffee .other_btn {
    margin-top: calc(177/750*100vw);
  }
  .sectionCoffee .other_btn a {
    padding: calc(22/750*100vw) 0 calc(21/750*100vw);
  }
}


/* +++++ sectionGoods +++++ */
.sectionGoods {
  background: url(/cafe/gyokuromatcha/images/bg_05_pc.webp) center / cover no-repeat;
  height: calc(1330/1440*100vw);
}
.sectionGoods .section_inner {
  padding-top: calc(95/1440*100vw);
}
.sectionGoods .flex_wrap {
  justify-content: center;
  align-items: flex-end;
  gap: calc(90/1440*100vw);
  margin-top: calc(82/1440*100vw);
}

.sectionGoods .flex_wrap ._item ._img {
  margin: 0 auto;
}
.sectionGoods .flex_wrap ._item ._name {
  position: relative;
  left: calc(6/1440*100vw);
}
.sectionGoods .flex_wrap ._item ._price {
  position: relative;
  left: calc(10/1440*100vw);
  margin-top: calc(2/1440*100vw);
}
.sectionGoods .flex_wrap ._item ._btn {
  width: calc(309.98/1440*100vw);
  margin-top: calc(32/1440*100vw);
}
.sectionGoods .flex_wrap ._item ._btn a {
  padding: calc(21/1440*100vw) 0 calc(24/1440*100vw);
}

.sectionGoods .flex_wrap ._item:nth-of-type(1) {
  position: relative;
  left: calc(12/1440*100vw);
  width: calc(322/1440*100vw);
}
.sectionGoods .flex_wrap ._item:nth-of-type(1) ._img {
  position: relative;
  left: calc(24/1440*100vw);
  width: calc(275/1440*100vw);
}
.sectionGoods .flex_wrap ._item:nth-of-type(1) ._textwrap {
  margin-top: calc(33/1440*100vw);
}

.sectionGoods .flex_wrap ._item:nth-of-type(2) {
  width: calc(309/1440*100vw);
}
.sectionGoods .flex_wrap ._item:nth-of-type(2) ._img {
  width: calc(160/1440*100vw);
}
.sectionGoods .flex_wrap ._item:nth-of-type(2) ._textwrap {
  margin-top: calc(19/1440*100vw);
}


.sectionGoods .flex_wrap ._item:nth-of-type(3) {
  width: calc(320/1440*100vw);
}
.sectionGoods .flex_wrap ._item:nth-of-type(3) ._img {
  position: relative;
  top: calc(-9 / 1440 * 100vw);
  left: calc(-20 / 1440 * 100vw);
  width: calc(229/1440*100vw);
}
.sectionGoods .flex_wrap ._item:nth-of-type(3) ._img::after {
  content: "";
  background: url(/cafe/gyokuromatcha/images/goods/icon_online.png) center / cover no-repeat;
  display: inline-block;
  width: calc(83/1440*100vw);
  height: calc(83/1440*100vw);
  position: absolute;
  top: calc(74 / 1440 * 100vw);;
  right: calc(-66 / 1440 * 100vw);;
}
.sectionGoods .flex_wrap ._item:nth-of-type(3) ._textwrap {
  margin-top: calc(19/1440*100vw);
}

.sectionGoods .other_btn {
  margin-top: calc(140/1440*100vw);
}
.sectionGoods .other_btn a {
  padding: calc(22/1440*100vw) 0 calc(21/1440*100vw);
}

@media print, screen and (max-width: 1023px) {
  .sectionGoods {
    background: url(/cafe/gyokuromatcha/images/bg_05_sp.webp) center / cover no-repeat;
    height: calc(2490/750*100vw);
  }
  .sectionGoods .section_inner {
    padding-top: calc(12/750*100vw);
  }
  .sectionGoods .flex_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(120/750*100vw);
    margin-top: calc(144/750*100vw);
  }

  .sectionGoods .flex_wrap ._item {
    display: flex;
  }
  
  .sectionGoods .flex_wrap ._item ._img {
    flex-shrink: 0;
    margin: 0 auto;
  }
  .sectionGoods .flex_wrap ._item ._name {
    position: relative;
    width: fit-content;
  }
  .sectionGoods .flex_wrap ._item ._price {
    position: relative;
    width: fit-content;
  }
  .sectionGoods .flex_wrap ._item ._btn {
    width: calc(363/750*100vw);
    margin-top: calc(32/750*100vw);
  }
  .sectionGoods .flex_wrap ._item ._btn a {
    padding: calc(21/750*100vw) 0 calc(24/750*100vw);
  }
  
  .sectionGoods .flex_wrap ._item:nth-of-type(1) {
    position: relative;
    left: calc(-18/750*100vw);
    width: calc(322/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(1) ._img {
    position: relative;
    left: calc(24/750*100vw);
    width: calc(354/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(1) ._textwrap {
    margin-top: calc(92/750*100vw);
    margin-left: calc(-50/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(1) ._name {
    left: calc(106/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(1) ._price {
    left: calc(107/750*100vw);
    margin-top: calc(9/750*100vw);
  }
  
  .sectionGoods .flex_wrap ._item:nth-of-type(2) {
    position: relative;
    left: calc(28 / 750 * 100vw);
    width: calc(593/750*100vw);
    flex-direction: row-reverse;
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(2) ._img {
    width: calc(205/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(2) ._textwrap {
    margin-top: calc(95/750*100vw);
    margin-right: calc(14/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(2) ._name {
    left: calc(36/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(2) ._price {
    left: calc(40/750*100vw);
    margin-top: calc(12/750*100vw);
  }
  
  
  .sectionGoods .flex_wrap ._item:nth-of-type(3) {
    position: relative;
    left: calc(48 / 750 * 100vw);
    width: calc(605/750*100vw);
    margin-top: calc(-40/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(3) ._img {
    position: relative;
    top: calc(-9 / 750 * 100vw);
    left: calc(-20 / 750 * 100vw);
    width: calc(293/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(3) ._img::after {
    content: "";
    background: url(/cafe/gyokuromatcha/images/goods/icon_online.png) center / cover no-repeat;
    display: inline-block;
    width: calc(117.83/750*100vw);
    height: calc(117.83/750*100vw);
    position: absolute;
    top: calc(75 / 750 * 100vw);;
    right: calc(-99 / 750 * 100vw);;
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(3) ._textwrap {
    position: relative;
    left: calc(-66/750*100vw);
    margin-top: calc(297/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(3) ._name {
    left: calc(73/750*100vw);
  }
  .sectionGoods .flex_wrap ._item:nth-of-type(3) ._price {
    left: calc(74/750*100vw);
    margin-top: calc(9/750*100vw);
  }
  
  .sectionGoods .other_btn {
    margin-top: calc(180/750*100vw);
  }
  .sectionGoods .other_btn a {
    padding: calc(22/750*100vw) 0 calc(21/750*100vw);
  }
}


/* +++++ sectioncard +++++ */
.sectioncard {
  background: url(/cafe/gyokuromatcha/images/bg_06_pc.webp) center / cover no-repeat;
  height: calc(1300/1440*100vw);
}
.sectioncard .section_inner {
  padding-top: calc(110/1440*100vw);
}

.sectioncard .flex_wrap {
  justify-content: center;
  align-items: center;
  gap: calc(182/1440*100vw);
  margin-top: calc(77/1440*100vw);
}
.sectioncard .flex_wrap ._item ._btn a {
  padding: calc(21/1440*100vw) 0 calc(23/1440*100vw);
}

.sectioncard .flex_wrap ._item:nth-of-type(1) ._img {
  width: calc(259/1440*100vw);
  margin-left: calc(14/1440*100vw);
}
.sectioncard .flex_wrap ._item:nth-of-type(1) ._name {
  margin-top: calc(19/1440*100vw);
}
.sectioncard .flex_wrap ._item:nth-of-type(1) ._text02 {
  margin-top: calc(2/1440*100vw);
}
.sectioncard .flex_wrap ._item:nth-of-type(1) ._btn {
  margin-top: calc(19/1440*100vw);
}

.sectioncard .flex_wrap ._item:nth-of-type(2) {
  margin-top: calc(57/1440*100vw);
}
.sectioncard .flex_wrap ._item:nth-of-type(2) ._img {
  width: calc(317/1440*100vw);
}
.sectioncard .flex_wrap ._item:nth-of-type(2) ._name {
  margin-top: calc(27/1440*100vw);
}
.sectioncard .flex_wrap ._item:nth-of-type(2) ._btn {
  position: relative;
  top: calc(38/1440*100vw);
  margin-top: calc(23/1440*100vw);
}

.sectioncard .other_btn {
  margin-top: calc(141/1440*100vw);
}
.sectioncard .other_btn a {
  padding: calc(22/1440*100vw) 0 calc(23/1440*100vw);
}

@media print, screen and (max-width: 1023px) {
  .sectioncard {
    background: url(/cafe/gyokuromatcha/images/bg_06_sp.webp) center / cover no-repeat;
    height: calc(2560/750*100vw);
  }
  .sectioncard .section_inner {
    padding-top: calc(39/750*100vw);
  }

  .sectioncard .ttl_h2 {
    margin-bottom: calc(50/750*100vw);
  }
  
  .sectioncard .flex_wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(132/750*100vw);
    margin-top: calc(128/750*100vw);
  }
  .sectioncard .flex_wrap ._item ._textwrap {
    position: relative;
  }
  .sectioncard .flex_wrap ._item:nth-of-type(1) ._textwrap {
    left: calc(18/750*100vw);
  }
  .sectioncard .flex_wrap ._item:nth-of-type(2) ._textwrap {
    left: calc(72/750*100vw);
  }

  .sectioncard .flex_wrap ._item ._btn {
    width: calc(363/750*100vw);
  }
  .sectioncard .flex_wrap ._item ._btn a {
    padding: calc(21/750*100vw) 0 calc(23/750*100vw);
  }
  
  .sectioncard .flex_wrap ._item:nth-of-type(1) ._img {
    width: calc(409/750*100vw);
  }
  .sectioncard .flex_wrap ._item:nth-of-type(1) ._name {
    margin-top: calc(48/750*100vw);
  }
  .sectioncard .flex_wrap ._item:nth-of-type(1) ._text02 {
    margin-top: calc(14/750*100vw);
  }
  .sectioncard .flex_wrap ._item:nth-of-type(1) ._btn {
    position: relative;
    left: calc(12/750*100vw);
    margin-top: calc(38/750*100vw);
  }
  
  .sectioncard .flex_wrap ._item:nth-of-type(2) {
    margin-top: calc(57/750*100vw);
  }
  .sectioncard .flex_wrap ._item:nth-of-type(2) ._img {
    width: calc(507/750*100vw);
  }
  .sectioncard .flex_wrap ._item:nth-of-type(2) ._name {
    margin-top: calc(42/750*100vw);
  }
  .sectioncard .flex_wrap ._item:nth-of-type(2) ._btn {
    top: 0;
    margin-top: calc(43/750*100vw);
  }
  
  .sectioncard .other_btn {
    width: calc(536 / 750 * 100vw);
    margin-top: calc(179 / 750 * 100vw);
  }
  .sectioncard .other_btn a {
    padding: calc(22/750*100vw) 0 calc(23/750*100vw);
  }
}


/* +++++ sectiondigitalcard +++++ */
.sectiondigitalcard {
  background: url(/cafe/gyokuromatcha/images/bg_07_pc.webp) center / cover no-repeat;
  height: calc(1030/1440*100vw);
}

.sectiondigitalcard .section_inner {
  padding-top: calc(110/1440*100vw);
}

.sectiondigitalcard .ttl_h2 {
  margin-bottom: calc(48/1440*100vw);
}
.sectiondigitalcard .ttl_h2 span {
  letter-spacing: 0.04em;
}

.sectiondigitalcard .flex_wrap {
  justify-content: center;
  margin-top: calc(82/1440*100vw);
}
.sectiondigitalcard .flex_wrap ._img {
  width: calc(365/1440*100vw);
}
.sectiondigitalcard .other_btn {
  width: calc(500/1440*100vw);
  margin-top: calc(96/1440*100vw);
}
.sectiondigitalcard .other_btn a {
  padding: calc(21/1440*100vw) 0 calc(23/1440*100vw);
}

@media print, screen and (max-width: 1023px) {
  .sectiondigitalcard {
    background: url(/cafe/gyokuromatcha/images/bg_07_sp.webp) center / cover no-repeat;
    height: calc(1280/750*100vw);
  }
  
  .sectiondigitalcard .section_inner {
    padding-top: calc(41/750*100vw);
  }
  
  .sectiondigitalcard .ttl_h2 {
    font-size: calc(85.71 / 750 * 100vw);
    line-height: calc(60 / 85.71);
    letter-spacing: 0.04em;
    margin-bottom: calc(78/1440*100vw);
  }
  .sectiondigitalcard .ttl_h2 span {
    margin-bottom: calc(15/750*100vw);
    font-size: calc(48 / 750 * 100vw);
    line-height: calc(60 / 48);
    letter-spacing: 0.06em;
  }
  
  .sectiondigitalcard .flex_wrap {
    justify-content: center;
    margin-top: calc(111/750*100vw);
    margin-left: calc(20/750*100vw);
  }
  .sectiondigitalcard .flex_wrap ._img {
    width: calc(475/750*100vw);
  }
  .sectiondigitalcard .other_btn {
    width: calc(636/750*100vw);
    margin-top: calc(139/750*100vw);
  }
  .sectiondigitalcard .other_btn a {
    padding: calc(21/750*100vw) 0 calc(23/750*100vw);
  }
}

/* +++++ sectionForGift +++++ */
.sectionForGift {
  background: url(/cafe/gyokuromatcha/images/bg_08_pc.webp) center / cover no-repeat;
  height: calc(1529/1440*100vw);
}

.sectionForGift .section_inner {
  padding-top: calc(105/1440*100vw);
}

.sectionForGift .lead_txt {
  margin-left: calc(25/1440*100vw);
}

.sectionForGift .flex_wrap {
  justify-content: center;
  gap: calc(100/1440*100vw);
  margin-top: calc(90/1440*100vw);
}
.sectionForGift .flex_wrap ._img {
  width: calc(443/1440*100vw);
  margin-bottom: calc(30/1440*100vw);
}
.sectionForGift .flex_wrap ._img a {
  display: block;
}

.sectionForGift ._textwrap {
  width: calc(309.98/1440*100vw);
  margin: 0 auto;
}
.sectionForGift ._textwrap ._name {
  padding-left: calc(18/1440*100vw);
}
.sectionForGift ._textwrap ._price {
  padding-left: calc(18/1440*100vw);
}
.sectionForGift ._item ._btn {
  margin-top: calc(19/1440*100vw);
}
.sectionForGift ._item ._btn a {
  padding: calc(21/1440*100vw) 0 calc(25/1440*100vw);
}

.sectionForGift__bottom {
  width: calc(664/1440*100vw);
  margin: calc(94/1440*100vw) auto 0;
}
.sectionForGift__note li {
  font-size: calc(20/1440*100vw);
  font-weight: 500;
  line-height: calc(28 / 20);
  color: rgba(0, 0, 0, .87);
  text-indent: -1em;
  padding-left: 1em;
}
.sectionForGift__link {
  font-size: calc(20/1440*100vw);
  font-weight: 500;
  line-height: calc(28 / 20);
  color: rgba(0, 0, 0, .87);
  text-align: center;
  margin-top: calc(50/1440*100vw);
}
.sectionForGift__link a {
  color: #00754a;
  font-weight: 500;
}

@media print, screen and (max-width: 1023px) {
  .sectionForGift {
    background: url(/cafe/gyokuromatcha/images/bg_08_sp.webp) center / cover no-repeat;
    height: calc(2805/750*100vw);
  }
  
  .sectionForGift .section_inner {
    padding-top: calc(87/750*100vw);
  }

  .sectionForGift .ttl_h2 {
    margin-bottom: calc(39/750*100vw);
  }
  
  .sectionForGift .lead_txt {
    margin-left: 0;
  }
  
  .sectionForGift .flex_wrap {
    flex-direction: column;
    justify-content: center;
    gap: calc(180/750*100vw);
    margin-top: calc(140/750*100vw);
  }
  .sectionForGift .flex_wrap ._img {
    width: calc(550/750*100vw);
    margin: 0 auto calc(35/750*100vw);
  }
  .sectionForGift .flex_wrap ._img a {
    display: block;
  }
  
  .sectionForGift ._textwrap {
    width: calc(400/750*100vw);
    margin: 0 auto;
  }
  .sectionForGift ._textwrap ._name {
    padding-left: calc(18/750*100vw);
  }
  .sectionForGift ._textwrap ._price {
    padding-left: calc(18/750*100vw);
    margin-top: calc(12/750*100vw);
  }
  .sectionForGift ._item ._btn {
    width: calc(363/750*100vw);
    margin-top: calc(19/750*100vw);
    margin-left: calc(20/750*100vw);
  }
  .sectionForGift ._item ._btn a {
    padding: calc(21/750*100vw) 0 calc(25/750*100vw);
  }
  
  .sectionForGift__bottom {
    width: calc(544/750*100vw);
    margin: calc(114/750*100vw) auto 0;
  }
  .sectionForGift__note li {
    font-size: calc(20/750*100vw);
    font-weight: 500;
    line-height: calc(28 / 20);
    color: rgba(0, 0, 0, .87);
    text-indent: -1em;
    padding-left: 1em;
  }
  .sectionForGift__link {
    font-size: calc(20/750*100vw);
    font-weight: 500;
    line-height: calc(28 / 20);
    color: rgba(0, 0, 0, .87);
    text-align: center;
    margin-top: calc(50/750*100vw);
  }
  .sectionForGift__link a {
    color: #00754a;
    font-weight: 500;
  }
}