@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
html {
  scroll-behavior: smooth;
}
html.is-modal-open {
  scrollbar-gutter: stable;
}
html.is-modal-open,
html.is-modal-open body {
  overflow: hidden;
}
.toaster {
  color: #4a4a4a;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
  font-size: 14px;
  overflow-x: hidden;
  --header-h: 0px;
}
@media screen and (max-width: 768px) {
  .toaster {
    --header-h: 70px;
    margin-top: var(--header-h);
  }
}
.toaster * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .toaster .isPc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .toaster .isSp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .toaster .isdot {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .toaster .inline_pc {
    display: inline-block;
  }
}
.toaster a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.toaster a:hover {
  opacity: 0.7;
}
.toaster button {
  font-family: inherit;
  color: inherit;
  cursor: pointer;
}
.toaster img {
  display: block;
  max-width: 100%;
  height: auto;
}
.toaster ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.toaster p,
.toaster h1,
.toaster h2,
.toaster h3 {
  margin: 0;
}
.toaster .l_inr {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .toaster .l_inr {
    width: min(87.5vw, 1120px);
    padding-inline: min(1.5625vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .l_inr {
    padding-inline: 7.881773399014778vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .c_lines li:not(:first-child) {
    margin-top: min(1.171875vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .c_lines li:not(:first-child) {
    margin-top: 2.955665024630542vw;
  }
}
.toaster .c_lines span {
  display: inline-block;
  letter-spacing: 0;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .toaster .c_lines span {
    font-size: clamp(20px, 2.1875vw, 28px);
    padding-bottom: min(0.78125vw, 10px);
    border-bottom: 1px solid #a3a3a3;
  }
}
@media screen and (max-width: 768px) {
  .toaster .c_lines span {
    font-size: max(13px, 4.187192118226601vw);
    letter-spacing: 0.05em;
    padding-bottom: 1.970443349753695vw;
    border-bottom: 1px solid #4a4a4a;
  }
}
@media screen and (min-width: 769px) {
  .toaster .c_lines + .c_lines {
    margin-top: min(1.7187500000000002vw, 22px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .c_lines + .c_lines {
    margin-top: 2.955665024630542vw;
  }
}
.toaster .c_lines--s span {
  letter-spacing: 0;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .toaster .c_lines--s span {
    font-size: clamp(14px, 1.25vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .c_lines--s span {
    font-size: max(9px, 2.955665024630542vw);
    letter-spacing: 0;
  }
}
@media screen and (min-width: 769px) {
  .toaster .c_body {
    margin-top: min(1.953125vw, 25px);
    font-size: clamp(13px, 1.25vw, 16px);
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .toaster .c_body {
    display: none;
  }
}
.toaster .c_body p + p {
  margin-top: 1.5em;
}
.toaster .c_note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 769px) {
  .toaster .c_note {
    margin-top: 1.5em;
    font-size: clamp(11px, 0.9375vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .c_note {
    font-size: max(10px, 2.955665024630542vw);
  }
}
.toaster .c_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .toaster .c_btn {
    min-height: min(4.0625vw, 52px);
    font-size: clamp(13px, 1.40625vw, 18px);
    border: 1px solid #a3a3a3;
  }
}
@media screen and (max-width: 768px) {
  .toaster .c_btn {
    min-height: 10.344827586206897vw;
    font-size: max(13px, 3.9408866995073892vw);
    border: 1px solid #4a4a4a;
  }
}
.toaster .c_btn--w {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.toaster .c_more {
  display: none;
}
@media screen and (max-width: 768px) {
  .toaster .c_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3.940886699507389vw;
    width: 27.339901477832512vw;
    height: 7.635467980295567vw;
    margin: 6.157635467980295vw 0 0 auto;
    padding: 0;
    background: #dde5ec;
    border: 1px solid #8a8a8a;
    font-size: max(10px, 2.70935960591133vw);
    letter-spacing: 0.05em;
  }
  .toaster .c_more:after {
    content: "\2197";
    font-family: sans-serif;
    font-size: max(12px, 3.4482758620689657vw);
    line-height: 1;
  }
}
.toaster .c_modal {
  width: 86.20689655172414vw;
  max-height: calc(100% - 40px);
  margin: auto;
  padding: 0;
  border: none;
  background: #4b4b4b;
  color: #fff;
}
.toaster .c_modal::-webkit-backdrop {
  background: rgba(0,0,0,0.5);
}
.toaster .c_modal::backdrop {
  background: rgba(0,0,0,0.5);
}
.toaster .c_modal_inr {
  position: relative;
  padding: 23.15270935960591vw 7.389162561576355vw 7.389162561576355vw;
}
.toaster .c_modal_x {
  position: absolute;
  top: 7.389162561576355vw;
  right: 7.389162561576355vw;
  width: 5.911330049261084vw;
  height: 5.911330049261084vw;
  padding: 0;
  background: none;
  border: none;
}
.toaster .c_modal_x:before,
.toaster .c_modal_x:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.toaster .c_modal_x:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.toaster .c_modal_body {
  font-size: max(10px, 2.955665024630542vw);
  letter-spacing: 0.01em;
  line-height: 2;
}
.toaster .c_modal_body p + p {
  margin-top: 1.5em;
}
.toaster .c_modal_body .c_note {
  background-color: rgba(255,255,255,0.3);
}
@media screen and (max-width: 768px) {
  .toaster .c_modal_body .c_note {
    border-radius: 30px;
    font-size: max(9px, 2.70935960591133vw);
    padding-block: 3px;
    margin-top: 9.852216748768473vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.toaster .c_modal_body .c_note_icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 15px;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/files/user/content/toaster/img/note.png");
}
.toaster .c_modal_close {
  display: block;
  width: 100%;
  margin-top: 9.852216748768473vw;
  padding: 1.477832512315271vw;
  border: 1px solid #fff;
  font-size: max(16px, 4.433497536945813vw);
  letter-spacing: 0.1em;
}
.toaster [id] {
  scroll-margin-top: var(--nav-h, 0px);
}
.toaster .nav {
  position: relative;
  z-index: 10;
  background: #f5f5f5;
  border-bottom: 1px solid #d9d9d9;
}
.toaster .nav.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-animation: navFixedIn 0.4s ease;
          animation: navFixedIn 0.4s ease;
}
@media screen and (max-width: 768px) {
  .toaster .nav--row .nav_toggle {
    display: none;
  }
  .toaster .nav--row .nav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4.433497536945813vw 0;
    border: none;
  }
  .toaster .nav--row .nav_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .toaster .nav--row .nav_list li:not(:first-child) {
    border-top: none;
    padding-left: 3.940886699507389vw;
    margin-left: 3.940886699507389vw;
    border-left: 1px solid #4a4a4a;
  }
  .toaster .nav--row .nav_list a {
    padding: 0;
    font-size: 3.694581280788177vw;
    white-space: nowrap;
  }
}
.toaster .nav_toggle {
  width: 100%;
  height: 15.270935960591133vw;
  padding: 0;
  background: none;
  border: none;
  position: relative;
}
@media screen and (max-width: 768px) {
  .toaster .nav_toggle {
    display: block;
  }
}
.toaster .nav_toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6.403940886699507vw;
  width: 2.463054187192118vw;
  height: 2.463054187192118vw;
  border-right: 1.5px solid #5d7b88;
  border-bottom: 1.5px solid #5d7b88;
  -webkit-transform: translateY(-75%) rotate(45deg);
          transform: translateY(-75%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.toaster .nav_toggle[aria-expanded='true']:after {
  -webkit-transform: translateY(-25%) rotate(-135deg);
          transform: translateY(-25%) rotate(-135deg);
}
@media screen and (min-width: 769px) {
  .toaster .nav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: min(2.34375vw, 30px) max(min(3.90625vw, 50px), calc((100% - 1280px) / 2 + 50px));
  }
}
@media screen and (max-width: 768px) {
  .toaster .nav_list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #f5f5f5;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 0.985221674876847vw 7.881773399014778vw;
  }
}
@media screen and (max-width: 768px) {
  .toaster .nav_list.is-open {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .toaster .nav_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .toaster .nav_list li:not(:first-child) {
    padding-left: min(2.34375vw, 30px);
    margin-left: min(2.34375vw, 30px);
    border-left: 1px solid #4a4a4a;
  }
}
@media screen and (max-width: 768px) {
  .toaster .nav_list li:not(:first-child) {
    border-top: 1px solid #d9d9d9;
  }
}
.toaster .nav_list a {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .toaster .nav_list a {
    font-size: clamp(20px, 1.7187500000000002vw, 22px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .nav_list a {
    display: block;
    padding: 3.448275862068966vw 0;
    font-size: max(15px, 4.433497536945813vw);
  }
}
.toaster .mv {
  position: relative;
  overflow: hidden;
}
.toaster .mv .swiper-wrapper,
.toaster .mv .swiper-slide {
  height: auto;
}
.toaster .mv .swiper-slide img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 769px) {
  .toaster .mv .swiper-slide img {
    aspect-ratio: 1280/464;
  }
}
@media screen and (max-width: 768px) {
  .toaster .mv .swiper-slide img {
    aspect-ratio: 406/456;
  }
}
.toaster .mv_polygon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 42.1875%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .toaster .mv_polygon {
    display: none;
  }
}
.toaster .mv_polygon img {
  width: 100%;
}
.toaster .mv_logo {
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .toaster .mv_logo {
    right: 2.65625%;
    bottom: 6.46551724137931%;
    width: 25.937500000000004%;
  }
}
@media screen and (max-width: 768px) {
  .toaster .mv_logo {
    top: 20.175438596491226%;
    left: 50%;
    width: 59.60591133004927%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.toaster .mv_logo img {
  width: 100%;
}
.toaster .mv .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(1.5625vw, 20px);
  bottom: min(2.34375vw, 30px);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .toaster .mv .swiper-pagination {
    display: none;
  }
}
.toaster .mv .swiper-pagination-bullet {
  width: min(1.484375vw, 19px);
  height: min(1.484375vw, 19px);
  margin: 0 !important;
  background: rgba(255,255,255,0.5);
  opacity: 1;
}
.toaster .mv .swiper-pagination-bullet-active {
  background: #fff;
}
.toaster .lead {
  background: #b4d3c4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 769px) {
  .toaster .lead {
    padding: min(3.28125vw, 42px) 0;
  }
}
@media screen and (max-width: 768px) {
  .toaster .lead {
    padding: 6.157635467980295vw 3.940886699507389vw;
  }
}
.toaster .lead_txt {
  position: relative;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .toaster .lead_txt {
    font-weight: 600;
    font-size: clamp(20px, 2.1875vw, 28px);
    line-height: 1.6;
    padding: min(2.265625vw, 29px) min(2.734375vw, 35px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lead_txt {
    width: 100%;
    font-size: max(11px, 3.4482758620689657vw);
    line-height: 2.67;
    padding: 4.926108374384237vw 0;
  }
}
.toaster .lead_txt:before,
.toaster .lead_txt:after {
  content: "";
  position: absolute;
  border: 0 solid #fff;
}
@media screen and (min-width: 769px) {
  .toaster .lead_txt:before,
  .toaster .lead_txt:after {
    width: min(5.78125vw, 74px);
    height: min(5.78125vw, 74px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lead_txt:before,
  .toaster .lead_txt:after {
    width: 18.226600985221676vw;
    height: 18.226600985221676vw;
  }
}
.toaster .lead_txt:before {
  top: 0;
  left: 0;
  border-top-width: 1px;
  border-left-width: 1px;
}
.toaster .lead_txt:after {
  right: 0;
  bottom: 0;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.toaster .lead_sp {
  display: inline-block;
  width: 1em;
}
.toaster .intro {
  background: #fff;
}
@media screen and (min-width: 769px) {
  .toaster .intro {
    padding: min(7.8125vw, 100px) 0;
  }
}
@media screen and (max-width: 768px) {
  .toaster .intro {
    padding: 7.389162561576355vw 0;
  }
}
.toaster .intro_inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .toaster .intro_inr {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(3.90625vw, 50px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .intro_inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 6.403940886699507vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .intro_txt {
    width: min(33.59375vw, 430px);
  }
}
@media screen and (min-width: 769px) {
  .toaster .intro_img {
    width: min(46.875vw, 600px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 769px) {
  .toaster .intro_btn {
    margin-top: min(2.65625vw, 34px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .intro_btn {
    margin-top: 5.665024630541872vw;
  }
}
.toaster .intro_strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.toaster .intro_strong span {
  display: inline-block;
}
.toaster .intro_strong span:nth-of-type(2) {
  margin-inline: auto 0;
}
@media screen and (min-width: 769px) {
  .toaster .intro_tm {
    margin-top: min(1.171875vw, 15px);
    font-size: clamp(11px, 0.9375vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .intro_tm {
    margin-top: 2.463054187192118vw;
    font-size: max(10px, 2.955665024630542vw);
  }
}
.toaster .story {
  position: relative;
  background: #dde5ec;
}
@media screen and (min-width: 769px) {
  .toaster .story {
    padding: min(9.375vw, 120px) 0;
  }
}
@media screen and (max-width: 768px) {
  .toaster .story {
    padding: 12.31527093596059vw 0 24.63054187192118vw;
  }
}
.toaster .story_en {
  font-family: "Cormorant Garamond", serif;
  font-weight: bold;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  position: absolute;
  z-index: 1;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #005293;
}
@media screen and (min-width: 769px) {
  .toaster .story_en {
    top: min(17.5vw, 224px);
    right: max(min(0.8593750000000001vw, 11px), calc((100% - 1280px) / 2 + 11px));
    font-size: min(8.515625vw, 109px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .story_en {
    top: 31.2807881773399vw;
    right: -3.201970443349754vw;
    font-size: 16.00985221674877vw;
  }
}
.toaster .story_ttl {
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .toaster .story_ttl {
    font-size: clamp(22px, 2.578125vw, 33px);
    line-height: 1.6;
    margin-bottom: min(7.8125vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .story_ttl {
    font-size: max(12px, 3.9408866995073892vw);
    line-height: 2.33;
    margin-bottom: 12.31527093596059vw;
    margin-inline: -7.881773399014778vw;
  }
}
.toaster .story_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .toaster .story_block {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(3.90625vw, 50px);
    margin-top: min(7.8125vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .story_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.926108374384237vw;
    margin-top: 12.31527093596059vw;
  }
}
@media screen and (max-width: 768px) {
  .toaster .story_block--01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 769px) {
  .toaster .story_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .toaster .story_img {
    width: min(42.96875vw, 550px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.toaster .features {
  position: relative;
  background: #fff;
}
@media screen and (min-width: 769px) {
  .toaster .features {
    max-width: 1280px;
    margin-inline: auto;
    padding: min(5vw, 64px) 0 min(6.015625vw, 77px);
  }
  .toaster .features:before {
    content: "";
    position: absolute;
    top: 0;
    left: min(14.374999999999998vw, 184px);
    height: 100%;
    width: 1px;
    background: #bababa;
  }
}
@media screen and (max-width: 768px) {
  .toaster .features {
    padding-bottom: 20.935960591133004vw;
  }
}
.toaster .feature {
  position: relative;
}
@media screen and (min-width: 769px) {
  .toaster .feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-block: min(6.25vw, 80px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature + .feature {
    margin-top: 10.83743842364532vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .feature--01 .feature_txt {
    max-width: min(33.59375vw, 430px);
  }
  .toaster .feature--01 .feature_txt p {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature--01 {
    margin-bottom: 21.182266009852217vw;
  }
}
.toaster .feature_num {
  font-family: "Cormorant Garamond", serif;
  font-weight: bold;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  color: #005293;
}
@media screen and (min-width: 769px) {
  .toaster .feature_num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: min(14.374999999999998vw, 184px);
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    gap: min(1.5625vw, 20px);
    padding-top: min(1.171875vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_num {
    position: relative;
    isolation: isolate;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 1.477832512315271vw;
  }
  .toaster .feature_num:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 56.1576354679803vw;
    height: 5.665024630541872vw;
    background: #f0f0f0;
    -webkit-clip-path: polygon(0 0, 84.21052631578947% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 84.21052631578947% 0, 100% 100%, 0 100%);
  }
}
.toaster .feature_num_n {
  font-weight: 600;
  font-variant-numeric: lining-nums;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .toaster .feature_num_n {
    font-size: min(12.578125000000002vw, 161px);
    line-height: 0.74;
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_num_n {
    font-size: 18.7192118226601vw;
    line-height: 0.74;
    letter-spacing: -0.02em;
  }
}
.toaster .feature_num_en {
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .toaster .feature_num_en {
    font-weight: 600;
    font-size: min(5vw, 64px);
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_num_en {
    font-weight: 700;
    font-size: 4.926108374384237vw;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 769px) {
  .toaster .feature_main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: min(7.656250000000001vw, 98px);
    padding-right: min(5.3125vw, 68px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_main {
    padding-inline: 5.41871921182266vw;
  }
}
.toaster .feature_ttl {
  color: #005293;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .toaster .feature_ttl {
    font-size: clamp(23px, 2.578125vw, 33px);
    line-height: 1.5;
    margin-bottom: min(5.46875vw, 70px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_ttl {
    font-size: max(18px, 4.926108374384237vw);
    line-height: 1.79;
    margin-top: 6.896551724137931vw;
    margin-bottom: 4.926108374384237vw;
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_ttl_sub {
    display: block;
    margin-top: 0.492610837438424vw;
    font-size: max(10px, 3.2019704433497536vw);
    padding-bottom: 2.463054187192118vw;
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_ttl:has(.feature_ttl_sub) {
    font-size: max(17px, 4.679802955665025vw);
  }
}
.toaster .feature_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .toaster .feature_row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: min(3.90625vw, 50px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 4.926108374384237vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .feature_row--rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .toaster .feature_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: min(31.25vw, 400px);
  }
}
@media screen and (min-width: 769px) {
  .toaster .feature_img {
    width: min(35.15625vw, 450px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature_img img {
    width: 100%;
  }
}
.toaster .feature .expert {
  border: 1px solid #a3a3a3;
}
@media screen and (min-width: 769px) {
  .toaster .feature .expert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(2.34375vw, 30px);
    margin-top: min(5.46875vw, 70px);
    padding: min(2.34375vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature .expert {
    margin-top: 7.389162561576355vw;
    padding: 4.926108374384237vw 7.389162561576355vw;
    border-color: #4a4a4a;
  }
}
@media screen and (min-width: 769px) {
  .toaster .feature .expert + .expert {
    margin-top: min(2.34375vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature .expert + .expert {
    margin-top: 4.926108374384237vw;
  }
}
.toaster .feature .expert_img {
  aspect-ratio: 298/217;
  background: #eee;
}
@media screen and (min-width: 769px) {
  .toaster .feature .expert_img {
    width: min(24.6875vw, 316px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.toaster .feature .expert_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 769px) {
  .toaster .feature .expert_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }
}
.toaster .feature .expert_name {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .toaster .feature .expert_name {
    font-size: clamp(20px, 2.1875vw, 28px);
    margin-bottom: min(1.5625vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature .expert_name {
    font-size: max(12px, 3.6945812807881775vw);
    letter-spacing: 0;
    margin-top: 5.41871921182266vw;
    margin-bottom: 2.463054187192118vw;
  }
}
.toaster .feature .expert_desc {
  word-break: break-all;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .toaster .feature .expert_desc {
    font-size: clamp(13px, 1.25vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature .expert_desc {
    font-size: max(12px, 3.4482758620689657vw);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 768px) {
  .toaster .feature .expert_more {
    width: 100%;
    margin-top: 2.463054187192118vw;
  }
}
.toaster .recipe {
  background: #b4d3c4;
}
@media screen and (min-width: 769px) {
  .toaster .recipe {
    padding-block: min(7.8125vw, 100px);
  }
  .toaster .recipe .recipe_img {
    width: min(84.375vw, 1080px);
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .toaster .recipe {
    padding: 11.330049261083744vw 0;
  }
}
@media screen and (max-width: 768px) {
  .toaster .recipe_img {
    aspect-ratio: 406/152;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .toaster .recipe_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.toaster .recipe_btn {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .toaster .recipe_btn {
    width: min(39.21875vw, 502px);
    min-height: min(4.84375vw, 62px);
    margin-top: min(7.8125vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .recipe_btn {
    min-height: 15.270935960591133vw;
    margin-top: 12.31527093596059vw;
    font-size: max(12px, 3.4482758620689657vw);
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .toaster .recipe .l_inr {
    padding-inline: 7.142857142857143vw;
  }
}
.toaster .lab {
  position: relative;
  background: #fff;
  position: relative;
  background-position: center top;
  z-index: 0;
  background-repeat: repeat-x;
}
@media screen and (min-width: 769px) {
  .toaster .lab .l_inr {
    width: min(90.78125vw, 1162px);
  }
}
@media screen and (min-width: 769px) {
  .toaster .lab {
    background-image: url("/files/user/content/toaster/img/lab_top.png");
    background-size: min(100vw, 1280px) auto;
    padding-bottom: min(37.734375vw, 483px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab {
    background-image: url("/files/user/content/toaster/img/lab_top_sp.png");
    background-size: 100% auto;
  }
}
.toaster .lab_ttl {
  color: #58808a;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .toaster .lab_ttl {
    font-weight: 500;
    font-size: clamp(22px, 2.5vw, 32px);
    padding: min(7.8125vw, 100px) 0 min(3.90625vw, 50px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_ttl {
    font-weight: 600;
    font-size: max(14px, 4.433497536945813vw);
    letter-spacing: 0.02em;
    padding: 14.77832512315271vw 2.463054187192118vw 7.881773399014778vw;
  }
}
.toaster .lab_about {
  background: rgba(248,248,248,0.7);
}
@media screen and (min-width: 769px) {
  .toaster .lab_about {
    padding: min(3.90625vw, 50px) 0;
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_about {
    margin-inline: 0.738916256157635vw;
    padding-block: 2.463054187192118vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .lab_about_inr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: min(9.375vw, 120px);
    padding-inline: min(1.5625vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_about_inr {
    padding-inline: 5.665024630541872vw;
  }
}
.toaster .lab_about_ttl {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .toaster .lab_about_ttl {
    font-weight: 500;
    font-size: clamp(20px, 2.1875vw, 28px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_about_ttl {
    font-weight: 700;
    font-size: max(12px, 3.4482758620689657vw);
  }
}
@media screen and (min-width: 769px) {
  .toaster .lab_about_txt {
    width: min(41.5625vw, 532px);
    min-width: 354px;
    font-size: clamp(14px, 1.25vw, 16px);
    line-height: 2;
    letter-spacing: 0;
  }
  .toaster .lab_about_txt span {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_about_txt {
    margin-top: 0.985221674876847vw;
    font-size: max(10px, 2.955665024630542vw);
    line-height: 2.1;
    letter-spacing: 0;
  }
}
.toaster .lab_voice {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .toaster .lab_voice {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-column-gap: min(3.125vw, 40px);
       -moz-column-gap: min(3.125vw, 40px);
            column-gap: min(3.125vw, 40px);
    padding-top: min(5.46875vw, 70px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.172413793103448vw;
    margin-inline: -2.463054187192118vw;
    padding-top: 6.65024630541872vw;
  }
}
.toaster .lab_voice_item {
  position: relative;
  line-height: 2;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media screen and (min-width: 769px) {
  .toaster .lab_voice_item p {
    border-radius: 64px;
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice_item p {
    border-radius: 10.098522167487685vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .lab_voice_item:nth-of-type(1) p,
  .toaster .lab_voice_item:nth-of-type(4) p {
    min-height: min(9.0625vw, 116px);
    background: #f3f6f7;
    padding: min(0.8593750000000001vw, 11px) min(1.484375vw, 19px) min(0.8593750000000001vw, 11px) min(2.265625vw, 29px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.toaster .lab_voice_item:nth-of-type(2) p,
.toaster .lab_voice_item:nth-of-type(3) p {
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  .toaster .lab_voice_item:nth-of-type(2) p,
  .toaster .lab_voice_item:nth-of-type(3) p {
    background: #fff;
    padding-inline: min(3.671875vw, 47px);
    padding-bottom: min(1.25vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice_item:nth-of-type(odd) p {
    background: #f3f6f7;
    padding-block: 3.201970443349754vw 1.970443349753695vw;
    padding-inline: 4.187192118226601vw;
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice_item:nth-of-type(even) p {
    padding-inline: 7.142857142857143vw 3.694581280788177vw;
    background: #fff;
  }
}
@media screen and (min-width: 769px) {
  .toaster .lab_voice_item {
    font-family: "Noto Sans JP", serif;
    width: min(42.1875vw, 540px);
    padding-inline: min(1.25vw, 16px);
    padding-bottom: min(4.453125vw, 57px);
    border-radius: min(3.125vw, 40px);
    font-size: clamp(12px, 1.25vw, 16px);
  }
  .toaster .lab_voice_item:nth-child(1) {
    background-image: url("/files/user/content/toaster/img/comment1_pc.png");
  }
  .toaster .lab_voice_item:nth-child(2) {
    background-image: url("/files/user/content/toaster/img/comment2_pc.png");
    margin-top: min(11.71875vw, 150px);
  }
  .toaster .lab_voice_item:nth-child(3) {
    background-image: url("/files/user/content/toaster/img/comment3_pc.png");
    margin-top: calc(-1 * min(4.6875vw, 60px));
  }
  .toaster .lab_voice_item:nth-child(3) span {
    display: inline-block;
  }
  .toaster .lab_voice_item:nth-child(4) {
    background-image: url("/files/user/content/toaster/img/comment4_pc.png");
    margin-top: min(4.375vw, 56px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice_item {
    border-radius: 11.083743842364532vw;
    font-size: max(11px, 3.2019704433497536vw);
    font-weight: 500;
    line-height: 1.95;
  }
  .toaster .lab_voice_item:nth-child(1) {
    padding-inline: 2.216748768472907vw;
    padding-bottom: 6.896551724137931vw;
    background-image: url("/files/user/content/toaster/img/comment1_sp.png");
  }
  .toaster .lab_voice_item:nth-child(2) {
    padding-bottom: 9.113300492610838vw;
    background-image: url("/files/user/content/toaster/img/comment2_sp.png");
  }
  .toaster .lab_voice_item:nth-child(3) {
    padding-inline: 2.463054187192118vw;
    padding-bottom: 6.403940886699507vw;
    background-image: url("/files/user/content/toaster/img/comment3_sp.png");
  }
  .toaster .lab_voice_item:nth-child(4) {
    padding-bottom: 7.881773399014778vw;
    background-image: url("/files/user/content/toaster/img/comment4_sp.png");
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice_item--fill:before {
    border-color: #5b7d88;
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice_item--fill:after {
    background: #5b7d88;
  }
}
@media screen and (min-width: 769px) {
  .toaster .lab_voice_item--r {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}
.toaster .lab_voice_item--r:after {
  left: 40%;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice_item--hide {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_voice.is-open .lab_voice_item--hide {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5.41871921182266vw;
    position: relative;
    z-index: 1;
    width: 27.339901477832512vw;
    height: 7.635467980295567vw;
    margin-inline: auto;
    padding: 0;
    background: #dde5ec;
    border: 1px solid #8a8a8a;
    font-size: max(10px, 2.70935960591133vw);
    letter-spacing: 0.05em;
  }
  .toaster .lab_more:after {
    content: "";
    width: 1.477832512315271vw;
    height: 1.477832512315271vw;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    -webkit-transform: translateY(-2px) rotate(45deg);
            transform: translateY(-2px) rotate(45deg);
  }
  .toaster .lab_more[aria-expanded='true']:after {
    -webkit-transform: translateY(2px) rotate(-135deg);
            transform: translateY(2px) rotate(-135deg);
  }
}
.toaster .lab_bottom {
  background-repeat: no-repeat;
  background-image: url("/files/user/content/toaster/img/lab_kitchen.png");
  background-position: center bottom;
}
@media screen and (min-width: 769px) {
  .toaster .lab_bottom {
    width: 100%;
    max-width: 2560px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0;
    position: absolute;
    background-size: 100% 100%;
    height: min(53.359375vw, 683px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .lab_bottom {
    background-image: url("/files/user/content/toaster/img/lab_kitchen_sp.png");
    background-size: 100% auto;
    aspect-ratio: 406/208;
    margin-top: 4.926108374384237vw;
  }
}
.toaster .product {
  background: #fff;
}
@media screen and (min-width: 769px) {
  .toaster .product {
    padding-bottom: min(4.609375vw, 59px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .product {
    padding-bottom: 12.31527093596059vw;
  }
}
.toaster .product_box {
  position: relative;
  background: #d6dfda;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .toaster .product_box {
    width: min(90.9375vw, 1164px);
    padding: min(3.90625vw, 50px) 0 min(4.296875vw, 55px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_box {
    margin-inline: 7.881773399014778vw;
    padding: 27.093596059113302vw 0 7.389162561576355vw 7.389162561576355vw;
  }
}
.toaster .product_en {
  font-family: "Cormorant Garamond", serif;
  font-weight: bold;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  position: absolute;
  z-index: 2;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #84978e;
}
@media screen and (min-width: 769px) {
  .toaster .product_en {
    top: 0;
    right: calc(-1 * min(4.140625vw, 53px));
    font-size: min(8.515625vw, 109px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_en {
    top: 0.985221674876847vw;
    left: -10.83743842364532vw;
    font-size: 16.00985221674877vw;
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_slider {
    overflow: hidden;
  }
}
.toaster .product_list {
  height: auto;
}
@media screen and (min-width: 769px) {
  .toaster .product_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: min(4.140625vw, 53px);
  }
}
.toaster .product_item {
  height: auto;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .toaster .product_item {
    width: min(31.015625000000004vw, 397px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_item {
    width: 66.50246305418719vw;
    padding-right: 4.926108374384237vw;
  }
}
.toaster .product_img img {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .toaster .product_img img {
    width: 52.216748768472904vw;
  }
}
.toaster .product_name {
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .toaster .product_name {
    font-weight: 400;
    font-size: clamp(20px, 2.1875vw, 28px);
    line-height: calc(50 / 28);
    margin-top: min(2.34375vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_name {
    font-weight: 600;
    font-size: max(16px, 4.926108374384237vw);
    line-height: 1.75;
    margin-top: 3.694581280788177vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .product_btns {
    width: min(21.484375vw, 275px);
    margin: min(2.34375vw, 30px) auto 0;
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_btns {
    margin-top: 3.694581280788177vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .product_btns li + li {
    margin-top: min(2.34375vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_btns li + li {
    margin-top: 4.926108374384237vw;
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_btns .c_btn {
    min-height: 12.807881773399014vw;
    font-size: max(12px, 3.4482758620689657vw);
  }
}
.toaster .product_note {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .toaster .product_note {
    margin-top: min(2.34375vw, 30px);
    font-size: clamp(12px, 1.09375vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_note {
    width: 61.576354679802954vw;
    margin-top: 4.926108374384237vw;
    font-size: max(10px, 2.955665024630542vw);
  }
}
@media screen and (max-width: 768px) {
  .toaster .product_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 68.96551724137932vw;
    margin-top: 7.389162561576355vw;
  }
}
.toaster .product_nav button {
  position: relative;
  width: 12.807881773399014vw;
  height: 12.807881773399014vw;
  padding: 0;
  background: #84978e;
  border: 1px solid #fff;
}
.toaster .product_nav button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.463054187192118vw;
  height: 2.463054187192118vw;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
}
.toaster .product_nav button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.433497536945813vw;
  height: 1.5px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.toaster .product_nav button.swiper-button-disabled {
  background: #d9d9d9;
  cursor: default;
}
.toaster .product_prev:before {
  -webkit-transform: translate(-80%, -50%) rotate(-135deg);
          transform: translate(-80%, -50%) rotate(-135deg);
}
.toaster .product_next:before {
  -webkit-transform: translate(-20%, -50%) rotate(45deg);
          transform: translate(-20%, -50%) rotate(45deg);
}
@media screen and (min-width: 769px) {
  .toaster .support {
    margin-top: min(3.90625vw, 50px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .support {
    margin-top: 7.389162561576355vw;
    padding-inline: 7.635467980295567vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .support_btn {
    min-height: min(4.84375vw, 62px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .support_btn {
    min-height: 15.270935960591133vw;
  }
}
.toaster .support > .support_btn {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .toaster .support > .support_btn {
    width: min(22.890625vw, 293px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .support > .support_btn {
    font-size: max(16px, 4.433497536945813vw);
  }
}
.toaster .support_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 769px) {
  .toaster .support_row {
    gap: min(3.90625vw, 50px);
    margin-top: min(3.90625vw, 50px);
  }
  .toaster .support_row .support_btn {
    width: min(27.421875vw, 351px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .support_row {
    gap: 4.926108374384237vw;
    margin-top: 8.128078817733991vw;
  }
  .toaster .support_row .support_btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: max(11px, 3.4482758620689657vw);
    letter-spacing: 0;
  }
}
.toaster .contents {
  position: relative;
  overflow: hidden;
  background: #dde5ec;
}
@media screen and (min-width: 769px) {
  .toaster .contents {
    padding: min(7.8125vw, 100px) 0;
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents {
    padding: 11.330049261083744vw 0 19.458128078817733vw;
  }
}
.toaster .contents_en {
  font-family: "Cormorant Garamond", serif;
  font-weight: bold;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .toaster .contents_en {
    line-height: calc(132 / 109);
    top: 0;
    left: max(min(-2.5vw, -32px), calc((100% - 1280px) / 2 + -32px));
    font-size: min(8.515625vw, 109px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents_en {
    top: 0;
    left: -2.463054187192118vw;
    font-size: 16.00985221674877vw;
  }
}
.toaster .contents_list {
  position: relative;
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .toaster .contents_list {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: min(1.640625vw, 21px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents_list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    gap: 1.231527093596059vw;
  }
}
.toaster .contents_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255,255,255,0.5);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .toaster .contents_item {
    min-height: min(16.40625vw, 210px);
    padding: min(2.34375vw, 30px) min(1.5625vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents_item {
    min-height: 35.714285714285715vw;
    padding: 4.926108374384237vw 2.463054187192118vw;
  }
}
.toaster .contents_item_ttl {
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  .toaster .contents_item_ttl {
    font-size: clamp(12px, 1.40625vw, 18px);
  }
  .toaster .contents_item_ttl span {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents_item_ttl {
    font-size: max(10px, 2.955665024630542vw);
    line-height: 1.92;
    letter-spacing: 0;
  }
}
.toaster .contents_item_btn {
  width: 100%;
  background: transparent;
  border-color: #4a4a4a;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .toaster .contents_item_btn {
    max-width: min(16.5625vw, 212px);
    margin-top: min(1.5625vw, 20px);
    font-size: clamp(12px, 1.40625vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents_item_btn {
    min-height: 10.344827586206897vw;
    margin-top: 2.463054187192118vw;
    font-size: max(11px, 3.2019704433497536vw);
  }
}
.toaster .contents .movie {
  position: relative;
}
@media screen and (min-width: 769px) {
  .toaster .contents .movie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(2.34375vw, 30px);
    margin-top: min(7.8125vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents .movie {
    margin-top: 12.31527093596059vw;
  }
}
.toaster .contents .movie_frame {
  background: #eef2f6;
}
@media screen and (min-width: 769px) {
  .toaster .contents .movie_frame {
    width: min(39.0625vw, 500px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    aspect-ratio: 500/330;
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents .movie_frame {
    aspect-ratio: 340/227;
  }
}
.toaster .contents .movie_frame iframe {
  width: 100%;
  height: 100%;
  border: none;
}
@media screen and (max-width: 768px) {
  .toaster .contents .movie_txt {
    margin-top: 4.926108374384237vw;
  }
}
@media screen and (min-width: 769px) {
  .toaster .contents .movie .c_lines span {
    font-size: clamp(20px, 2.1875vw, 28px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents .movie .c_lines span {
    font-size: max(14px, 4.433497536945813vw);
  }
}
.toaster .contents .movie_desc {
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .toaster .contents .movie_desc {
    font-size: clamp(12px, 1.25vw, 16px);
    margin-top: min(1.5625vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .toaster .contents .movie_desc {
    font-size: max(11px, 3.4482758620689657vw);
    margin-top: 4.926108374384237vw;
  }
}
@-webkit-keyframes navFixedIn {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes navFixedIn {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/*# sourceMappingURL=toaster.css.map */