@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  html {
    --_reduction-width: 1000;
    font-size: calc(10 / var(--_reduction-width) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw !important;
  }
}

body {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-text-size-adjust: 100%;
}

/* -----------------
Dummy
-------------------- */
.l-header-dummy {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: #fff;
}
.l-header-dummy picture {
  display: block;
  margin-inline: auto;
  max-width: 1366px;
}
.l-header-dummy img {
  width: 100%;
}

.l-footer-dummy {
  background: #5A2D16;
}
.l-footer-dummy picture {
  display: block;
  margin-inline: auto;
  max-width: 1366px;
}
.l-footer-dummy img {
  width: 100%;
}

/* -----------------
Contents
-------------------- */
#l-jp-sake {
  /* -----------------
  Component
  -------------------- */
  /* -----------------
  Utility
  -------------------- */
}
#l-jp-sake *, #l-jp-sake *::after, #l-jp-sake *::before {
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  box-sizing: border-box;
  min-inline-size: 0;
}
#l-jp-sake div, #l-jp-sake span, #l-jp-sake object, #l-jp-sake iframe,
#l-jp-sake h1, #l-jp-sake h2, #l-jp-sake h3, #l-jp-sake h4, #l-jp-sake h5, #l-jp-sake h6, #l-jp-sake p, #l-jp-sake blockquote, #l-jp-sake pre,
#l-jp-sake abbr, #l-jp-sake address, #l-jp-sake cite, #l-jp-sake code,
#l-jp-sake del, #l-jp-sake dfn, #l-jp-sake em, #l-jp-sake img, #l-jp-sake ins, #l-jp-sake kbd, #l-jp-sake q, #l-jp-sake samp,
#l-jp-sake small, #l-jp-sake strong, #l-jp-sake sub, #l-jp-sake sup, #l-jp-sake var,
#l-jp-sake b, #l-jp-sake i,
#l-jp-sake dl, #l-jp-sake dt, #l-jp-sake dd, #l-jp-sake ol, #l-jp-sake ul, #l-jp-sake li,
#l-jp-sake fieldset, #l-jp-sake form, #l-jp-sake label, #l-jp-sake legend,
#l-jp-sake table, #l-jp-sake caption, #l-jp-sake tbody, #l-jp-sake tfoot, #l-jp-sake thead, #l-jp-sake tr, #l-jp-sake th, #l-jp-sake td,
#l-jp-sake article, #l-jp-sake aside, #l-jp-sake canvas, #l-jp-sake details, #l-jp-sake figcaption, #l-jp-sake figure, #l-jp-sake picture,
#l-jp-sake footer, #l-jp-sake header, #l-jp-sake hgroup, #l-jp-sake menu, #l-jp-sake nav, #l-jp-sake section, #l-jp-sake summary,
#l-jp-sake time, #l-jp-sake mark, #l-jp-sake audio, #l-jp-sake video {
  font: normal normal 400 100%/1 "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
#l-jp-sake picture {
  display: block;
}
#l-jp-sake a {
  color: inherit;
  text-decoration: none;
  outline: none;
  background-color: transparent;
  transition: opacity 0.3s;
}
#l-jp-sake a:focus-visible {
  text-decoration: none;
  opacity: 0.6;
}
@media (any-hover: hover) {
  #l-jp-sake a[href*="tel:"] {
    pointer-events: none;
  }
  #l-jp-sake a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
}
#l-jp-sake abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
#l-jp-sake b, #l-jp-sake strong {
  font-weight: bolder;
}
#l-jp-sake code, #l-jp-sake kbd, #l-jp-sake samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
#l-jp-sake span,
#l-jp-sake small {
  font: inherit;
  color: inherit;
}
#l-jp-sake sub, #l-jp-sake sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#l-jp-sake sub {
  bottom: -0.25em;
}
#l-jp-sake sup {
  top: -0.5em;
}
#l-jp-sake img, #l-jp-sake svg {
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-style: none;
}
#l-jp-sake button, #l-jp-sake input, #l-jp-sake optgroup, #l-jp-sake select, #l-jp-sake textarea {
  font: normal normal 400 100%/1 "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#l-jp-sake select::-ms-expand {
  display: none;
}
#l-jp-sake ::placeholder {
  color: #A8A8A8;
}
#l-jp-sake select:invalid {
  color: #A8A8A8;
}
#l-jp-sake button, #l-jp-sake input {
  overflow: visible;
}
#l-jp-sake button[disabled], #l-jp-sake input[disabled] {
  cursor: not-allowed;
}
#l-jp-sake button, #l-jp-sake select {
  text-transform: none;
}
#l-jp-sake button {
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  transition: opacity 0.3s;
}
#l-jp-sake button:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  #l-jp-sake button:hover {
    opacity: 0.6;
  }
}
#l-jp-sake textarea {
  display: block;
  resize: none;
  field-sizing: content;
  overflow: auto;
}
#l-jp-sake [type=button]::-moz-focus-inner, #l-jp-sake [type=reset]::-moz-focus-inner, #l-jp-sake [type=submit]::-moz-focus-inner, #l-jp-sake button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
#l-jp-sake [type=button]:-moz-focusring, #l-jp-sake [type=reset]:-moz-focusring, #l-jp-sake [type=submit]:-moz-focusring, #l-jp-sake button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
#l-jp-sake [type=checkbox], #l-jp-sake [type=radio] {
  position: absolute;
  visibility: hidden;
  width: 1px;
}
#l-jp-sake fieldset {
  padding: 0.35em 0.75em 0.625em;
}
#l-jp-sake legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
#l-jp-sake progress {
  vertical-align: baseline;
}
#l-jp-sake [type=number]::-webkit-inner-spin-button, #l-jp-sake [type=number]::-webkit-outer-spin-button {
  height: auto;
}
#l-jp-sake [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
#l-jp-sake [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#l-jp-sake ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
#l-jp-sake details {
  display: block;
}
#l-jp-sake summary {
  display: list-item;
}
#l-jp-sake template {
  display: none;
}
#l-jp-sake [hidden] {
  display: none;
}
#l-jp-sake pre {
  white-space: pre-wrap;
}
#l-jp-sake ul, #l-jp-sake ol {
  list-style: none;
}
#l-jp-sake table {
  border-collapse: collapse;
  border-spacing: 0;
}
#l-jp-sake th, #l-jp-sake td {
  background-clip: padding-box;
}
#l-jp-sake .c-wrap {
  margin-inline: auto;
  max-width: 100rem;
  width: 98%;
}
@media screen and (max-width: 767px) {
  #l-jp-sake .c-wrap {
    width: calc(305 / 375 * 100%);
  }
}
@media screen and (max-width: 767px) {
  #l-jp-sake .u-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #l-jp-sake .u-sp {
    display: none !important;
  }
}

#l-jp-sake {
  padding-top: 0;
  background: url(../img/bg_pc.jpg) center top repeat;
  overflow: hidden;
  /* -----------------
  あなたも楽しんで見ませんか？
  日本酒とお菓子のペアリング
  -------------------- */
  /* -----------------
  イントロ
  -------------------- */
  /* -----------------
  商品企画部＆ソムリエ
  おすすめマリアージュ9線
  --------------------
  商品企画部&ソムリエで好みが分かれた
  個性的なマリアージュ9選
  -------------------- */
  /* -----------------
  シャトレーゼ流・日本酒ペアリング
  2つの楽しみ方
  -------------------- */
  /* -----------------
  ペアリングメンバーの紹介
  --------------------
  白馬錦ができるまで
  --------------------
  シャトレーゼの
  ファームファクトリーらしい
  お米とお酒づくり
  --------------------
  白馬錦公式サイト
  -------------------- */
}
@media screen and (max-width: 767px) {
  #l-jp-sake {
    padding-top: 0;
    background: url(../img/bg_sp.jpg) center/contain repeat;
  }
}
#l-jp-sake #p-mv {
  position: relative;
  background: #fff;
  overflow: hidden;
}
#l-jp-sake #p-mv::before, #l-jp-sake #p-mv::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 13.3rem;
  background: url(../img/wave_pattern_01_pc.png) center top/contain repeat-x;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-mv::before, #l-jp-sake #p-mv::after {
    height: 9.3rem;
    background: url(../img/wave_pattern_01_sp.png) center top/100% auto repeat-x;
  }
}
#l-jp-sake #p-mv::before {
  top: 0;
}
#l-jp-sake #p-mv::after {
  bottom: -6.6rem;
  background-position: center bottom;
  rotate: 180deg;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-mv::after {
    bottom: -4.5rem;
  }
}
#l-jp-sake #p-mv .inner {
  position: relative;
  margin-inline: auto;
  width: 100%;
  max-width: 136.6rem;
}
#l-jp-sake #p-mv .ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#l-jp-sake #p-intro {
  padding-block: 5.3rem 18.8rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro {
    padding-block: 0.7rem 4rem;
  }
}
#l-jp-sake #p-intro .jp-sake {
  display: grid;
  grid-template-columns: 37.1rem 1fr;
}
@media screen and (min-width: 768px) {
  #l-jp-sake #p-intro .jp-sake {
    margin-inline: auto;
    width: 84.8rem;
  }
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .jp-sake {
    grid-template-columns: 14.2rem 1fr;
  }
}
#l-jp-sake #p-intro .jp-sake_img {
  grid-column: 1;
  grid-row: span 4;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .jp-sake_img {
    grid-row: 1;
  }
}
#l-jp-sake #p-intro .jp-sake_txt {
  grid-column: 2;
  grid-row: 1;
  margin-top: 11.5rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .jp-sake_txt {
    margin-top: 4rem;
  }
}
#l-jp-sake #p-intro .jp-sake_name {
  grid-column: 2;
  grid-row: 2;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .jp-sake_name {
    grid-column: span 2;
    margin-top: 0.9rem;
  }
}
#l-jp-sake #p-intro .jp-sake_name_img {
  margin-inline: auto;
  width: 30.5rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .jp-sake_name_img {
    width: 16.3rem;
  }
}
#l-jp-sake #p-intro .jp-sake_btn {
  grid-column: 2;
  grid-row: 3;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .jp-sake_btn {
    grid-column: span 2;
    margin-top: 1.9rem;
  }
}
#l-jp-sake #p-intro .jp-sake_btn_link {
  display: block;
  margin-inline: auto;
  width: 45rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .jp-sake_btn_link {
    width: 27.7rem;
  }
}
#l-jp-sake #p-intro .sweets {
  position: relative;
  z-index: 1;
  padding: 14.6rem 0 0 5.7rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .sweets {
    padding: 5.4rem 0 0;
  }
}
#l-jp-sake #p-intro .sweets_txt {
  width: 42.7rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .sweets_txt {
    width: 17.2rem;
  }
}
#l-jp-sake #p-intro .sweets_img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 60rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-intro .sweets_img {
    top: 2.1rem;
    right: calc(50% - 50vw);
    width: 23rem;
  }
}
#l-jp-sake #p-mariage .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-inline: auto;
  max-width: 100rem;
}
#l-jp-sake #p-mariage .modal {
  display: grid;
  place-content: center;
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  padding-block: 5rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.8s opacity;
}
#l-jp-sake #p-mariage .modal.is-open {
  opacity: 1;
  pointer-events: all;
}
#l-jp-sake #p-mariage .modal_close {
  position: fixed;
  inset: 0;
  background: rgba(132, 139, 163, 0.7);
}
#l-jp-sake #p-mariage .modal_close:focus-visible {
  opacity: 1;
}
@media (any-hover: hover) {
  #l-jp-sake #p-mariage .modal_close:hover {
    opacity: 1;
  }
}
#l-jp-sake #p-mariage .modal_img {
  position: relative;
  z-index: 1;
  width: 53.7rem;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
#l-jp-sake #p-mariage .modal_img::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-mariage .modal_img {
    width: 33.5rem;
  }
}
#l-jp-sake #p-mariage .p-recommend-mariage .list {
  margin-top: 5.3rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-mariage .p-recommend-mariage .list {
    margin-top: 1.6rem;
  }
}
#l-jp-sake #p-mariage .p-unique-mariage {
  margin-top: 8.5rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-mariage .p-unique-mariage {
    margin-top: 2.5rem;
  }
}
#l-jp-sake #p-mariage .p-unique-mariage .list {
  margin-top: 8.5rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-mariage .p-unique-mariage .list {
    margin-top: 2.5rem;
  }
}
#l-jp-sake #p-how-to-enjoy {
  margin-top: 13.2rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-how-to-enjoy {
    margin-top: 4rem;
  }
}
#l-jp-sake #p-how-to-enjoy .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 8rem;
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-how-to-enjoy .list {
    gap: 1.2rem 2.5rem;
    margin-top: 2rem;
  }
}
#l-jp-sake #p-how-to-enjoy .list_txt {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-how-to-enjoy .list_txt {
    margin-top: 2rem;
  }
}
#l-jp-sake #p-how-to-enjoy .intro-txt {
  margin: 10rem auto 0;
  width: 83.2rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-how-to-enjoy .intro-txt {
    margin-top: 3.8rem;
    width: 26.1rem;
  }
}
#l-jp-sake #p-how-to-enjoy .intro-btn {
  margin-top: 4.5rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-how-to-enjoy .intro-btn {
    margin-top: 2rem;
  }
}
#l-jp-sake #p-how-to-enjoy .intro-btn_link {
  display: block;
  margin-inline: auto;
  width: 45rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-how-to-enjoy .intro-btn_link {
    width: 27.7rem;
  }
}
#l-jp-sake #p-how-to-enjoy .post-txt {
  margin: 10rem auto 0;
  width: 65.4rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-how-to-enjoy .post-txt {
    margin-top: 4rem;
    width: 27.9rem;
  }
}
#l-jp-sake #p-other {
  position: relative;
  margin-top: 5rem;
  padding-block: 22.4rem 32.1rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other {
    margin-top: 2.8rem;
    padding-block: 7.6rem 10rem;
  }
}
#l-jp-sake #p-other::before, #l-jp-sake #p-other::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
}
#l-jp-sake #p-other::before {
  top: -0.2rem;
  height: 13.3rem;
  background: url(../img/wave_pattern_01_pc.png) center top/contain repeat-x;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other::before {
    height: 3.2rem;
    background: url(../img/wave_pattern_01_sp.png) center bottom/100% auto repeat-x;
  }
}
#l-jp-sake #p-other::after {
  bottom: 0;
  height: 24.3rem;
  background: url(../img/wave_pattern_02_pc.png) center bottom/contain repeat-x;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other::after {
    height: 7.8rem;
    background: url(../img/wave_pattern_02_sp.png) center bottom/100% auto repeat-x;
  }
}
#l-jp-sake #p-other .pairing-member-ttl {
  width: 51.7rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .pairing-member-ttl {
    width: 24.8rem;
  }
}
#l-jp-sake #p-other .pairing-member-txt {
  margin-top: 4rem;
  width: 93.1rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .pairing-member-txt {
    margin: 3.3rem auto 0;
    width: 28.9rem;
  }
}
#l-jp-sake #p-other .pairing-member-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10rem 4.4rem;
  margin: 10rem auto 0;
  width: 91.6rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .pairing-member-list {
    gap: 5.5rem 2.3rem;
    margin-top: 3.9rem;
    width: 29.5rem;
  }
}
#l-jp-sake #p-other .pairing-member-list_img {
  margin-inline: auto;
  width: 21.7rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .pairing-member-list_img {
    width: 8.6rem;
  }
}
#l-jp-sake #p-other .pairing-member-list_ttl {
  margin-top: 5.4rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .pairing-member-list_ttl {
    margin-top: 3rem;
  }
}
#l-jp-sake #p-other .pairing-member-list_txt {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .pairing-member-list_txt {
    margin-top: 2rem;
  }
}
#l-jp-sake #p-other .possible-to-until-ttl {
  margin-top: 15rem;
  width: 40.8rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .possible-to-until-ttl {
    margin-top: 5.5rem;
    width: 19.6rem;
  }
}
#l-jp-sake #p-other .possible-to-until-list {
  margin-top: 10rem;
}
@media screen and (min-width: 768px) {
  #l-jp-sake #p-other .possible-to-until-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 11rem;
    margin-inline: auto;
    width: 78.6rem;
  }
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .possible-to-until-list {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .possible-to-until-list_item:nth-child(n+2) {
    margin-top: 4rem;
  }
}
#l-jp-sake #p-other .possible-to-until-list_link {
  display: block;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .possible-to-until-list_link {
    display: grid;
    grid-template-columns: 14rem 1fr;
    gap: 0 1.7rem;
  }
}
#l-jp-sake #p-other .possible-to-until-list_img {
  border-radius: 1.3rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .possible-to-until-list_img {
    border-radius: 1.1rem;
  }
}
#l-jp-sake #p-other .possible-to-until-list_ttl {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .possible-to-until-list_ttl {
    margin-top: 1.2rem;
  }
}
#l-jp-sake #p-other .rice-and-alcohol-made-ttl {
  margin-top: 17.3rem;
  width: 80.4rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-ttl {
    margin-top: 6.4rem;
    width: 26.4rem;
  }
}
#l-jp-sake #p-other .rice-and-alcohol-made-list {
  margin-top: 10rem;
}
@media screen and (min-width: 768px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-list {
    margin-inline: auto;
    width: 89.8rem;
  }
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.7rem;
    margin-top: 3.4rem;
  }
}
@media screen and (min-width: 768px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-list_item {
    display: grid;
    align-items: center;
    grid-template-columns: 27.9rem 1fr;
    column-gap: 5.4rem;
  }
  #l-jp-sake #p-other .rice-and-alcohol-made-list_item:nth-child(n+2) {
    margin-top: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-list_img {
    grid-column: 1;
  }
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-list_img {
    margin-inline: auto;
    width: 12.4rem;
  }
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-list_inner {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-list_ttl {
    width: 47.6rem;
  }
}
#l-jp-sake #p-other .rice-and-alcohol-made-list_txt {
  margin-top: 4.2rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .rice-and-alcohol-made-list_txt {
    margin-top: 3rem;
  }
}
#l-jp-sake #p-other .official-site-ttl {
  margin-top: 16.6rem;
  width: 36.6rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .official-site-ttl {
    margin-top: 5.5rem;
    width: 17.7rem;
  }
}
#l-jp-sake #p-other .official-site-txt {
  margin: 8.4rem auto 0;
  width: 44.6rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .official-site-txt {
    margin-top: 3.8rem;
    width: 23.4rem;
  }
}
#l-jp-sake #p-other .official-site-btn {
  margin-top: 4.9rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .official-site-btn {
    margin-top: 3rem;
  }
}
#l-jp-sake #p-other .official-site-btn_link {
  display: block;
  margin-inline: auto;
  width: 45rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .official-site-btn_link {
    width: 27.7rem;
  }
}
#l-jp-sake #p-other .official-site-note {
  margin-top: 11.3rem;
}
@media screen and (max-width: 767px) {
  #l-jp-sake #p-other .official-site-note {
    margin-top: 4.3rem;
  }
}