.main strong{
  font-weight:bolder;
}
.main .title {
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
}
.main .title .en {
  display: block;
  font-family: "Jost", sans-serif;
  font-size: min(18px, 100cqw * 18 / 1400);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .title .en {
    font-size: 3.7333333333vw;
  }
}
.main .title .ja {
  display: block;
  font-size: min(48px, 100cqw * 48 / 1400);
}
@media screen and (max-width: 750px) {
  .main .title .ja {
    font-size: 8.5333333333vw;
    line-height: 1.2;
  }
}
.main .btn--tour {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(10px, 100cqw * 10 / 1400);
  width: min(300px, 100cqw * 300 / 1400);
  height: min(60px, 100cqw * 60 / 1400);
  border: min(2px, 100cqw * 2 / 1400) solid currentColor;
  position: relative;
  border-radius: min(30px, 100cqw * 30 / 1400);
  background: linear-gradient(90deg, #FAC03D 0%, #FF9E02 100%);
  color: #000;
  font-size: min(16px, 100cqw * 16 / 1400);
  font-weight: 900;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .btn--tour {
    width: 70.4vw;
    height: 17.0666666667vw;
    border-width: 0.5333333333vw;
    border-radius: 8.5333333333vw;
    font-size: 4.2666666667vw;
    background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/arw01.svg), linear-gradient(90deg, #FAC03D 0%, #FF9E02 100%);
    background-position: calc(100% - 4.8vw) 50%, 0 0;
    background-size: 4.2666666667vw auto, cover;
    background-repeat: no-repeat;
  }
}
.main .btn--tour::before {
  content: "";
  display: block;
  width: min(16px, 100cqw * 16 / 1400);
  aspect-ratio: 24/42;
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/ico-tour.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .btn--tour::before {
    width: 4.2666666667vw;
  }
}
.main .btn--tour::after {
  content: "";
  display: block;
  width: min(14px, 100cqw * 14 / 1400);
  height: 100%;
  position: absolute;
  top: 0;
  right: min(16px, 100cqw * 16 / 1400);
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/arw01.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .btn--tour::after {
    content: none;
  }
}
.main .hero {
  container-type: inline-size;
  display: grid;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .hero {
    display: block;
  }
}
.main .hero .bg {
  grid-area: 1/1;
  justify-self: end;
  display: flex;
  width: 70.5714285714%;
  height: min(704px, 100cqw * 704 / 1400);
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .main .hero .bg {
    display: none;
  }
}
.main .hero .bg .inner {
  -webkit-animation: heroBg 20s infinite linear;
          animation: heroBg 20s infinite linear;
}
@-webkit-keyframes heroBg {
  from {
    translate: 0 0 0;
  }
  to {
    translate: 0 -50% 0;
  }
}
@keyframes heroBg {
  from {
    translate: 0 0 0;
  }
  to {
    translate: 0 -50% 0;
  }
}
.main .hero .bg--01, .main .hero .bg--02 {
  width: 50%;
}
.main .hero .bg--02 .inner {
  animation-direction: reverse;
}
.main .hero .text {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
  background-image: linear-gradient(270deg, rgba(250, 192, 61, 0) 52.2%, #FAC03D 66.98%), linear-gradient(340deg, rgba(250, 192, 61, 0) 77.59%, #FAC03D 88.95%);
  background-position: 0 0;
  background-size: 90.8571428571% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main .hero .text {
    padding: 10.1333333333vw 0 5.3333333333vw;
    background: #FAC03D;
  }
}
.main .hero .text .inner {
  width: min(1300px, 100cqw * 1300 / 1400);
  margin: 0 auto;
  padding-top: min(75px, 100cqw * 75 / 1400);
}
@media screen and (max-width: 750px) {
  .main .hero .text .inner {
    width: auto;
    padding: 0;
  }
}
.main .hero .text .title {
  width: min(488px, 100cqw * 488 / 1400);
}
@media screen and (max-width: 750px) {
  .main .hero .text .title {
    width: 70.1333333333vw;
    margin: 0 auto;
  }
}
.main .hero .text p {
  margin: min(47px, 100cqw * 47 / 1400) 0 0 min(50px, 100cqw * 50 / 1400);
  font-size: min(20px, 100cqw * 20 / 1400);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .hero .text p {
    margin: 6.4vw 0 0;
    font-size: 3.7333333333vw;
    text-align: center;
  }
}
.main .hero .text .btn--tour {
  margin: min(27px, 100cqw * 27 / 1400) 0 0 min(50px, 100cqw * 50 / 1400);
}
@media screen and (max-width: 750px) {
  .main .hero .text .btn--tour {
    margin: 5.3333333333vw auto 0;
  }
}
.main .hero .text .note {
  width: min(300px, 100cqw * 300 / 1400);
  margin: min(18px, 100cqw * 18 / 1400) 0 0 min(50px, 100cqw * 50 / 1400);
  font-size: min(12px, 100cqw * 12 / 1400);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .hero .text .note {
    width: auto;
    margin: 2.6666666667vw 0 0;
    font-size: 3.2vw;
  }
}
.main .hero .scrollAssist {
  grid-area: 1/1;
  align-self: end;
  justify-self: start;
  display: flex;
  align-items: center;
  gap: min(8px, 100cqw * 8 / 1400);
  padding: 0 0 min(116px, 100cqw * 116 / 1400) min(40px, 100cqw * 40 / 1400);
  position: relative;
  z-index: 1;
  writing-mode: vertical-rl;
  font-size: min(14px, 100cqw * 14 / 1400);
  font-weight: 500;
  line-height: 1.44;
}
@media screen and (max-width: 750px) {
  .main .hero .scrollAssist {
    display: none;
  }
}
.main .hero .scrollAssist::after {
  content: "";
  display: block;
  width: min(8px, 100cqw * 8 / 1400);
  height: min(53px, 100cqw * 53 / 1400);
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/scrollAssist.svg) 50% 0/contain no-repeat;
  -webkit-animation: scrollAssist 4s infinite linear;
          animation: scrollAssist 4s infinite linear;
}
@-webkit-keyframes scrollAssist {
  from {
    background-position: 50% max(-53px, 100cqw * -53 / 1400);
  }
  to {
    background-position: 50% min(53px, 100cqw * 53 / 1400);
  }
}
@keyframes scrollAssist {
  from {
    background-position: 50% max(-53px, 100cqw * -53 / 1400);
  }
  to {
    background-position: 50% min(53px, 100cqw * 53 / 1400);
  }
}
.main .hero .bg_sp {
  display: none;
}
@media screen and (max-width: 750px) {
  .main .hero .bg_sp {
    display: block;
    overflow: hidden;
  }
  .main .hero .bg_sp .inner {
    display: flex;
    width: 426.6666666667vw;
  }
  .main .hero .bg_sp .inner img {
    width: 50%;
  }
}
@media screen and (max-width: 750px) and (prefers-reduced-motion: no-preference) {
  .main .hero .bg_sp .inner {
    -webkit-animation: ticker 40s linear infinite;
            animation: ticker 40s linear infinite;
  }
}
.main .hero::after {
  grid-area: 1/1;
  align-self: end;
  content: "";
  display: block;
  width: 100%;
  height: min(90px, 100cqw * 90 / 1400);
  position: relative;
  z-index: 1;
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/bg01.svg) 50% 0/cover no-repeat;
}
@media screen and (max-width: 750px) {
  .main .hero::after {
    height: 8vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/bg01_sp.svg);
    background-size: 100% auto;
  }
}
.main .section.about {
  position: relative;
  background: #FAF5E9;
}
.main .section.about::before {
  content: "";
  display: block;
  width: min(172px, 100cqw * 172 / 1400);
  aspect-ratio: 182/132;
  position: absolute;
  top: max(-6px, 100cqw * -6 / 1400);
  left: calc(50% + min(432px, 100cqw * 432 / 1400));
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/img01_sp.png) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.about::before {
    width: 24.2666666667vw;
    top: -12.2666666667vw;
    right: 4.8vw;
    left: auto;
    z-index: 1;
  }
}
.main .section.about .wave-container {
  padding: 0 0 min(112px, 100cqw * 112 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.about .wave-container {
    padding: 0 0 29.3333333333vw;
  }
}
.main .section.about .prepend .title .en {
  color: #FFC341;
}
.main .section.about .prepend .title .ja {
  font-size: min(40px, 100cqw * 40 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.about .prepend .title .ja {
    font-size: 6.4vw;
  }
}
.main .section.about .prepend .title .ja strong {
  font-size: min(48px, 100cqw * 48 / 1400);
  text-decoration: underline;
  -webkit-text-decoration-color: #FFC341;
          text-decoration-color: #FFC341;
  text-decoration-thickness: min(4px, 100cqw * 4 / 1400);
  text-underline-offset: min(10px, 100cqw * 10 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.about .prepend .title .ja strong {
    font-size: 8.5333333333vw;
    text-decoration-thickness: 1.0666666667vw;
    text-underline-offset: 1.0666666667vw;
  }
}
.main .section.about .point {
  display: flex;
  margin: min(60px, 100cqw * 60 / 1400) 0 0;
}
@media screen and (max-width: 750px) {
  .main .section.about .point {
    display: block;
    margin: 5.3333333333vw 0 0;
  }
}
.main .section.about .point .item {
  width: 33.3333333333%;
  height: min(280px, 100cqw * 280 / 1400);
  padding: min(130px, 100cqw * 130 / 1400) 0 0;
  background: 50% min(20px, 100cqw * 20 / 1400)/min(100px, 100cqw * 100 / 1400) auto no-repeat;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.about .point .item {
    width: auto;
    height: auto;
    min-height: 32vw;
    border-bottom: 0.2666666667vw dashed #FFC341;
    padding: 5.3333333333vw 0 5.3333333333vw 26.6666666667vw;
    background-position: 2.6666666667vw 50%;
    background-size: 21.3333333333vw auto;
    text-align: left;
  }
}
.main .section.about .point .item:nth-last-child(n+2) {
  border-right: min(1px, 100cqw * 1 / 1400) dashed #FFC341;
}
@media screen and (max-width: 750px) {
  .main .section.about .point .item:nth-last-child(n+2) {
    border-right: none;
  }
}
.main .section.about .point .item--01 {
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/ico01.svg);
}
.main .section.about .point .item--02 {
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/ico02.svg);
}
.main .section.about .point .item--03 {
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/ico03.svg);
}
.main .section.about .point .item .name {
  font-size: min(24px, 100cqw * 24 / 1400);
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main .section.about .point .item .name {
    font-size: 3.7333333333vw;
  }
}
.main .section.about .point .item p {
  margin: min(5px, 100cqw * 5 / 1400) 0 0;
  font-size: min(12px, 100cqw * 12 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.about .point .item p {
    margin: 1.3333333333vw 0 0;
    font-size: 3.2vw;
  }
}
.main .section.about .list {
  display: flex;
  justify-content: center;
  gap: min(40px, 100cqw * 40 / 1400);
  margin: min(60px, 100cqw * 60 / 1400) 0 0;
}
@media screen and (max-width: 750px) {
  .main .section.about .list {
    flex-direction: column;
    gap: 5.3333333333vw;
    margin: 10.6666666667vw 0 0;
  }
}
.main .section.about .list li {
  width: min(520px, 100cqw * 520 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.about .list li {
    width: auto;
  }
}
.main .section.about .list a {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 1fr auto;
  gap: min(10px, 100cqw * 10 / 1400) 0;
  padding: min(40px, 100cqw * 40 / 1400);
  position: relative;
  background: linear-gradient(90deg, #FAC03D 0%, #FF9E02 100%), #FFC341;
  border-radius: min(20px, 100cqw * 20 / 1400);
  color: #000;
}
@media screen and (max-width: 750px) {
  .main .section.about .list a {
    gap: 2.6666666667vw 0;
    padding: 8vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.main .section.about .list a .legend {
  grid-row: 1/2;
  grid-column: 1/2;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.main .section.about .list a .legend .en {
  font-family: "Jost", sans-serif;
  font-size: min(14px, 100cqw * 14 / 1400);
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .main .section.about .list a .legend .en {
    font-size: 3.7333333333vw;
  }
}
.main .section.about .list a .legend .ja {
  margin: min(10px, 100cqw * 10 / 1400) 0 0;
  font-size: min(24px, 100cqw * 24 / 1400);
  font-style: normal;
  line-height: 1.2;
}
@media screen and (max-width: 750px) {
  .main .section.about .list a .legend .ja {
    margin: 2.6666666667vw 0 0;
    font-size: 5.3333333333vw;
  }
}
.main .section.about .list a .text {
  grid-row: 2/3;
  grid-column: 1/2;
  margin: 0;
  color: inherit;
  font-size: min(16px, 100cqw * 16 / 1400);
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .main .section.about .list a .text {
    font-size: 4.2666666667vw;
  }
}
.main .section.about .list a::after {
  grid-row: 1/3;
  grid-column: 2/3;
  align-self: center;
  content: "";
  display: block;
  width: min(40px, 100cqw * 40 / 1400);
  aspect-ratio: 1;
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/arw01.svg) center/min(14px, 100cqw * 14 / 1400) auto no-repeat;
  border-radius: 50%;
  box-shadow: inset 0 0 0 min(2px, 100cqw * 2 / 1400) currentColor;
}
@media screen and (max-width: 750px) {
  .main .section.about .list a::after {
    width: 10.6666666667vw;
    background-size: 3.7333333333vw auto;
    box-shadow: inset 0 0 0 0.2666666667vw currentColor;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main .section.about .list a::after {
    transition: translate 0.4s;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main .section.about .list a:hover::after {
    translate: 50% 0 0;
  }
}
.main .section.about .wave::before {
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/wave_y.svg);
}
.main .section.flow {
  padding: min(68px, 100cqw * 68 / 1400) 0 min(140px, 100cqw * 140 / 1400);
  background: #FFC341;
}
@media screen and (max-width: 750px) {
  .main .section.flow {
    padding: 9.3333333333vw 0 18.6666666667vw;
  }
}
.main .section.flow .prepend {
  text-align: center;
  letter-spacing: 0.05em;
}
.main .section.flow .prepend .text {
  margin: min(20px, 100cqw * 20 / 1400) 0 0;
  font-size: min(18px, 100cqw * 18 / 1400);
  font-weight: 900;
  line-height: 1.44;
}
@media screen and (max-width: 750px) {
  .main .section.flow .prepend .text {
    margin: 2.6666666667vw 0 0;
    font-size: 4.8vw;
  }
}
.main .section.flow .item .wrap {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-block: min(80px, 100cqw * 80 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item .wrap {
    display: block;
    padding-block: 0;
  }
}
.main .section.flow .item .wrap .text {
  grid-row: 1/2;
  padding-top: min(162px, 100cqw * 162 / 1400);
  position: relative;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.flow .item .wrap .text {
    padding: 21.3333333333vw 0 10.6666666667vw;
  }
}
.main .section.flow .item .wrap .text .num {
  position: absolute;
  top: min(122px, 100cqw * 122 / 1400);
  color: #FF9E02;
  font-family: "Jost", sans-serif;
  font-size: min(128px, 100cqw * 128 / 1400);
  font-weight: 700;
  line-height: 0.703125;
}
@media screen and (max-width: 750px) {
  .main .section.flow .item .wrap .text .num {
    top: 10.6666666667vw;
    font-size: 34.1333333333vw;
  }
}
.main .section.flow .item .wrap .text .name {
  position: relative;
  font-size: min(40px, 100cqw * 40 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item .wrap .text .name {
    font-size: 6.4vw;
  }
}
.main .section.flow .item .wrap .text p {
  margin: min(20px, 100cqw * 20 / 1400) 0 0;
  font-size: min(16px, 100cqw * 16 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item .wrap .text p {
    margin: 5.3333333333vw 0 0;
    font-size: 3.7333333333vw;
  }
}
.main .section.flow .item .wrap .image {
  grid-row: 1/2;
}
@media screen and (max-width: 750px) {
  .main .section.flow .item .wrap .image {
    margin: 0 -5.3333333333vw;
  }
}
.main .section.flow .item .wrap .image img {
  width: 100%;
  height: min(520px, 100cqw * 520 / 1400);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 750px) {
  .main .section.flow .item .wrap .image img {
    height: auto;
  }
}
.main .section.flow .item--01 .wrap .text, .main .section.flow .item--03 .wrap .text {
  grid-column: 1/2;
}
.main .section.flow .item--01 .wrap .image, .main .section.flow .item--03 .wrap .image {
  grid-column: 2/3;
  margin-right: calc(min(600px, 100cqw * 600 / 1400) - 50cqw);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item--01 .wrap .image, .main .section.flow .item--03 .wrap .image {
    margin-right: -5.3333333333vw;
  }
}
.main .section.flow .item--01 .wrap .image img, .main .section.flow .item--03 .wrap .image img {
  border-radius: min(40px, 100cqw * 40 / 1400) 0 0 min(40px, 100cqw * 40 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item--01 .wrap .image img, .main .section.flow .item--03 .wrap .image img {
    border-radius: 0;
  }
}
@media screen and (max-width: 750px) {
  .main .section.flow .item--01 {
    margin: 4.8vw 0 0;
  }
}
.main .section.flow .item--01 .text .num {
  right: min(80px, 100cqw * 80 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item--01 .text .num {
    right: 0;
  }
}
.main .section.flow .item--02 {
  background: #000;
  color: #fff;
}
.main .section.flow .item--02 .wrap .text {
  grid-column: 2/3;
  padding-left: min(80px, 100cqw * 80 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item--02 .wrap .text {
    padding-left: 0;
  }
}
.main .section.flow .item--02 .wrap .text .num {
  right: 0;
}
.main .section.flow .item--02 .wrap .image {
  grid-column: 1/2;
  margin-left: calc(min(600px, 100cqw * 600 / 1400) - 50cqw);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item--02 .wrap .image {
    margin-left: -5.3333333333vw;
  }
}
.main .section.flow .item--02 .wrap .image img {
  border-radius: 0 min(40px, 100cqw * 40 / 1400) min(40px, 100cqw * 40 / 1400) 0;
}
@media screen and (max-width: 750px) {
  .main .section.flow .item--02 .wrap .image img {
    border-radius: 0;
  }
}
.main .section.flow .item--03 .text .num {
  right: min(72px, 100cqw * 72 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .item--03 .text .num {
    right: 0;
  }
}
.main .section.flow .append {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr auto;
  width: min(1000px, 100cqw * 1000 / 1400);
  margin: min(80px, 100cqw * 80 / 1400) auto 0;
  padding: min(60px, 100cqw * 60 / 1400) min(80px, 100cqw * 80 / 1400) min(80px, 100cqw * 80 / 1400) min(60px, 100cqw * 60 / 1400);
  background: #000;
  color: #fff;
  border-radius: min(20px, 100cqw * 20 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .append {
    display: block;
    width: auto;
    margin: 16vw 0 0;
    padding: 0;
    background: transparent;
    color: #000;
    border-radius: 0;
  }
}
.main .section.flow .append .headline {
  grid-row: 1/3;
  grid-column: 1/2;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.flow .append .headline {
    text-align: center;
    line-height: 1.2;
  }
}
.main .section.flow .append .headline .en {
  color: #FFC341;
  font-family: "Jost", sans-serif;
  font-size: min(18px, 100cqw * 18 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .append .headline .en {
    color: inherit;
    font-size: 3.7333333333vw;
  }
}
.main .section.flow .append .headline .catch {
  font-size: min(40px, 100cqw * 40 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .append .headline .catch {
    margin: 2.6666666667vw 0 0;
    font-size: 6.4vw;
  }
}
.main .section.flow .append .headline .catch strong {
  color: #FFC341;
  font-size: min(48px, 100cqw * 48 / 1400);
  text-decoration: underline;
  text-decoration-thickness: min(4px, 100cqw * 4 / 1400);
  text-underline-offset: min(10px, 100cqw * 10 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.flow .append .headline .catch strong {
    color: inherit;
    font-size: 8.5333333333vw;
    text-decoration-thickness: 1.0666666667vw;
    text-underline-offset: 1.0666666667vw;
  }
}
.main .section.flow .append .text {
  grid-row: 1/2;
  grid-column: 2/3;
  padding: min(20px, 100cqw * 20 / 1400) 0 0;
  text-align: center;
  font-size: min(18px, 100cqw * 18 / 1400);
  font-weight: 900;
  line-height: 1.44;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.flow .append .text {
    padding: 6.1333333333vw 0 0;
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 1.5;
  }
}
.main .section.flow .append .btn--tour {
  grid-row: 2/3;
  grid-column: 2/3;
  align-self: end;
}
@media screen and (max-width: 750px) {
  .main .section.flow .append .btn--tour {
    margin: 5.3333333333vw auto 0;
  }
}
.main .section.afterTour {
  background: #fff;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour {
    position: relative;
  }
  .main .section.afterTour::before {
    content: "";
    display: block;
    width: 19.7333333333vw;
    aspect-ratio: 148/192;
    position: absolute;
    z-index: 1;
    top: -8vw;
    right: 11.2vw;
    background: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/img08_sp.png) center/contain no-repeat;
  }
}
.main .section.afterTour .wave-container {
  padding: min(60px, 100cqw * 60 / 1400) 0 min(120px, 100cqw * 120 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .wave-container {
    padding: 16vw 0 26.6666666667vw;
  }
}
.main .section.afterTour .title .ja span {
  color: #FFC341;
}
.main .section.afterTour .lead {
  margin: min(20px, 100cqw * 20 / 1400) 0 0;
  text-align: center;
  font-size: min(18px, 100cqw * 18 / 1400);
  font-weight: 900;
  line-height: 144%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .lead {
    margin: 2.6666666667vw 0 0;
    font-size: 4.8vw;
  }
}
.main .section.afterTour .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(54px, 100cqw * 54 / 1400) 0;
  margin: min(60px, 100cqw * 60 / 1400) 0 0;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .list {
    flex-direction: column;
    gap: 5.3333333333vw;
    margin: 10.6666666667vw 0 0;
  }
}
.main .section.afterTour .list .item {
  display: grid;
  width: min(374px, 100cqw * 374 / 1400);
  border: min(2px, 100cqw * 2 / 1400) solid currentColor;
  border-radius: min(22px, 100cqw * 22 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .list .item {
    width: auto;
    border-width: 0.5333333333vw;
    border-radius: 5.8666666667vw;
  }
}
.main .section.afterTour .list .item .image {
  grid-area: 1/1;
  align-self: start;
  border-radius: min(20px, 100cqw * 20 / 1400) min(20px, 100cqw * 20 / 1400) 0 0;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .list .item .image {
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
  }
}
.main .section.afterTour .list .item .text {
  grid-area: 1/1;
  margin: min(288px, 100cqw * 288 / 1400) 0 0;
  padding: min(33px, 100cqw * 33 / 1400) min(22px, 100cqw * 22 / 1400);
  position: relative;
  background: #FFC341;
  border-radius: min(20px, 100cqw * 20 / 1400);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .list .item .text {
    margin: 69.3333333333vw 0 0;
    padding: 8vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.main .section.afterTour .list .item .text .num {
  display: grid;
  place-items: center;
  width: min(66px, 100cqw * 66 / 1400);
  height: min(66px, 100cqw * 66 / 1400);
  position: absolute;
  top: max(-44px, 100cqw * -44 / 1400);
  left: calc(50% - min(33px, 100cqw * 33 / 1400));
  background: #000;
  border-radius: 50%;
  color: #FFC341;
  color: #FFC341;
  font-family: "Jost", sans-serif;
  font-size: min(27px, 100cqw * 27 / 1400);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .list .item .text .num {
    width: 17.6vw;
    height: 17.6vw;
    top: -11.7333333333vw;
    left: calc(50% - 8.8vw);
    font-size: 7.2vw;
  }
}
.main .section.afterTour .list .item .text .catch {
  font-size: min(16px, 100cqw * 16 / 1400);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .list .item .text .catch {
    font-size: 4.2666666667vw;
  }
}
.main .section.afterTour .list .item .text .name {
  margin: min(10px, 100cqw * 10 / 1400) 0 0;
  font-size: min(20px, 100cqw * 20 / 1400);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .list .item .text .name {
    margin: 2.6666666667vw 0 0;
    font-size: 5.3333333333vw;
  }
}
.main .section.afterTour .list .item .text p {
  margin: min(10px, 100cqw * 10 / 1400) 0 0;
  font-size: min(14px, 100cqw * 14 / 1400);
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .main .section.afterTour .list .item .text p {
    margin: 2.6666666667vw 0 0;
    font-size: 3.7333333333vw;
  }
}
.main .section.afterTour .wave::before {
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/wave_c.svg);
}
.main .section.tourInfo {
  background: #FAF5E9;
  position: relative;
}
.main .section.tourInfo::before {
  content: "";
  display: block;
  width: min(192px, 100cqw * 192 / 1400);
  aspect-ratio: 232/179;
  position: absolute;
  top: max(-60px, 100cqw * -60 / 1400);
  left: calc(50% + min(306px, 100cqw * 306 / 1400));
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/img09_sp.png) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.tourInfo::before {
    width: 30.9333333333vw;
    top: -18.1333333333vw;
    right: 5.3333333333vw;
    left: auto;
  }
}
.main .section.tourInfo .wave-container {
  padding: min(90px, 100cqw * 90 / 1400) 0 min(150px, 100cqw * 150 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.tourInfo .wave-container {
    padding: 9.0666666667vw 0 22.4vw;
  }
}
.main .section.tourInfo .list {
  width: min(800px, 100cqw * 800 / 1400);
  margin: min(40px, 100cqw * 40 / 1400) auto 0;
  font-size: min(16px, 100cqw * 16 / 1400);
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.tourInfo .list {
    width: auto;
    margin: 2.6666666667vw 0 0;
  }
}
.main .section.tourInfo .list > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(40px, 100cqw * 40 / 1400);
  border-bottom: min(1px, 100cqw * 1 / 1400) solid #E5E5E5;
  padding: min(20px, 100cqw * 20 / 1400) 0;
}
@media screen and (max-width: 750px) {
  .main .section.tourInfo .list > div {
    display: flex;
    flex-direction: column;
    gap: 2.6666666667vw;
    border-bottom-width: 0.2666666667vw;
    padding: 5.3333333333vw 0;
  }
}
.main .section.tourInfo .list > div > .data-desc-term {
  display: grid;
  place-items: center;
  width: min(160px, 100cqw * 160 / 1400);
  height: min(28px, 100cqw * 28 / 1400);
  background: #000;
  border-radius: min(14px, 100cqw * 14 / 1400);
  color: #FFF;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main .section.tourInfo .list > div > .data-desc-term {
    width: 28.2666666667vw;
    height: 7.4666666667vw;
    border-radius: 3.7333333333vw;
    font-size: 4.2666666667vw;
  }
}
.main .section.tourInfo .list > div > .data-desc-details {
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .main .section.tourInfo .list > div > .data-desc-details {
    font-size: 4vw;
  }
}
.main .section.tourInfo .list > div > .data-desc-details .note {
  font-size: min(14px, 100cqw * 14 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.tourInfo .list > div > .data-desc-details .note {
    font-size: 3.2vw;
  }
}
.main .section.tourInfo .list .timetable {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  margin-bottom: 1.5em;
}
.main .section.tourInfo .list .timetable .data-desc-term {
  display: flex;
  justify-content: space-between;
  width: 11.4em/*9.4em*/;
  font-weight: inherit;
}
.main .section.tourInfo .list .caution {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.main .section.tourInfo .list .caution .data-desc-term {
  font-size: min(18px, 100cqw * 18 / 1400);
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .main .section.tourInfo .list .caution .data-desc-term {
    font-size: 4.2666666667vw;
  }
}
.main .section.faq {
  padding: min(48px, 100cqw * 48 / 1400) 0 min(75px, 100cqw * 75 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.faq {
    padding: 9.0666666667vw 0 16vw;
  }
}
@media screen and (max-width: 750px) {
  .main .section.joinUs::before {
    content: "";
    display: block;
    width: 10.9333333333vw;
    aspect-ratio: 115/174;
    position: absolute;
    z-index: 1;
    top: -1.6vw;
    right: 6.4vw;
    background: url(https://yonasato.com/cms/img/yonayona_beerise2606/img-faq02.png) center/contain no-repeat;
  }
}
.main .section.joinUs::after {
  content: "";
  display: block;
  width: min(118px, 100cqw * 118 / 1400);
  aspect-ratio: 118/146;
  position: absolute;
  top: max(-80px, 100cqw * -80 / 1400);
  right: calc(50% + min(478px, 100cqw * 478 / 1400));
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/factory_tour/img10.png) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.joinUs::after {
    content: none;
  }
}
/*# sourceMappingURL=factory-tour.css.map */