@keyframes fuwaMenu {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
.sake-makers-message {
  --font-family: "Noto Serif JP", serif;
}

@media screen and (min-width: 768px) {
  .js-fadeIn {
    opacity: 0;
    transform: translateY(50px);
    transition: ease-in, opacity 1s, transform 1s;
  }
  .js-fadeIn--active {
    opacity: 1;
    transform: translateY(0);
  }
  .js-reveal {
    opacity: 0;
    transform: translateY(20%);
    transition: opacity 2s ease, transform 2s ease;
  }
  .js-reveal.delay {
    transition-delay: 0.3s;
  }
  .js-reveal--active {
    opacity: 1;
    transform: translateY(0);
  }
  .ec-layoutRole__contents {
    padding: 0 !important;
    margin: 0;
  }
  .sake-makers-message {
    font-family: var(--font-family);
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/bg.png);
    background-size: 100%;
    padding-bottom: calc(60 * 100vw / 1440);
  }
  .sake-makers-message .s-view {
    display: none;
  }
  .sake-makers-message .l-view {
    display: block;
  }
  .sake-makers-message__headline {
    text-align: center;
    margin: 0;
    font-size: max(2.4rem, min(32 * 100vw / 1440, 3.2rem));
    margin-bottom: calc(100 * 100vw / 1440);
    font-family: var(--font-family);
  }
  .sake-makers-message__header {
    background: url(/html/template/sakecabinet/assets/img/common/pages/sake-makers-message_header.png) no-repeat;
    background-size: auto 100%;
    color: #fff;
    padding: 10rem 0;
    background-color: #00052a;
    margin-bottom: calc(35 * 100vw / 1440);
  }
  .sake-makers-message__header__list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100rem;
    width: calc(1000 * 100vw / 1440);
    aspect-ratio: 1000/372;
    margin: 0 auto;
  }
  .sake-makers-message__header__list__item {
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/bg.png);
    background-size: 100%;
    max-width: 30rem;
    width: calc(300 * 100vw / 1440);
    aspect-ratio: 300/372;
    position: relative;
  }
  .sake-makers-message__header__list__item a {
    padding-top: calc(25 * 100vw / 1440);
    display: block;
    position: relative;
    height: 100%;
  }
  .sake-makers-message__header__list__item a::after {
    content: "";
    transition: all 0.3s;
  }
  .sake-makers-message__header__list__item a:hover {
    text-decoration: unset !important;
  }
  .sake-makers-message__header__list__item a:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(24, 59, 115, 0.2);
  }
  .sake-makers-message__header__list__item .css-icon {
    bottom: calc(13 * 100vw / 1440);
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 2.5rem;
    width: calc(25 * 100vw / 1440);
    aspect-ratio: 25/25;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/sake-makers-message_allow.svg);
  }
  .sake-makers-message__header__list__item .css-label_block {
    margin-bottom: calc(20 * 100vw / 1440);
  }
  .sake-makers-message__header__list__item .css-label_block .css-label {
    position: relative;
    left: calc(-10 * 100vw / 1440);
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 23.2rem;
    width: calc(232 * 100vw / 1440);
    aspect-ratio: 232/57;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/sake-makers-message_label.png);
    color: #fff;
    font-size: max(1.4rem, min(14 * 100vw / 1440, 1.4rem));
  }
  .sake-makers-message__header__list__item .css-label_block .css-text1 {
    color: #000;
    font-size: max(1.4rem, min(14 * 100vw / 1440, 1.4rem));
    margin-top: calc(10 * 100vw / 1440);
    padding-left: calc(25 * 100vw / 1440);
  }
  .sake-makers-message__header__list__item .css-text_block {
    padding: calc(0 * 100vw / 1440) calc(25 * 100vw / 1440);
  }
  .sake-makers-message__header__list__item .css-text_block__wrapper {
    max-width: 24.3rem;
    width: calc(243 * 100vw / 1440);
    aspect-ratio: 243/168;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
  }
  .sake-makers-message__header__list__item .css-text_block__wrapper .css-text2 {
    text-align: center;
    color: #000;
    line-height: 1.2;
    font-size: max(2.2rem, min(22 * 100vw / 1440, 2.2rem));
    position: relative;
  }
  .sake-makers-message__header__list__item .css-text_block__wrapper .css-text2--text {
    font-weight: bold;
    font-size: max(2.2rem, min(22 * 100vw / 1440, 2.2rem));
    position: relative;
    z-index: 1;
  }
  .sake-makers-message__header__list__item .css-text_block__wrapper .css-text2--obi {
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: calc(13 * 100vw / 1440);
    display: inline-block;
    background-color: #f6ff00;
  }
  .sake-makers-message__wrapper {
    max-width: 144rem;
    width: calc(1440 * 100vw / 1440);
    margin: 0 auto;
  }
  .sake-makers-message .css-seciton {
    position: relative;
    margin-bottom: calc(90 * 100vw / 1440);
  }
  .sake-makers-message .css-seciton__header {
    position: relative;
    max-width: 123.4rem;
    width: calc(1234 * 100vw / 1440);
    aspect-ratio: 1234/523;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: calc(35 * 100vw / 1440);
  }
  .sake-makers-message .css-seciton__header .css-image {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: auto;
  }
  .sake-makers-message .css-seciton__header .css-text_block {
    position: absolute;
    z-index: 2;
  }
  .sake-makers-message .css-seciton__header .css-text_block .css-text1 {
    color: #fff;
    font-size: max(2.6rem, min(26 * 100vw / 1440, 2.6rem));
    font-family: var(--font-family);
    letter-spacing: -0.05em;
    line-height: 2;
    margin-bottom: calc(20 * 100vw / 1440);
  }
  .sake-makers-message .css-seciton__header .css-text_block .css-text2 {
    color: #fff;
    font-size: max(3.2rem, min(32 * 100vw / 1440, 3.2rem));
    font-family: var(--font-family);
    letter-spacing: -0.05em;
    line-height: 2;
    margin-bottom: calc(60 * 100vw / 1440);
  }
  .sake-makers-message .css-seciton__header .css-text_block .css-text3 {
    color: #fff;
    font-size: max(2.4rem, min(24 * 100vw / 1440, 2.4rem));
    font-family: var(--font-family);
    letter-spacing: -0.05em;
    line-height: 2;
  }
  .sake-makers-message .css-seciton .css-text_description {
    padding: 0 calc(10 * 100vw / 1440);
    max-width: 123.4rem;
    width: calc(1234 * 100vw / 1440);
  }
  .sake-makers-message .css-seciton .css-text_description--text {
    max-width: 100rem;
    width: calc(1000 * 100vw / 1440);
    color: #000;
    font-size: max(1.6rem, min(16 * 100vw / 1440, 1.6rem));
    font-family: var(--font-family);
    letter-spacing: -0.05em;
    line-height: 2;
  }
  .sake-makers-message .css-seciton__header.left {
    margin-left: auto;
  }
  .sake-makers-message .css-seciton__header.left .css-text_block {
    left: calc(74 * 100vw / 1440);
  }
  .sake-makers-message .css-seciton__header.right {
    margin-right: auto;
  }
  .sake-makers-message .css-seciton__header.right .css-text_block {
    right: calc(74 * 100vw / 1440);
  }
  .sake-makers-message .css-seciton .css-text_description.right {
    margin-left: auto;
  }
  .sake-makers-message .css-seciton .css-text_description.left {
    margin-left: auto;
  }
  .sake-makers-message .css-position_right {
    width: 100%;
    text-align: right;
  }
  .sake-makers-message .css-position_left {
    width: 100%;
    text-align: left;
  }
  .sake-makers-message .css-common_button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: calc(315 * 100vw / 1440);
    aspect-ratio: 305/50;
    position: relative;
    font-size: max(1.4rem, min(16 * 100vw / 1440, 1.6rem));
    line-height: 1;
    font-family: var(--font-family);
    border: solid 1px #000;
    color: #000;
    padding: 0 calc(26 * 100vw / 1440);
  }
  .sake-makers-message .css-common_button.icon-left::before, .sake-makers-message .css-common_button.icon-left::after, .sake-makers-message .css-common_button.icon-right::before, .sake-makers-message .css-common_button.icon-right::after {
    content: "";
    width: 0.9rem;
    aspect-ratio: 1/1;
    display: none;
    position: absolute;
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/common_button_allow.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
  }
  .sake-makers-message .css-common_button.icon-left::before {
    display: block;
    transform: rotate(180deg);
    left: calc(10 * 100vw / 1440);
  }
  .sake-makers-message .css-common_button.icon-right::after {
    display: block;
    right: calc(10 * 100vw / 1440);
  }
  .sake-makers-message .css-common_button:hover {
    text-decoration: unset;
  }
  .ec-layoutRole__contents {
    padding: 0 !important;
    margin: 0;
  }
  .banner {
    border-top: unset !important;
    margin: unset !important;
  }
}
@media screen and (max-width: 767px) {
  .js-fadeIn {
    opacity: 0;
    transform: translateY(50px);
    transition: ease-in, opacity 1s, transform 1s;
  }
  .js-fadeIn--active {
    opacity: 1;
    transform: translateY(0);
  }
  .js-reveal {
    opacity: 0;
    transform: translateY(20%);
    transition: opacity 2s ease, transform 2s ease;
  }
  .js-reveal.delay {
    transition-delay: 0.3s;
  }
  .js-reveal--active {
    opacity: 1;
    transform: translateY(0);
  }
  .ec-layoutRole__contents {
    padding: 0 !important;
    margin: 0;
  }
  .sake-makers-message {
    font-family: var(--font-family);
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/bg.png);
    background-size: 100%;
    padding-bottom: calc(60 * 100vw / 750);
  }
  .sake-makers-message .s-view {
    display: block;
  }
  .sake-makers-message .l-view {
    display: none;
  }
  .sake-makers-message__headline {
    text-align: center;
    margin: 0;
    font-size: max(2.4rem, min(32 * 100vw / 750, 3.2rem));
    margin-bottom: calc(150 * 100vw / 750);
    font-family: var(--font-family);
  }
  .sake-makers-message__header {
    background: url(/html/template/sakecabinet/assets/img/common/pages/sake-makers-message_header.png) no-repeat;
    background-size: auto 100%;
    color: #fff;
    padding: 10rem 0;
    background-color: #00052a;
    margin-bottom: calc(120 * 100vw / 750);
  }
  .sake-makers-message__header__list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: calc(680 * 100vw / 750);
    margin: 0 auto;
    row-gap: calc(60 * 100vw / 750);
  }
  .sake-makers-message__header__list__item {
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/bg.png);
    background-size: 100%;
    width: 100%;
    position: relative;
    padding: calc(25 * 100vw / 750) 0;
  }
  .sake-makers-message__header__list__item a:hover {
    text-decoration: unset !important;
  }
  .sake-makers-message__header__list__item .css-icon {
    bottom: calc(13 * 100vw / 750);
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(32 * 100vw / 750);
    aspect-ratio: 32/32;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/sake-makers-message_allow.svg);
  }
  .sake-makers-message__header__list__item .css-label_block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: calc(30 * 100vw / 750);
  }
  .sake-makers-message__header__list__item .css-label {
    position: relative;
    left: calc(-10 * 100vw / 750);
    padding-left: calc(20 * 100vw / 750);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(450 * 100vw / 750);
    aspect-ratio: 450/111;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/sake-makers-message_label_sp.png);
    color: #fff;
    font-size: max(1.4rem, min(14 * 100vw / 750, 1.4rem));
  }
  .sake-makers-message__header__list__item .css-text1 {
    color: #000;
    font-size: max(1.4rem, min(14 * 100vw / 750, 1.4rem));
  }
  .sake-makers-message__header__list__item .css-text_block {
    padding: calc(0 * 100vw / 750) calc(10 * 100vw / 750);
  }
  .sake-makers-message__header__list__item .css-text_block__wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: calc(30 * 100vw / 750) 0;
    margin-bottom: calc(20 * 100vw / 750);
  }
  .sake-makers-message__header__list__item .css-text_block__wrapper .css-text2 {
    text-align: center;
    color: #000;
    line-height: 1.2;
    font-size: calc(32 * 100vw / 750);
    position: relative;
  }
  .sake-makers-message__header__list__item .css-text_block__wrapper .css-text2--text {
    font-weight: bold;
    font-size: calc(32 * 100vw / 750);
    position: relative;
    z-index: 1;
  }
  .sake-makers-message__header__list__item .css-text_block__wrapper .css-text2--obi {
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: calc(13 * 100vw / 750);
    display: inline-block;
    background-color: #f6ff00;
  }
  .sake-makers-message__wrapper {
    width: calc(750 * 100vw / 750);
    margin: 0 auto;
  }
  .sake-makers-message .css-seciton {
    position: relative;
    margin-bottom: calc(120 * 100vw / 750);
  }
  .sake-makers-message .css-seciton__header {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/623;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: calc(0 * 100vw / 750) calc(60 * 100vw / 750);
    margin-bottom: calc(60 * 100vw / 750);
  }
  .sake-makers-message .css-seciton__header .css-image {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: auto;
  }
  .sake-makers-message .css-seciton__header .css-text_block {
    z-index: 2;
  }
  .sake-makers-message .css-seciton__header .css-text_block .css-text1 {
    color: #fff;
    font-size: calc(32 * 100vw / 750);
    font-family: var(--font-family);
    letter-spacing: -0.05em;
    line-height: 1.5;
    margin-bottom: calc(12 * 100vw / 750);
  }
  .sake-makers-message .css-seciton__header .css-text_block .css-text2 {
    color: #fff;
    font-size: calc(32 * 100vw / 750);
    font-family: var(--font-family);
    letter-spacing: -0.05em;
    line-height: 1.5;
    margin-bottom: calc(60 * 100vw / 750);
  }
  .sake-makers-message .css-seciton__header .css-text_block .css-text3 {
    color: #fff;
    font-size: calc(32 * 100vw / 750);
    font-family: var(--font-family);
    letter-spacing: -0.05em;
    line-height: 1.5;
  }
  .sake-makers-message .css-seciton .css-text_description {
    padding: 0 calc(30 * 100vw / 750);
    width: 100%;
  }
  .sake-makers-message .css-seciton .css-text_description--text {
    width: 100%;
    color: #000;
    font-size: max(1.6rem, min(16 * 100vw / 750, 1.6rem));
    font-family: var(--font-family);
    letter-spacing: -0.05em;
    line-height: 2;
  }
  .sake-makers-message .css-position_right {
    width: 100%;
    text-align: right;
  }
  .sake-makers-message .css-position_left {
    width: 100%;
    text-align: left;
  }
  .sake-makers-message .css-common_button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 690/92;
    position: relative;
    font-size: calc(32 * 100vw / 750);
    line-height: 1;
    font-family: var(--font-family);
    border: solid 1px #000;
    color: #000;
    padding: 0 calc(26 * 100vw / 750);
  }
  .sake-makers-message .css-common_button.icon-left::before, .sake-makers-message .css-common_button.icon-left::after, .sake-makers-message .css-common_button.icon-right::before, .sake-makers-message .css-common_button.icon-right::after {
    content: "";
    width: calc(24 * 100vw / 750);
    aspect-ratio: 1/1;
    display: none;
    position: absolute;
    background-image: url(/html/template/sakecabinet/assets/img/common/pages/common_button_allow.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
  }
  .sake-makers-message .css-common_button.icon-left::before {
    display: block;
    transform: rotate(180deg);
    left: calc(40 * 100vw / 750);
  }
  .sake-makers-message .css-common_button.icon-right::after {
    display: block;
    right: calc(40 * 100vw / 750);
  }
  .sake-makers-message .css-common_button:hover {
    text-decoration: unset;
  }
  .ec-layoutRole__contents {
    padding: 0 !important;
    margin: 0;
  }
  .banner {
    border-top: unset !important;
    margin: unset !important;
  }
}