@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&family=Noto+Sans+JP:wght@100..900&display=swap");
html {
  font-size: 62.5%;
  overflow-x: hidden;
}
html.fix {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
html body, html input, html textarea, html select, html button {
  line-height: 1;
}
html body::before, html body::after, html input::before, html input::after, html textarea::before, html textarea::after, html select::before, html select::after, html button::before, html button::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
html body::before, html input::before, html textarea::before, html select::before, html button::before {
  margin-top: calc((1 - 1) * 0.5em);
}
html body::after, html input::after, html textarea::after, html select::after, html button::after {
  margin-bottom: calc((1 - 1) * 0.5em);
}
html body,
html a {
  color: #333;
  font-family: "Kiwi Maru", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 3.9893617021vw;
}
html a {
  display: block;
}
html .sp {
  display: block;
}
html .pc {
  display: none;
}

@media screen and (min-width: 768px) {
  html body,
  html a {
    font-size: min(4.2553191489vw, 16px);
  }
  html .sp {
    display: none;
  }
  html .pc {
    display: block;
  }
}
.bg-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/img/pc-bg-01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.content .main {
  width: 100vw;
  margin: 0 auto;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .content {
    display: flex;
  }
  .content .main {
    width: min(100vw, 376px);
    order: 2;
  }
  .content .side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc((100% - min(100vw, 376px)) / 2);
    height: 100vh;
    position: fixed;
    top: 0;
  }
  .content .left {
    padding-bottom: min(21.4285714286vw, 300px);
    left: 0;
    order: 1;
  }
  .content .left .logo {
    width: min(18.5714285714vw, 260px);
  }
  .content .right {
    right: 0;
    order: 3;
  }
  .content .right .unit {
    padding: min(25.7142857143vw, 360px) 0 0;
    position: relative;
  }
  .content .right .unit:before {
    content: "";
    width: min(22.8571428571vw, 320px);
    height: min(22.8571428571vw, 320px);
    margin: auto;
    background-image: url("/img/pc-pict.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .content .right .unit .txt {
    color: #fff;
    font-size: min(1.2857142857vw, 18px);
    text-align: center;
    line-height: 2.5;
    letter-spacing: calc(min(3.5714285714vw, 50px) * 0.01);
  }
  .content .right .unit .txt::before, .content .right .unit .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .content .right .unit .txt::before {
    margin-top: calc((1 - 2.5) * 0.5em);
  }
  .content .right .unit .txt::after {
    margin-bottom: calc((1 - 2.5) * 0.5em);
  }
}
.nav {
  position: fixed;
  bottom: 3.7234042553vw;
  left: 0;
  right: 0;
  z-index: 10;
}
.nav .nav-list {
  display: flex;
  width: 89.3617021277vw;
  margin: 0 auto 0;
  background-color: #7EC3D1;
  border-radius: 2.6595744681vw;
}
.nav .nav-list .nav-item {
  width: 33.3333333333%;
  text-align: center;
}
.nav .nav-list .nav-item:nth-child(1) a {
  background-image: url("../img/nav-icon-01.png");
}
.nav .nav-list .nav-item:nth-child(2) a {
  background-image: url("../img/nav-icon-02.png");
}
.nav .nav-list .nav-item:nth-child(3) a {
  background-image: url("../img/nav-icon-03.png");
}
.nav .nav-list .nav-item:nth-child(4) a {
  background-image: url("../img/nav-icon-04.png");
}
.nav .nav-list .nav-item:nth-child(5) a {
  background-image: url("../img/nav-icon-05.png");
}
.nav .nav-list .nav-item:not(:last-child) {
  position: relative;
}
.nav .nav-list .nav-item:not(:last-child):before {
  content: "";
  width: 0.2659574468vw;
  height: 10.9042553191vw;
  margin: auto;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.nav .nav-list .nav-item a {
  display: block;
  padding: 11.170212766vw 0 1.5957446809vw;
  color: #fff;
  font-size: 2.9255319149vw;
  background-repeat: no-repeat;
  background-size: 8.5106382979vw auto;
  background-position: center 2.1276595745vw;
}

@media screen and (min-width: 768px) {
  .nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc((100% - min(100vw, 376px)) / 2);
    padding: min(16.4285714286vw, 230px) 0 0;
    top: 0;
    bottom: 0;
    right: auto;
  }
  .nav .nav-list {
    display: inline-block;
    width: auto;
    background-color: transparent;
  }
  .nav .nav-list .nav-item {
    display: block;
    width: auto;
    text-align: left;
  }
  .nav .nav-list .nav-item:not(:last-child) {
    margin-bottom: min(1.7142857143vw, 24px);
  }
  .nav .nav-list .nav-item:not(:last-child):before {
    display: none;
  }
  .nav .nav-list .nav-item a {
    display: inline-block;
    padding: min(0.2857142857vw, 4px) 0 min(0.2857142857vw, 4px) min(2.5714285714vw, 36px);
    font-size: min(1.4285714286vw, 20px);
    background-size: min(2vw, 28px) auto;
    background-position: 0 center;
    position: relative;
  }
  .nav .nav-list .nav-item a:before {
    content: "";
    width: 0;
    height: min(2.5714285714vw, 36px);
    background-color: #7EC3D1;
    transition-duration: 0.3s;
    transition-property: width;
    position: absolute;
    bottom: max(-0.2857142857vw, -4px);
    left: max(-0.7142857143vw, -10px);
    z-index: -1;
  }
  .nav .nav-list .nav-item a:hover:before {
    width: calc(100% + min(2.1428571429vw, 30px));
  }
}
.visual {
  padding: 7.9787234043vw 5.3191489362vw 0;
  margin: 0 auto 7.9787234043vw;
}
.visual .ttl {
  padding: 85.1063829787vw 0 0;
  background-image: url("../img/visual-img.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.visual .ttl .catch,
.visual .ttl .name {
  display: block;
}
.visual .ttl .catch {
  margin: 0 auto 7.9787234043vw;
}
.visual .ttl .name {
  width: 55.3191489362vw;
  margin: 0 auto 0;
}

@media screen and (min-width: 768px) {
  .visual {
    padding: min(7.9787234043vw, 30px) min(5.3191489362vw, 20px) 0;
    margin: 0 auto min(7.9787234043vw, 30px);
  }
  .visual .ttl {
    padding: min(85.1063829787vw, 320px) 0 0;
    background-image: url("../img/visual-img.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .visual .ttl .catch,
  .visual .ttl .name {
    display: block;
  }
  .visual .ttl .catch {
    margin: 0 auto min(7.9787234043vw, 30px);
  }
  .visual .ttl .name {
    width: min(55.3191489362vw, 208px);
    margin: 0 auto 0;
  }
}
.main {
  text-align: justify;
}
.main .sec-ttl {
  padding: 17.5531914894vw 11.7021276596vw 14.3617021277vw;
  margin: 0 auto 2.6595744681vw;
  background-color: #76BBC9;
  position: relative;
}
.main .sec-ttl:before {
  content: "";
  width: 100%;
  height: 2.6595744681vw;
  margin: auto;
  background-image: url("../img/wave-layer.png");
  background-size: contain;
  background-repeat: repeat-x;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.main .sec-ttl .en,
.main .sec-ttl .jp {
  display: block;
}
.main .sec-ttl .jp {
  padding: 0.5319148936vw 0 0 5.3191489362vw;
  color: #fff;
  font-size: 3.7234042553vw;
  position: relative;
}
.main .sec-ttl .jp:before {
  content: "";
  width: 3.7234042553vw;
  height: 0.2659574468vw;
  margin: auto;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .main .sec-ttl {
    padding: min(17.5531914894vw, 66px) min(11.7021276596vw, 44px) min(14.3617021277vw, 54px);
    margin: 0 auto min(2.6595744681vw, 10px);
  }
  .main .sec-ttl:before {
    height: min(2.6595744681vw, 10px);
    background-image: url("../img/wave-layer.png");
  }
  .main .sec-ttl .jp {
    padding: min(0.5319148936vw, 2px) 0 0 min(5.3191489362vw, 20px);
    font-size: min(3.7234042553vw, 14px);
  }
  .main .sec-ttl .jp:before {
    width: min(3.7234042553vw, 14px);
    height: min(0.2659574468vw, 1px);
  }
}
.intro {
  padding: 0 0 26.5957446809vw;
  background-image: url("../img/intro-bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom 14.3617021277vw;
}
.intro .intro-ttl {
  margin: 0 auto 7.4468085106vw;
  font-size: 6.914893617vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.2659574468vw;
}
.intro .intro-ttl::before, .intro .intro-ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.intro .intro-ttl::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
.intro .intro-ttl::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.intro .unit {
  padding: 0 10.6382978723vw;
}
.intro .unit .txt-area .txt {
  font-size: 3.9893617021vw;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0.0531914894vw;
}
.intro .unit .txt-area .txt::before, .intro .unit .txt-area .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.intro .unit .txt-area .txt::before {
  margin-top: calc((1 - 2.5) * 0.5em);
}
.intro .unit .txt-area .txt::after {
  margin-bottom: calc((1 - 2.5) * 0.5em);
}
.intro .unit .txt-area .txt:not(:last-child) {
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .intro {
    padding: 0 0 min(26.5957446809vw, 100px);
    background-position: center bottom min(14.3617021277vw, 54px);
  }
  .intro .intro-ttl {
    margin: 0 auto min(7.4468085106vw, 28px);
    font-size: min(6.914893617vw, 26px);
    letter-spacing: calc(min(26.5957446809vw, 100px) * 0.01);
  }
  .intro .unit {
    padding: 0 min(10.6382978723vw, 40px);
  }
  .intro .unit .txt-area .txt {
    font-size: min(3.9893617021vw, 15px);
    letter-spacing: calc(min(5.3191489362vw, 20px) * 0.01);
  }
}
.lineup {
  padding: 0 0 23.4042553191vw;
  background-color: #f0f6f8;
}
.lineup .sec-ttl .en img {
  width: 44.1489361702vw;
}
.lineup .sec-ttl .jp {
  letter-spacing: 0.1994680851vw;
}
.lineup .unit {
  padding: 0 5.3191489362vw 0;
  margin: 0 auto 5.3191489362vw;
}
.lineup .unit .item {
  margin: 0 auto 21.2765957447vw;
}
.lineup .unit .item:nth-child(1) .box {
  background-color: #fff;
}
.lineup .unit .item:nth-child(1) .box:not(:last-child) {
  margin: 0 auto 10.6382978723vw;
}
.lineup .unit .item:nth-child(1) .box:nth-child(1) {
  padding: 11.170212766vw 0 10.6382978723vw;
  margin-top: -2.6595744681vw;
  border-radius: 0 0 2.6595744681vw 2.6595744681vw;
}
.lineup .unit .item:nth-child(1) .box:nth-child(1) .item-ttl {
  width: 42.5531914894vw;
  padding: 39.8936170213vw 0 5.3191489362vw;
  margin: 0 auto 5.3191489362vw;
  position: relative;
}
.lineup .unit .item:nth-child(1) .box:nth-child(1) .item-ttl:before {
  content: "";
  width: 78.7234042553vw;
  height: 31.3829787234vw;
  margin: auto;
  background-image: url("../img/lineup-pict.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
}
.lineup .unit .item:nth-child(1) .box:nth-child(1) .item-ttl:after {
  content: "";
  width: 26.5957446809vw;
  height: 0.2659574468vw;
  margin: auto;
  background-color: #202020;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.lineup .unit .item:nth-child(1) .box:nth-child(1) .item-lead {
  font-size: 3.9893617021vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.7;
  letter-spacing: 0.0664893617vw;
}
.lineup .unit .item:nth-child(1) .box:nth-child(1) .item-lead::before, .lineup .unit .item:nth-child(1) .box:nth-child(1) .item-lead::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineup .unit .item:nth-child(1) .box:nth-child(1) .item-lead::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
.lineup .unit .item:nth-child(1) .box:nth-child(1) .item-lead::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
.lineup .unit .item:nth-child(1) .box:nth-child(2), .lineup .unit .item:nth-child(1) .box:nth-child(3) {
  padding: 5.3191489362vw 5.3191489362vw 10.6382978723vw;
  position: relative;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2):before, .lineup .unit .item:nth-child(1) .box:nth-child(2):after, .lineup .unit .item:nth-child(1) .box:nth-child(3):before, .lineup .unit .item:nth-child(1) .box:nth-child(3):after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2):before, .lineup .unit .item:nth-child(1) .box:nth-child(3):before {
  width: 100%;
  height: calc(100% - 5.3191489362vw);
  border-left: 0.2659574468vw solid #7EC3D1;
  border-right: 0.2659574468vw solid #7EC3D1;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2):after, .lineup .unit .item:nth-child(1) .box:nth-child(3):after {
  width: calc(100% - 3.9893617021vw);
  height: 100%;
  border-top: 0.2659574468vw solid #7EC3D1;
  border-bottom: 0.2659574468vw solid #7EC3D1;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste {
  position: relative;
  z-index: 2;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .img, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .img {
  margin: 0 auto 5.3191489362vw;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name {
  padding: 0 0 6.3829787234vw;
  margin: 0 auto 5.8510638298vw;
  position: relative;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name:before, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name:before {
  content: "";
  width: 26.5957446809vw;
  height: 0.2659574468vw;
  margin: auto;
  background-color: #7EC3D1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name .small,
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name .txt, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name .small,
.lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name .txt {
  display: block;
  text-align: center;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name .small, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name .small {
  margin: 0 auto 2.1276595745vw;
  font-size: 3.9893617021vw;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name .txt, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name .txt {
  font-size: 5.3191489362vw;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .txt-area, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .txt-area {
  margin: 0 auto 6.3829787234vw;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .txt-area .txt, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .txt-area .txt {
  font-size: 3.9893617021vw;
  line-height: 1.5866666667;
  letter-spacing: 0.1063829787vw;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .txt-area .txt::before, .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .txt-area .txt::after, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .txt-area .txt::before, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .txt-area .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .txt-area .txt::before, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .txt-area .txt::before {
  margin-top: calc((1 - 1.5866666667) * 0.5em);
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .txt-area .txt::after, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .txt-area .txt::after {
  margin-bottom: calc((1 - 1.5866666667) * 0.5em);
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a {
  display: block;
  padding: 4.2553191489vw 0 4.7872340426vw;
  color: #fff;
  font-size: 4.2553191489vw;
  text-align: center;
  letter-spacing: 0.1595744681vw;
  background-color: #7EC3D1;
  border: 0.5319148936vw solid #7EC3D1;
  border-radius: 2.6595744681vw;
  transition-duration: 0.3s;
  transition-property: color, background-color;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:hover, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:hover {
    color: #7EC3D1;
    background-color: #fff;
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:hover:before, .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:hover:after, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:hover:before, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:hover:after {
    background-color: #7EC3D1;
  }
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:before, .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:after, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:before, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.2659574468vw);
  right: 5.8510638298vw;
  width: 2.6595744681vw;
  height: 0.5319148936vw;
  border-radius: 2659.3085106383vw;
  background-color: #fff;
  transform-origin: calc(100% - 0.2659574468vw) 50%;
  transition-duration: 0.3s;
  transition-property: background-color;
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:before, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:before {
  transform: rotate(45deg);
}
.lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:after, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:after {
  transform: rotate(-45deg);
}
.lineup .unit .points .points-ttl {
  padding: 6.3829787234vw 0;
  margin: 0 auto 5.3191489362vw;
  color: #fff;
  font-size: 6.3829787234vw;
  text-align: center;
  background-image: url("/img/point-ttl-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.lineup .unit .points .points-ttl .small {
  display: block;
  padding: 6.3829787234vw 0 0;
  font-size: 3.7234042553vw;
  position: relative;
}
.lineup .unit .points .points-ttl .small:before {
  content: "";
  width: 26.5957446809vw;
  height: 0.2659574468vw;
  margin: auto;
  background-image: repeating-linear-gradient(90deg, #fff, #fff 0.5319148936vw, transparent 0.5319148936vw, transparent 1.5957446809vw);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 0.5319148936vw;
  position: absolute;
  top: 3.1914893617vw;
  left: 0;
  right: 0;
}
.lineup .unit .points .point-list {
  display: flex;
  flex-direction: column;
  gap: 7.4468085106vw;
}
.lineup .unit .points .point-list .point-item {
  display: flex;
  flex-direction: column;
  gap: 7.4468085106vw;
}
.lineup .unit .points .point-list .point-item:nth-child(1) .box:nth-child(1) {
  padding: 7.9787234043vw 0 0;
  border-radius: 3.9893617021vw 3.9893617021vw 0 0;
}
.lineup .unit .points .point-list .point-item:nth-child(1) .box:nth-child(2) {
  padding: 7.9787234043vw 5.3191489362vw 5.3191489362vw;
  border-radius: 3.9893617021vw;
  position: relative;
}
.lineup .unit .points .point-list .point-item:nth-child(1) .box:nth-child(2):before {
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-right: 2.1276595745vw solid transparent;
  border-left: 2.1276595745vw solid transparent;
  border-bottom: 3.1914893617vw solid #fff;
  border-top: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}
.lineup .unit .points .point-list .point-item:nth-child(2) .box:nth-child(1) {
  padding: 7.9787234043vw 0 0;
  border-radius: 3.9893617021vw 3.9893617021vw 0 0;
}
.lineup .unit .points .point-list .point-item:nth-child(2) .box:nth-child(2) {
  padding: 7.9787234043vw 5.3191489362vw 5.3191489362vw;
  border-radius: 3.9893617021vw;
  position: relative;
}
.lineup .unit .points .point-list .point-item:nth-child(2) .box:nth-child(2):before {
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-right: 2.1276595745vw solid transparent;
  border-left: 2.1276595745vw solid transparent;
  border-bottom: 3.1914893617vw solid #fff;
  border-top: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}
.lineup .unit .points .point-list .point-item:nth-child(3) .box:nth-child(1) {
  padding: 7.9787234043vw 0 0;
  border-radius: 3.9893617021vw 3.9893617021vw 0 0;
}
.lineup .unit .points .point-list .point-item:nth-child(3) .box:nth-child(2) {
  padding: 7.9787234043vw 5.3191489362vw 5.3191489362vw;
  border-radius: 3.9893617021vw;
  position: relative;
}
.lineup .unit .points .point-list .point-item:nth-child(3) .box:nth-child(2):before {
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-right: 2.1276595745vw solid transparent;
  border-left: 2.1276595745vw solid transparent;
  border-bottom: 3.1914893617vw solid #fff;
  border-top: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}
.lineup .unit .points .point-list .point-item .box {
  background-color: #fff;
}
.lineup .unit .points .point-list .point-item .box .box-ttl {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 auto 6.3829787234vw;
}
.lineup .unit .points .point-list .point-item .box .box-ttl .en .txt,
.lineup .unit .points .point-list .point-item .box .box-ttl .jp .txt {
  display: inline-block;
  position: relative;
}
.lineup .unit .points .point-list .point-item .box .box-ttl .en .txt:before,
.lineup .unit .points .point-list .point-item .box .box-ttl .jp .txt:before {
  content: "";
}
.lineup .unit .points .point-list .point-item .box .box-ttl .en {
  margin: 0 auto 4.2553191489vw;
  color: #7EC3D1;
  font-family: "Noto Sans JP", sans-serif;
}
.lineup .unit .points .point-list .point-item .box .box-ttl .en .txt {
  padding: 0 0 2.1276595745vw;
}
.lineup .unit .points .point-list .point-item .box .box-ttl .en .txt:before {
  width: 100%;
  height: 0.2659574468vw;
  background-color: #7EC3D1;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.lineup .unit .points .point-list .point-item .box .box-ttl .jp {
  font-size: 4.5212765957vw;
}
.lineup .unit .points .point-list .point-item .box .box-ttl .jp .txt {
  padding: 0 0 3.1914893617vw;
  margin: 0 0 0 6.914893617vw;
  background-image: repeating-linear-gradient(90deg, #7EC3D1, #7EC3D1 0.5319148936vw, transparent 0.5319148936vw, transparent 1.5957446809vw);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 0.5319148936vw;
}
.lineup .unit .points .point-list .point-item .box .box-ttl .jp .txt:before {
  content: "";
  width: 4.7872340426vw;
  height: 4.7872340426vw;
  background-image: url("/img/point-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -6.914893617vw;
}
.lineup .unit .points .point-list .point-item .box .box-lead {
  padding: 0 0 4.2553191489vw;
  margin: 0 auto 3.7234042553vw;
  position: relative;
}
.lineup .unit .points .point-list .point-item .box .box-lead:before {
  content: "";
  width: 26.5957446809vw;
  height: 0.5319148936vw;
  margin: auto;
  background-image: repeating-linear-gradient(90deg, #7EC3D1, #7EC3D1 0.5319148936vw, transparent 0.5319148936vw, transparent 1.5957446809vw);
  background-position: left bottom;
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.lineup .unit .points .point-list .point-item .box .box-txt {
  margin: 0 auto 4.2553191489vw;
  font-size: 3.9893617021vw;
  font-weight: 400;
  line-height: 1.5333333333;
  text-align: justify;
  letter-spacing: -0.0531914894vw;
}
.lineup .unit .points .point-list .point-item .box .box-txt::before, .lineup .unit .points .point-list .point-item .box .box-txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineup .unit .points .point-list .point-item .box .box-txt::before {
  margin-top: calc((1 - 1.5333333333) * 0.5em);
}
.lineup .unit .points .point-list .point-item .box .box-txt::after {
  margin-bottom: calc((1 - 1.5333333333) * 0.5em);
}
.lineup .unit .points .point-list .point-item .box .box-txt .txt_pict {
  display: inline-block;
  width: 23.670212766vw;
  line-height: 1;
}
.lineup .unit .points .point-list .point-item .box .ph .caption {
  display: inline-block;
  padding: 2.1276595745vw 0 0;
  font-size: 2.6595744681vw;
  font-weight: 400;
  text-align: justify;
  line-height: 1.5;
  letter-spacing: 0.0531914894vw;
}
.lineup .unit .points .point-list .point-item .box .ph .caption::before, .lineup .unit .points .point-list .point-item .box .ph .caption::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineup .unit .points .point-list .point-item .box .ph .caption::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
.lineup .unit .points .point-list .point-item .box .ph .caption::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.lineup .unit .points .point-list .point-item .box .point-swiper {
  width: calc(100% + 10.6382978723vw);
  padding: 0 5.3191489362vw 5.8510638298vw;
  position: relative;
  left: -5.3191489362vw;
}
.lineup .unit .points .point-list .point-item .box .point-swiper:before, .lineup .unit .points .point-list .point-item .box .point-swiper:after {
  content: "";
  width: 5.3191489362vw;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.lineup .unit .points .point-list .point-item .box .point-swiper:before {
  left: 0;
}
.lineup .unit .points .point-list .point-item .box .point-swiper:after {
  right: 0;
}
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-pagination {
  line-height: 0;
  bottom: 0;
}
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 1.5957446809vw;
  height: 1.5957446809vw;
  background-color: #7EC3D1;
  opacity: 0.2;
}
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-next,
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-prev {
  width: 7.9787234043vw;
  height: 15.9574468085vw;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  bottom: 5.8510638298vw;
}
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-next:after,
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-prev:after {
  text-indent: -2659.3085106383vw;
}
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-prev {
  background-image: url("/img/slide-prev.png");
  left: 0;
}
.lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-next {
  background-image: url("/img/slide-next.png");
  right: 0;
}
.lineup .aside {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.6595744681vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .lineup {
    padding: 0 0 min(23.4042553191vw, 88px);
  }
  .lineup .sec-ttl .en img {
    width: min(44.1489361702vw, 166px);
  }
  .lineup .sec-ttl .jp {
    letter-spacing: calc(min(19.9468085106vw, 75px) * 0.01);
  }
  .lineup .unit {
    padding: 0 min(5.3191489362vw, 20px) 0;
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .lineup .unit .item {
    margin: 0 auto min(21.2765957447vw, 80px);
  }
  .lineup .unit .item:nth-child(1) .box:not(:last-child) {
    margin: 0 auto min(10.6382978723vw, 40px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(1) {
    padding: min(11.170212766vw, 42px) 0 min(10.6382978723vw, 40px);
    margin-top: max(-2.6595744681vw, -10px);
    border-radius: 0 0 min(2.6595744681vw, 10px) min(2.6595744681vw, 10px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(1) .item-ttl {
    width: min(42.5531914894vw, 160px);
    padding: min(39.8936170213vw, 150px) 0 min(5.3191489362vw, 20px);
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(1) .item-ttl:before {
    width: min(78.7234042553vw, 296px);
    height: min(31.3829787234vw, 118px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(1) .item-ttl:after {
    width: min(26.5957446809vw, 100px);
    height: min(0.2659574468vw, 1px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(1) .item-lead {
    font-size: min(3.9893617021vw, 15px);
    letter-spacing: calc(min(6.6489361702vw, 25px) * 0.01);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2), .lineup .unit .item:nth-child(1) .box:nth-child(3) {
    padding: min(5.3191489362vw, 20px) min(5.3191489362vw, 20px) min(10.6382978723vw, 40px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2):before, .lineup .unit .item:nth-child(1) .box:nth-child(3):before {
    height: calc(100% - min(5.3191489362vw, 20px));
    border-left: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-right: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2):after, .lineup .unit .item:nth-child(1) .box:nth-child(3):after {
    width: calc(100% - min(3.9893617021vw, 15px));
    border-top: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-bottom: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .img, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .img {
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name {
    padding: 0 0 min(6.3829787234vw, 24px);
    margin: 0 auto min(5.8510638298vw, 22px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name:before, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name:before {
    width: min(26.5957446809vw, 100px);
    height: min(0.2659574468vw, 1px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name .small, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name .small {
    margin: 0 auto min(2.1276595745vw, 8px);
    font-size: min(3.9893617021vw, 15px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .name .txt, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .name .txt {
    font-size: min(5.3191489362vw, 20px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .txt-area, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .txt-area {
    margin: 0 auto min(6.3829787234vw, 24px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .txt-area .txt, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .txt-area .txt {
    font-size: min(3.9893617021vw, 15px);
    letter-spacing: calc(min(10.6382978723vw, 40px) * 0.01);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a {
    padding: min(4.2553191489vw, 16px) 0 min(4.7872340426vw, 18px);
    font-size: min(4.2553191489vw, 16px);
    letter-spacing: calc(min(15.9574468085vw, 60px) * 0.01);
    border: min(0.5319148936vw, 2px) solid #7EC3D1;
    border-radius: min(2.6595744681vw, 10px);
  }
  .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:before, .lineup .unit .item:nth-child(1) .box:nth-child(2) .taste .allergie-link a:after, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:before, .lineup .unit .item:nth-child(1) .box:nth-child(3) .taste .allergie-link a:after {
    top: calc(50% - min(0.2659574468vw, 1px));
    right: min(5.8510638298vw, 22px);
    width: min(2.6595744681vw, 10px);
    height: min(0.5319148936vw, 2px);
    border-radius: min(2659.3085106383vw, 9999px);
    transform-origin: calc(100% - min(0.2659574468vw, 1px)) 50%;
  }
  .lineup .unit .points .points-ttl {
    padding: min(6.3829787234vw, 24px) 0;
    margin: 0 auto min(5.3191489362vw, 20px);
    font-size: min(6.3829787234vw, 24px);
  }
  .lineup .unit .points .points-ttl .small {
    padding: min(6.3829787234vw, 24px) 0 0;
    font-size: min(3.7234042553vw, 14px);
  }
  .lineup .unit .points .points-ttl .small:before {
    width: min(26.5957446809vw, 100px);
    height: min(0.2659574468vw, 1px);
    background-image: repeating-linear-gradient(90deg, #fff, #fff min(0.5319148936vw, 2px), transparent min(0.5319148936vw, 2px), transparent min(1.5957446809vw, 6px));
    background-size: 100% min(0.5319148936vw, 2px);
    top: min(3.1914893617vw, 12px);
  }
  .lineup .unit .points .point-list {
    gap: min(7.4468085106vw, 28px);
  }
  .lineup .unit .points .point-list .point-item {
    gap: min(7.4468085106vw, 28px);
  }
  .lineup .unit .points .point-list .point-item:nth-child(1) .box:nth-child(1) {
    padding: min(7.9787234043vw, 30px) 0 0;
    border-radius: min(3.9893617021vw, 15px) min(3.9893617021vw, 15px) 0 0;
  }
  .lineup .unit .points .point-list .point-item:nth-child(1) .box:nth-child(2) {
    padding: min(7.9787234043vw, 30px) min(5.3191489362vw, 20px) min(5.3191489362vw, 20px);
    border-radius: min(3.9893617021vw, 15px);
  }
  .lineup .unit .points .point-list .point-item:nth-child(1) .box:nth-child(2):before {
    border-right: min(2.1276595745vw, 8px) solid transparent;
    border-left: min(2.1276595745vw, 8px) solid transparent;
    border-bottom: min(3.1914893617vw, 12px) solid #fff;
  }
  .lineup .unit .points .point-list .point-item:nth-child(2) .box:nth-child(1) {
    padding: min(7.9787234043vw, 30px) 0 0;
    border-radius: min(3.9893617021vw, 15px) min(3.9893617021vw, 15px) 0 0;
  }
  .lineup .unit .points .point-list .point-item:nth-child(2) .box:nth-child(2) {
    padding: min(7.9787234043vw, 30px) min(5.3191489362vw, 20px) min(5.3191489362vw, 20px);
    border-radius: min(3.9893617021vw, 15px);
  }
  .lineup .unit .points .point-list .point-item:nth-child(2) .box:nth-child(2):before {
    border-right: min(2.1276595745vw, 8px) solid transparent;
    border-left: min(2.1276595745vw, 8px) solid transparent;
    border-bottom: min(3.1914893617vw, 12px) solid #fff;
  }
  .lineup .unit .points .point-list .point-item:nth-child(3) .box:nth-child(1) {
    padding: min(7.9787234043vw, 30px) 0 0;
    border-radius: min(3.9893617021vw, 15px) min(3.9893617021vw, 15px) 0 0;
  }
  .lineup .unit .points .point-list .point-item:nth-child(3) .box:nth-child(2) {
    padding: min(7.9787234043vw, 30px) min(5.3191489362vw, 20px) min(5.3191489362vw, 20px);
    border-radius: min(3.9893617021vw, 15px);
  }
  .lineup .unit .points .point-list .point-item:nth-child(3) .box:nth-child(2):before {
    border-right: min(2.1276595745vw, 8px) solid transparent;
    border-left: min(2.1276595745vw, 8px) solid transparent;
    border-bottom: min(3.1914893617vw, 12px) solid #fff;
  }
  .lineup .unit .points .point-list .point-item .box .box-ttl {
    margin: 0 auto min(6.3829787234vw, 24px);
  }
  .lineup .unit .points .point-list .point-item .box .box-ttl .en .txt:before,
  .lineup .unit .points .point-list .point-item .box .box-ttl .jp .txt:before {
    content: "";
  }
  .lineup .unit .points .point-list .point-item .box .box-ttl .en {
    margin: 0 auto min(4.2553191489vw, 16px);
  }
  .lineup .unit .points .point-list .point-item .box .box-ttl .en .txt {
    padding: 0 0 min(2.1276595745vw, 8px);
  }
  .lineup .unit .points .point-list .point-item .box .box-ttl .en .txt:before {
    height: min(0.2659574468vw, 1px);
  }
  .lineup .unit .points .point-list .point-item .box .box-ttl .jp {
    font-size: min(4.5212765957vw, 17px);
  }
  .lineup .unit .points .point-list .point-item .box .box-ttl .jp .txt {
    padding: 0 0 min(3.1914893617vw, 12px);
    margin: 0 0 0 min(6.914893617vw, 26px);
    background-image: repeating-linear-gradient(90deg, #7EC3D1, #7EC3D1 min(0.5319148936vw, 2px), transparent min(0.5319148936vw, 2px), transparent min(1.5957446809vw, 6px));
    background-size: 100% min(0.5319148936vw, 2px);
  }
  .lineup .unit .points .point-list .point-item .box .box-ttl .jp .txt:before {
    width: min(4.7872340426vw, 18px);
    height: min(4.7872340426vw, 18px);
    left: max(-6.914893617vw, -26px);
  }
  .lineup .unit .points .point-list .point-item .box .box-lead {
    padding: 0 0 min(4.2553191489vw, 16px);
    margin: 0 auto min(3.7234042553vw, 14px);
  }
  .lineup .unit .points .point-list .point-item .box .box-lead:before {
    width: min(26.5957446809vw, 100px);
    height: min(0.5319148936vw, 2px);
    background-image: repeating-linear-gradient(90deg, #7EC3D1, #7EC3D1 min(0.5319148936vw, 2px), transparent min(0.5319148936vw, 2px), transparent min(1.5957446809vw, 6px));
  }
  .lineup .unit .points .point-list .point-item .box .box-txt {
    margin: 0 auto min(4.2553191489vw, 16px);
    font-size: min(3.9893617021vw, 15px);
    letter-spacing: calc(max(-5.3191489362vw, -20px) * 0.01);
  }
  .lineup .unit .points .point-list .point-item .box .box-txt .txt_pict {
    width: min(23.670212766vw, 89px);
  }
  .lineup .unit .points .point-list .point-item .box .ph .caption {
    padding: min(2.1276595745vw, 8px) 0 0;
    font-size: min(2.6595744681vw, 10px);
    letter-spacing: calc(min(5.3191489362vw, 20px) * 0.01);
  }
  .lineup .unit .points .point-list .point-item .box .point-swiper {
    width: calc(100% + min(10.6382978723vw, 40px));
    padding: 0 min(5.3191489362vw, 20px) min(5.8510638298vw, 22px);
    left: max(-5.3191489362vw, -20px);
  }
  .lineup .unit .points .point-list .point-item .box .point-swiper:before, .lineup .unit .points .point-list .point-item .box .point-swiper:after {
    width: min(5.3191489362vw, 20px);
  }
  .lineup .unit .points .point-list .point-item .box .point-swiper .swiper-pagination .swiper-pagination-bullet {
    width: min(1.5957446809vw, 6px);
    height: min(1.5957446809vw, 6px);
  }
  .lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-next,
  .lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-prev {
    width: min(7.9787234043vw, 30px);
    height: min(15.9574468085vw, 60px);
    bottom: min(5.8510638298vw, 22px);
  }
  .lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-next:after,
  .lineup .unit .points .point-list .point-item .box .point-swiper .swiper-button-prev:after {
    text-indent: max(-2659.3085106383vw, -9999px);
  }
  .lineup .aside {
    font-size: min(2.6595744681vw, 10px);
  }
}
.remodal-overlay {
  background-color: rgba(0, 0, 0, 0.75);
}

.remodal-wrapper {
  padding: 0;
}

.remodal {
  width: 100vw;
  padding: 5.3191489362vw;
  margin: 0 auto;
  background-color: transparent;
}
.remodal .modal-content {
  width: 89.3617021277vw;
  padding: 0 0 10.6382978723vw;
  margin: 0 auto 4.2553191489vw;
  background-color: #f0f6f8;
  border-radius: 4.2553191489vw;
  overflow: hidden;
}
.remodal .modal-content .modal-unit .modal-name {
  padding: 4.7872340426vw 2.1276595745vw;
  margin: 0 auto 5.3191489362vw;
  color: #fff;
  font-size: 3.9893617021vw;
  background-color: #7EC3D1;
}
.remodal .modal-content .modal-unit .swiper {
  width: 100%;
  padding: 0 5.3191489362vw 5.8510638298vw;
  margin: 0 auto 4.2553191489vw;
  position: relative;
}
.remodal .modal-content .modal-unit .swiper:before, .remodal .modal-content .modal-unit .swiper:after {
  content: "";
  width: 5.3191489362vw;
  height: 100%;
  background-color: #f0f6f8;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.remodal .modal-content .modal-unit .swiper:before {
  left: 0;
}
.remodal .modal-content .modal-unit .swiper:after {
  right: 0;
}
.remodal .modal-content .modal-unit .swiper .swiper-wrapper .swiper-slide {
  position: relative;
}
.remodal .modal-content .modal-unit .swiper .swiper-wrapper .swiper-slide:before, .remodal .modal-content .modal-unit .swiper .swiper-wrapper .swiper-slide:after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.remodal .modal-content .modal-unit .swiper .swiper-wrapper .swiper-slide:before {
  width: calc(100% - 0.5319148936vw);
  height: calc(100% - 5.3191489362vw);
  border-left: 0.2659574468vw solid #7EC3D1;
  border-right: 0.2659574468vw solid #7EC3D1;
}
.remodal .modal-content .modal-unit .swiper .swiper-wrapper .swiper-slide:after {
  width: calc(100% - 3.9893617021vw);
  height: calc(100% - 0.5319148936vw);
  border-top: 0.2659574468vw solid #7EC3D1;
  border-bottom: 0.2659574468vw solid #7EC3D1;
}
.remodal .modal-content .modal-unit .swiper .swiper-pagination {
  line-height: 0;
  bottom: 0;
}
.remodal .modal-content .modal-unit .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 1.5957446809vw;
  height: 1.5957446809vw;
  background-color: #7EC3D1;
  opacity: 0.2;
}
.remodal .modal-content .modal-unit .swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.remodal .modal-content .modal-unit .swiper .swiper-button-next,
.remodal .modal-content .modal-unit .swiper .swiper-button-prev {
  width: 7.9787234043vw;
  height: 15.9574468085vw;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  bottom: 5.8510638298vw;
}
.remodal .modal-content .modal-unit .swiper .swiper-button-next:after,
.remodal .modal-content .modal-unit .swiper .swiper-button-prev:after {
  text-indent: -2659.3085106383vw;
}
.remodal .modal-content .modal-unit .swiper .swiper-button-prev {
  background-image: url("/img/slide-prev.png");
  left: 0;
}
.remodal .modal-content .modal-unit .swiper .swiper-button-next {
  background-image: url("/img/slide-next.png");
  right: 0;
}
.remodal .modal-content .modal-unit .detail {
  padding: 0 5.3191489362vw;
  text-align: justify;
}
.remodal .modal-content .modal-unit .detail .line:not(:last-child) {
  padding: 0 0 6.3829787234vw;
  margin: 0 auto 5.8510638298vw;
  background-image: repeating-linear-gradient(90deg, #7EC3D1, #7EC3D1 0.5319148936vw, transparent 0.5319148936vw, transparent 1.5957446809vw);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 0.5319148936vw;
}
.remodal .modal-content .modal-unit .detail .line .line-head {
  margin: 0 auto 3.1914893617vw;
  color: #7EC3D1;
  font-size: 4.2553191489vw;
  line-height: 1.3125;
}
.remodal .modal-content .modal-unit .detail .line .line-body .txt {
  font-size: 3.7234042553vw;
  line-height: 1.7;
}
.remodal .modal-content .modal-unit .detail .line .line-body .txt::before, .remodal .modal-content .modal-unit .detail .line .line-body .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.remodal .modal-content .modal-unit .detail .line .line-body .txt::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
.remodal .modal-content .modal-unit .detail .line .line-body .txt::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
.remodal .modal-content .modal-unit .detail .line .line-body .allergie-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4.2553191489vw;
  margin: 0 auto 3.1914893617vw;
}
.remodal .modal-content .modal-unit .detail .line .line-body .allergie-list .allergie-item {
  width: 16.4893617021vw;
  text-align: center;
}
.remodal .modal-content .modal-unit .detail .line .line-body .allergie-list .allergie-item .icon {
  display: inline-block;
  margin: 0 auto 1.0638297872vw;
}
.remodal .remodal-cancel {
  width: 14.8936170213vw;
  min-width: 14.8936170213vw;
  height: 14.8936170213vw;
  padding: 0;
  border-radius: 2659.3085106383vw;
  background-color: #fff;
  position: relative;
}
.remodal .remodal-cancel:before, .remodal .remodal-cancel:after {
  content: "";
  width: 6.914893617vw;
  height: 0.5319148936vw;
  margin: auto;
  background-color: #7EC3D1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.remodal .remodal-cancel:before {
  transform: rotate(-45deg);
}
.remodal .remodal-cancel:after {
  transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
  .remodal-wrapper {
    padding: 0;
  }
  .remodal {
    width: min(100vw, 376px);
    padding: min(5.3191489362vw, 20px) 0;
  }
  .remodal .modal-content {
    width: min(89.3617021277vw, 336px);
    padding: 0 0 min(10.6382978723vw, 40px);
    margin: 0 auto min(4.2553191489vw, 16px);
    border-radius: min(4.2553191489vw, 16px);
  }
  .remodal .modal-content .modal-unit .modal-name {
    padding: min(4.7872340426vw, 18px) min(2.1276595745vw, 8px);
    margin: 0 auto min(5.3191489362vw, 20px);
    font-size: min(3.9893617021vw, 15px);
  }
  .remodal .modal-content .modal-unit .swiper {
    padding: 0 min(5.3191489362vw, 20px) min(5.8510638298vw, 22px);
    margin: 0 auto min(4.2553191489vw, 16px);
  }
  .remodal .modal-content .modal-unit .swiper:before, .remodal .modal-content .modal-unit .swiper:after {
    width: min(5.3191489362vw, 20px);
  }
  .remodal .modal-content .modal-unit .swiper .swiper-wrapper .swiper-slide:before {
    width: calc(100% - min(0.5319148936vw, 2px));
    height: calc(100% - min(5.3191489362vw, 20px));
    border-left: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-right: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .remodal .modal-content .modal-unit .swiper .swiper-wrapper .swiper-slide:after {
    width: calc(100% - min(3.9893617021vw, 15px));
    height: calc(100% - min(0.5319148936vw, 2px));
    border-top: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-bottom: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .remodal .modal-content .modal-unit .swiper .swiper-pagination .swiper-pagination-bullet {
    width: min(1.5957446809vw, 6px);
    height: min(1.5957446809vw, 6px);
  }
  .remodal .modal-content .modal-unit .swiper .swiper-button-next,
  .remodal .modal-content .modal-unit .swiper .swiper-button-prev {
    width: min(7.9787234043vw, 30px);
    height: min(15.9574468085vw, 60px);
    bottom: min(5.8510638298vw, 22px);
  }
  .remodal .modal-content .modal-unit .swiper .swiper-button-next:after,
  .remodal .modal-content .modal-unit .swiper .swiper-button-prev:after {
    text-indent: max(-2659.3085106383vw, -9999px);
  }
  .remodal .modal-content .modal-unit .detail {
    padding: 0 min(5.3191489362vw, 20px);
  }
  .remodal .modal-content .modal-unit .detail .line:not(:last-child) {
    padding: 0 0 min(6.3829787234vw, 24px);
    margin: 0 auto min(5.8510638298vw, 22px);
    background-image: repeating-linear-gradient(90deg, #7EC3D1, #7EC3D1 min(0.5319148936vw, 2px), transparent min(0.5319148936vw, 2px), transparent min(1.5957446809vw, 6px));
    background-size: 100% min(0.5319148936vw, 2px);
  }
  .remodal .modal-content .modal-unit .detail .line .line-head {
    margin: 0 auto min(3.1914893617vw, 12px);
    font-size: min(4.2553191489vw, 16px);
  }
  .remodal .modal-content .modal-unit .detail .line .line-body .txt {
    font-size: min(3.7234042553vw, 14px);
  }
  .remodal .modal-content .modal-unit .detail .line .line-body .allergie-list {
    gap: min(4.2553191489vw, 16px);
    margin: 0 auto min(3.1914893617vw, 12px);
  }
  .remodal .modal-content .modal-unit .detail .line .line-body .allergie-list .allergie-item {
    width: min(16.4893617021vw, 62px);
  }
  .remodal .modal-content .modal-unit .detail .line .line-body .allergie-list .allergie-item .icon {
    margin: 0 auto min(1.0638297872vw, 4px);
  }
  .remodal .remodal-cancel {
    width: min(14.8936170213vw, 56px);
    min-width: min(14.8936170213vw, 56px);
    height: min(14.8936170213vw, 56px);
    border-radius: min(2659.3085106383vw, 9999px);
  }
  .remodal .remodal-cancel:before, .remodal .remodal-cancel:after {
    width: min(6.914893617vw, 26px);
    height: min(0.5319148936vw, 2px);
  }
}
.shops {
  padding: 0 0 21.2765957447vw;
  background-color: #f0f6f8;
}
.shops .sec-ttl .en img {
  width: 37.2340425532vw;
}
.shops .sec-ttl .jp {
  letter-spacing: 0.1994680851vw;
}
.shops .unit {
  padding: 0 5.3191489362vw;
}
.shops .unit .shop-nav {
  padding: 11.170212766vw 4.7872340426vw 10.6382978723vw;
  margin: -2.6595744681vw 0 10.6382978723vw;
  background-color: #fff;
  border-radius: 0 0 2.6595744681vw 2.6595744681vw;
}
.shops .unit .shop-nav .ac .ac-head {
  padding: 0 0 0 3.1914893617vw;
  font-size: 4.2553191489vw;
  position: relative;
  transition-duration: 0.3s;
  transition-property: color;
}
@media screen and (min-width: 1024px) {
  .shops .unit .shop-nav .ac .ac-head:hover {
    color: #7EC3D1;
    cursor: pointer;
  }
}
.shops .unit .shop-nav .ac .ac-head:before, .shops .unit .shop-nav .ac .ac-head:after {
  content: "";
  width: 2.1276595745vw;
  height: 0.5319148936vw;
  margin: auto;
  border-radius: 2659.3085106383vw;
  background-color: #7EC3D1;
  transform-origin: calc(100% - 0.2659574468vw) 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.0638297872vw;
}
.shops .unit .shop-nav .ac .ac-head:before {
  transform: rotate(45deg);
}
.shops .unit .shop-nav .ac .ac-head:after {
  transform: rotate(-45deg);
}
.shops .unit .shop-nav .ac .ac-head.on:before, .shops .unit .shop-nav .ac .ac-head.on:after {
  width: 0.5319148936vw;
  height: 2.1276595745vw;
  transform-origin: 50% calc(100% - 0.2659574468vw);
  left: 0;
}
.shops .unit .shop-nav .ac .ac-body {
  display: none;
  padding: 0 0 0 calc(3.1914893617vw + 1.1em);
}
.shops .unit .shop-nav .ac .ac-body .nav-list {
  padding: 2.1276595745vw 0 0;
}
.shops .unit .shop-nav .ac .ac-body .nav-list .nav-item a {
  font-size: 3.9893617021vw;
  transition-duration: 0.3s;
  transition-property: color;
}
@media screen and (min-width: 1024px) {
  .shops .unit .shop-nav .ac .ac-body .nav-list .nav-item a:hover {
    color: #7EC3D1;
    cursor: pointer;
  }
}
.shops .unit .shop-detail {
  margin: 0 auto 5.3191489362vw;
}
.shops .unit .shop-detail .detail-list .detail-item {
  padding: 5.3191489362vw 5.3191489362vw;
  background-color: #fff;
  border-radius: 3.9893617021vw 3.9893617021vw;
}
.shops .unit .shop-detail .detail-list .detail-item .ph {
  margin: 0 auto 5.3191489362vw;
}
.shops .unit .shop-detail .detail-list .detail-item .shop-name {
  margin: 0 auto 4.2553191489vw;
  color: #7EC3D1;
  text-align: center;
}
.shops .unit .shop-detail .detail-list .detail-item .shop-name .txt {
  display: inline-block;
  padding: 0 0 2.1276595745vw;
  position: relative;
}
.shops .unit .shop-detail .detail-list .detail-item .shop-name .txt:before {
  content: "";
  width: 13.829787234vw;
  height: 0.2659574468vw;
  background-color: #7EC3D1;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.shops .unit .shop-detail .detail-list .detail-item .box {
  display: flex;
  flex-direction: column;
  gap: 3.1914893617vw;
}
.shops .unit .shop-detail .detail-list .detail-item .box .line {
  display: flex;
  align-items: start;
  gap: 3.1914893617vw;
}
.shops .unit .shop-detail .detail-list .detail-item .box .line .line-head {
  width: 19.6808510638vw;
  padding: 1.0638297872vw 2.1276595745vw 1.329787234vw;
  color: #fff;
  font-size: 3.4574468085vw;
  text-align: center;
  background-color: #7EC3D1;
  border-radius: 1.0638297872vw;
}
.shops .unit .shop-detail .detail-list .detail-item .box .line .line-body {
  width: calc(100% - 19.6808510638vw - 3.1914893617vw);
}
.shops .unit .shop-detail .detail-list .detail-item .box .line .line-body .txt {
  padding: 1.0638297872vw 0 0;
  font-size: 3.7234042553vw;
  line-height: 1.4;
}
.shops .unit .shop-detail .detail-list .detail-item .box .line .line-body .txt::before, .shops .unit .shop-detail .detail-list .detail-item .box .line .line-body .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.shops .unit .shop-detail .detail-list .detail-item .box .line .line-body .txt::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
.shops .unit .shop-detail .detail-list .detail-item .box .line .line-body .txt::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
.shops .aside {
  font-size: 4.2553191489vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .shops {
    padding: 0 0 min(21.2765957447vw, 80px);
  }
  .shops .sec-ttl .en img {
    width: min(37.2340425532vw, 140px);
  }
  .shops .sec-ttl .jp {
    letter-spacing: calc(min(19.9468085106vw, 75px) * 0.01);
  }
  .shops .unit {
    padding: 0 min(5.3191489362vw, 20px);
  }
  .shops .unit .shop-nav {
    padding: min(11.170212766vw, 42px) min(4.7872340426vw, 18px) min(10.6382978723vw, 40px);
    margin: max(-2.6595744681vw, -10px) 0 min(10.6382978723vw, 40px);
    border-radius: 0 0 min(2.6595744681vw, 10px) min(2.6595744681vw, 10px);
  }
  .shops .unit .shop-nav .ac .ac-head {
    padding: 0 0 0 min(3.1914893617vw, 12px);
    font-size: min(4.2553191489vw, 16px);
  }
  .shops .unit .shop-nav .ac .ac-head:before, .shops .unit .shop-nav .ac .ac-head:after {
    width: min(2.1276595745vw, 8px);
    height: min(0.5319148936vw, 2px);
    border-radius: min(2659.3085106383vw, 9999px);
    transform-origin: calc(100% - min(0.2659574468vw, 1px)) 50%;
    left: max(-1.0638297872vw, -4px);
  }
  .shops .unit .shop-nav .ac .ac-head.on:before, .shops .unit .shop-nav .ac .ac-head.on:after {
    width: min(0.5319148936vw, 2px);
    height: min(2.1276595745vw, 8px);
    transform-origin: 50% calc(100% - min(0.2659574468vw, 1px));
  }
  .shops .unit .shop-nav .ac .ac-body {
    padding: 0 0 0 calc(min(3.1914893617vw, 12px) + 1.1em);
  }
  .shops .unit .shop-nav .ac .ac-body .nav-list {
    padding: min(2.1276595745vw, 8px) 0 0;
  }
  .shops .unit .shop-nav .ac .ac-body .nav-list .nav-item a {
    font-size: min(3.9893617021vw, 15px);
  }
  .shops .unit .shop-detail {
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .shops .unit .shop-detail .detail-list .detail-item {
    padding: min(5.3191489362vw, 20px) min(5.3191489362vw, 20px);
    border-radius: min(3.9893617021vw, 15px) min(3.9893617021vw, 15px);
  }
  .shops .unit .shop-detail .detail-list .detail-item .ph {
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .shops .unit .shop-detail .detail-list .detail-item .shop-name {
    margin: 0 auto min(4.2553191489vw, 16px);
  }
  .shops .unit .shop-detail .detail-list .detail-item .shop-name .txt {
    padding: 0 0 min(2.1276595745vw, 8px);
  }
  .shops .unit .shop-detail .detail-list .detail-item .shop-name .txt:before {
    width: min(13.829787234vw, 52px);
    height: min(0.2659574468vw, 1px);
  }
  .shops .unit .shop-detail .detail-list .detail-item .box {
    gap: min(3.1914893617vw, 12px);
  }
  .shops .unit .shop-detail .detail-list .detail-item .box .line {
    gap: min(3.1914893617vw, 12px);
  }
  .shops .unit .shop-detail .detail-list .detail-item .box .line .line-head {
    width: min(19.6808510638vw, 74px);
    padding: min(1.0638297872vw, 4px) min(2.1276595745vw, 8px) min(1.329787234vw, 5px);
    font-size: min(3.4574468085vw, 13px);
    border-radius: min(1.0638297872vw, 4px);
  }
  .shops .unit .shop-detail .detail-list .detail-item .box .line .line-body {
    width: calc(100% - min(19.6808510638vw, 74px) - min(3.1914893617vw, 12px));
  }
  .shops .unit .shop-detail .detail-list .detail-item .box .line .line-body .txt {
    padding: min(1.0638297872vw, 4px) 0 0;
    font-size: min(3.7234042553vw, 14px);
  }
  .shops .aside {
    font-size: min(4.2553191489vw, 16px);
  }
}
.about {
  padding: 0 0 21.2765957447vw;
  background-color: #f0f6f8;
}
.about .sec-ttl .en {
  margin: 0 auto 2.6595744681vw;
}
.about .sec-ttl .en img {
  width: 56.914893617vw;
}
.about .unit {
  display: flex;
  flex-direction: column;
  gap: 7.4468085106vw;
  padding: 0 5.3191489362vw;
}
.about .unit .box {
  background-color: #fff;
}
.about .unit .box:nth-child(1) {
  padding: 11.170212766vw 0 0;
  margin: -2.6595744681vw 0 0;
  background-color: #fff;
  border-radius: 0 0 2.6595744681vw 2.6595744681vw;
}
.about .unit .box:nth-child(1) .lead {
  text-align: center;
  padding: 0 4.7872340426vw;
  margin: 0 auto 7.4468085106vw;
}
.about .unit .box:nth-child(1) .ph {
  margin: 0 4.7872340426vw 10.6382978723vw;
  position: relative;
}
.about .unit .box:nth-child(1) .ph:before, .about .unit .box:nth-child(1) .ph:after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.about .unit .box:nth-child(1) .ph:before {
  width: 100%;
  height: calc(100% - 5.3191489362vw);
  border-left: 0.2659574468vw solid #7EC3D1;
  border-right: 0.2659574468vw solid #7EC3D1;
}
.about .unit .box:nth-child(1) .ph:after {
  width: calc(100% - 3.9893617021vw);
  height: 100%;
  border-top: 0.2659574468vw solid #7EC3D1;
  border-bottom: 0.2659574468vw solid #7EC3D1;
}
.about .unit .box:nth-child(2) {
  padding: 10.6382978723vw 5.3191489362vw 5.3191489362vw;
  border-radius: 2.6595744681vw;
  position: relative;
}
.about .unit .box:nth-child(2):before {
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-right: 2.1276595745vw solid transparent;
  border-left: 2.1276595745vw solid transparent;
  border-bottom: 3.1914893617vw solid #fff;
  border-top: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}
.about .unit .box:nth-child(2) .box-lead {
  width: 49.4680851064vw;
  padding: 0 0 4.2553191489vw;
  margin: 0 auto 3.7234042553vw;
  position: relative;
}
.about .unit .box:nth-child(2) .box-lead:before {
  content: "";
  width: 26.5957446809vw;
  height: 0.5319148936vw;
  margin: auto;
  background-image: repeating-linear-gradient(90deg, #7EC3D1, #7EC3D1 0.5319148936vw, transparent 0.5319148936vw, transparent 1.5957446809vw);
  background-position: left bottom;
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.about .unit .box:nth-child(2) .lead {
  margin: 0 auto 5.3191489362vw;
}
.about .unit .box:nth-child(3) {
  padding: 10.6382978723vw 5.3191489362vw 5.3191489362vw;
  border-radius: 2.6595744681vw;
}
.about .unit .box:nth-child(3) .box-lead {
  margin: 0 auto 5.3191489362vw;
  color: #7EC3D1;
  font-size: 6.914893617vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}
.about .unit .box:nth-child(3) .box-lead::before, .about .unit .box:nth-child(3) .box-lead::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.about .unit .box:nth-child(3) .box-lead::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
.about .unit .box:nth-child(3) .box-lead::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.about .unit .box:nth-child(3) .txt-area {
  margin: 0 auto 5.3191489362vw;
}
.about .unit .box:nth-child(3) .txt-area .txt {
  font-size: 3.9893617021vw;
  line-height: 1.7;
}
.about .unit .box:nth-child(3) .txt-area .txt::before, .about .unit .box:nth-child(3) .txt-area .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.about .unit .box:nth-child(3) .txt-area .txt::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
.about .unit .box:nth-child(3) .txt-area .txt::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
.about .unit .box:nth-child(3) .txt-area .txt:not(:last-child) {
  margin-bottom: 1.6em;
}
.about .unit .box:nth-child(3) .pict {
  margin: 0 auto 8.5106382979vw;
  position: relative;
}
.about .unit .box:nth-child(3) .pict:before, .about .unit .box:nth-child(3) .pict:after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.about .unit .box:nth-child(3) .pict:before {
  width: 100%;
  height: calc(100% - 5.3191489362vw);
  border-left: 0.2659574468vw solid #7EC3D1;
  border-right: 0.2659574468vw solid #7EC3D1;
}
.about .unit .box:nth-child(3) .pict:after {
  width: calc(100% - 3.9893617021vw);
  height: 100%;
  border-top: 0.2659574468vw solid #7EC3D1;
  border-bottom: 0.2659574468vw solid #7EC3D1;
}
.about .unit .box:nth-child(3) .ph {
  margin: 0 auto 10.6382978723vw;
}
.about .unit .box:nth-child(3) .other .pict {
  position: relative;
}
.about .unit .box:nth-child(3) .other .pict:before, .about .unit .box:nth-child(3) .other .pict:after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.about .unit .box:nth-child(3) .other .pict:before {
  width: 100%;
  height: calc(100% - 5.3191489362vw);
  border-left: 0.2659574468vw solid #7EC3D1;
  border-right: 0.2659574468vw solid #7EC3D1;
}
.about .unit .box:nth-child(3) .other .pict:after {
  width: calc(100% - 3.9893617021vw);
  height: 100%;
  border-top: 0.2659574468vw solid #7EC3D1;
  border-bottom: 0.2659574468vw solid #7EC3D1;
}
.about .unit .box .lead {
  font-size: 3.9893617021vw;
  line-height: 1.5333333333;
}
.about .unit .box .lead::before, .about .unit .box .lead::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.about .unit .box .lead::before {
  margin-top: calc((1 - 1.5333333333) * 0.5em);
}
.about .unit .box .lead::after {
  margin-bottom: calc((1 - 1.5333333333) * 0.5em);
}
.about .unit .box .box-ttl {
  margin: 0 auto 4.2553191489vw;
  color: #7EC3D1;
  text-align: center;
}
.about .unit .box .box-ttl .txt {
  display: inline-block;
  padding: 0 0 3.1914893617vw;
  position: relative;
}
.about .unit .box .box-ttl .txt:before {
  content: "";
  width: 13.829787234vw;
  height: 0.2659574468vw;
  background-color: #7EC3D1;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (min-width: 768px) {
  .about {
    padding: 0 0 min(21.2765957447vw, 80px);
  }
  .about .sec-ttl .en {
    margin: 0 auto min(2.6595744681vw, 10px);
  }
  .about .sec-ttl .en img {
    width: min(56.914893617vw, 214px);
  }
  .about .unit {
    gap: min(7.4468085106vw, 28px);
    padding: 0 min(5.3191489362vw, 20px);
  }
  .about .unit .box:nth-child(1) {
    padding: min(11.170212766vw, 42px) 0 0;
    margin: max(-2.6595744681vw, -10px) 0 0;
    border-radius: 0 0 min(2.6595744681vw, 10px) min(2.6595744681vw, 10px);
  }
  .about .unit .box:nth-child(1) .lead {
    padding: 0 min(4.7872340426vw, 18px);
    margin: 0 auto min(7.4468085106vw, 28px);
  }
  .about .unit .box:nth-child(1) .ph {
    margin: 0 min(4.7872340426vw, 18px) min(10.6382978723vw, 40px);
  }
  .about .unit .box:nth-child(1) .ph:before {
    height: calc(100% - min(5.3191489362vw, 20px));
    border-left: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-right: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .about .unit .box:nth-child(1) .ph:after {
    width: calc(100% - min(3.9893617021vw, 15px));
    border-top: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-bottom: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .about .unit .box:nth-child(2) {
    padding: min(10.6382978723vw, 40px) min(5.3191489362vw, 20px) min(5.3191489362vw, 20px);
    border-radius: min(2.6595744681vw, 10px);
  }
  .about .unit .box:nth-child(2):before {
    border-right: min(2.1276595745vw, 8px) solid transparent;
    border-left: min(2.1276595745vw, 8px) solid transparent;
    border-bottom: min(3.1914893617vw, 12px) solid #fff;
  }
  .about .unit .box:nth-child(2) .box-lead {
    width: min(49.4680851064vw, 186px);
    padding: 0 0 min(4.2553191489vw, 16px);
    margin: 0 auto min(3.7234042553vw, 14px);
  }
  .about .unit .box:nth-child(2) .box-lead:before {
    width: min(26.5957446809vw, 100px);
    height: min(0.5319148936vw, 2px);
    background-image: repeating-linear-gradient(90deg, #7EC3D1, #7EC3D1 min(0.5319148936vw, 2px), transparent min(0.5319148936vw, 2px), transparent min(1.5957446809vw, 6px));
  }
  .about .unit .box:nth-child(2) .lead {
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .about .unit .box:nth-child(3) {
    padding: min(10.6382978723vw, 40px) min(5.3191489362vw, 20px) min(5.3191489362vw, 20px);
    border-radius: min(2.6595744681vw, 10px);
  }
  .about .unit .box:nth-child(3) .box-lead {
    margin: 0 auto min(5.3191489362vw, 20px);
    font-size: min(6.914893617vw, 26px);
  }
  .about .unit .box:nth-child(3) .txt-area {
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .about .unit .box:nth-child(3) .txt-area .txt {
    font-size: min(3.9893617021vw, 15px);
  }
  .about .unit .box:nth-child(3) .pict {
    margin: 0 auto min(8.5106382979vw, 32px);
  }
  .about .unit .box:nth-child(3) .pict:before {
    height: calc(100% - min(5.3191489362vw, 20px));
    border-left: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-right: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .about .unit .box:nth-child(3) .pict:after {
    width: calc(100% - min(3.9893617021vw, 15px));
    border-top: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-bottom: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .about .unit .box:nth-child(3) .ph {
    margin: 0 auto min(10.6382978723vw, 40px);
  }
  .about .unit .box:nth-child(3) .other .pict:before {
    height: calc(100% - min(5.3191489362vw, 20px));
    border-left: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-right: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .about .unit .box:nth-child(3) .other .pict:after {
    width: calc(100% - min(3.9893617021vw, 15px));
    border-top: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-bottom: min(0.2659574468vw, 1px) solid #7EC3D1;
  }
  .about .unit .box .lead {
    font-size: min(3.9893617021vw, 15px);
  }
  .about .unit .box .box-ttl {
    margin: 0 auto min(4.2553191489vw, 16px);
  }
  .about .unit .box .box-ttl .txt {
    padding: 0 0 min(3.1914893617vw, 12px);
  }
  .about .unit .box .box-ttl .txt:before {
    width: min(13.829787234vw, 52px);
    height: min(0.2659574468vw, 1px);
  }
}
.action {
  padding: 0 0 21.2765957447vw;
  background-color: #f0f6f8;
}
.action .sec-ttl .en {
  margin: 0 auto 2.6595744681vw;
}
.action .sec-ttl .en img {
  width: 40.9574468085vw;
}
.action .unit {
  padding: 0 5.3191489362vw;
}
.action .unit .box:nth-child(1) {
  padding: 11.170212766vw 5.3191489362vw 10.6382978723vw;
  margin: -2.6595744681vw 0 10.6382978723vw;
  background-color: #fff;
  border-radius: 0 0 2.6595744681vw 2.6595744681vw;
}
.action .unit .box .box-lead {
  margin: 0 auto 5.3191489362vw;
  color: #7EC3D1;
  font-size: 6.914893617vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}
.action .unit .box .box-lead::before, .action .unit .box .box-lead::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.action .unit .box .box-lead::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
.action .unit .box .box-lead::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.action .unit .box .txt-area .txt {
  font-size: 3.9893617021vw;
  line-height: 1.7;
  letter-spacing: -0.0531914894vw;
}
.action .unit .box .txt-area .txt::before, .action .unit .box .txt-area .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.action .unit .box .txt-area .txt::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
.action .unit .box .txt-area .txt::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
.action .unit .action-ttl {
  width: 76.0638297872vw;
  margin: 0 auto 4.7872340426vw;
}
.action .unit .ac {
  display: flex;
  flex-direction: column;
  gap: 5.3191489362vw;
}
.action .unit .ac .ac-line:nth-child(1) .ac-body {
  display: block;
}
.action .unit .ac .ac-line .ac-head {
  color: #fff;
  background-color: #7EC3D1;
  padding: 4.2553191489vw 5.3191489362vw 4.7872340426vw;
  font-size: 4.2553191489vw;
  letter-spacing: 0.1595744681vw;
  border: 0.5319148936vw solid #7EC3D1;
  border-radius: 2.6595744681vw 2.6595744681vw 2.6595744681vw 2.6595744681vw;
  transition-duration: 0.5s;
  transition-property: color, background-color;
  position: relative;
}
.action .unit .ac .ac-line .ac-head:hover {
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .action .unit .ac .ac-line .ac-head:hover {
    color: #7EC3D1;
    background-color: #fff;
  }
  .action .unit .ac .ac-line .ac-head:hover:before, .action .unit .ac .ac-line .ac-head:hover:after {
    background-color: #7EC3D1;
  }
}
.action .unit .ac .ac-line .ac-head:before, .action .unit .ac .ac-line .ac-head:after {
  content: "";
  margin: auto;
  border-radius: 2659.3085106383vw;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
}
.action .unit .ac .ac-line .ac-head:before {
  width: 4.2553191489vw;
  height: 0.5319148936vw;
  right: 4.2553191489vw;
}
.action .unit .ac .ac-line .ac-head:after {
  width: 0.5319148936vw;
  height: 4.2553191489vw;
  transition-duration: 0.3s;
  transition-property: top, opacity;
  right: 6.1170212766vw;
}
.action .unit .ac .ac-line .ac-head.on {
  border-radius: 2.6595744681vw 2.6595744681vw 0 0;
}
.action .unit .ac .ac-line .ac-head.on:after {
  opacity: 0;
  top: 1.329787234vw;
}
.action .unit .ac .ac-line .ac-body {
  display: none;
  padding: 5.3191489362vw 5.3191489362vw 8.5106382979vw;
  background-color: #fff;
  border-radius: 0 0 2.6595744681vw 2.6595744681vw;
}
.action .unit .ac .ac-line .ac-body .lead {
  margin: 0 auto 5.3191489362vw;
  font-size: 3.9893617021vw;
  line-height: 1.7;
  letter-spacing: -0.0531914894vw;
}
.action .unit .ac .ac-line .ac-body .lead::before, .action .unit .ac .ac-line .ac-body .lead::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.action .unit .ac .ac-line .ac-body .lead::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
.action .unit .ac .ac-line .ac-body .lead::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
.action .unit .ac .ac-line .ac-body .point {
  display: flex;
  flex-direction: column;
  gap: 2.1276595745vw;
  margin: 0 auto 5.3191489362vw;
}
.action .unit .ac .ac-line .ac-body .point .point-item {
  padding: 4.2553191489vw 0;
  color: #7EC3D1;
  text-align: center;
  border: 0.2659574468vw solid #7EC3D1;
  border-radius: 2.6595744681vw;
}
.action .unit .ac .ac-line .ac-body .ph {
  margin: 0 auto 5.3191489362vw;
}
.action .unit .ac .ac-line .ac-body .txt {
  font-size: 3.9893617021vw;
  line-height: 1.7;
}
.action .unit .ac .ac-line .ac-body .txt::before, .action .unit .ac .ac-line .ac-body .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.action .unit .ac .ac-line .ac-body .txt::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
.action .unit .ac .ac-line .ac-body .txt::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}

@media screen and (min-width: 768px) {
  .action {
    padding: 0 0 min(21.2765957447vw, 80px);
  }
  .action .sec-ttl .en {
    margin: 0 auto min(2.6595744681vw, 10px);
  }
  .action .sec-ttl .en img {
    width: min(40.9574468085vw, 154px);
  }
  .action .unit {
    padding: 0 min(5.3191489362vw, 20px);
  }
  .action .unit .box:nth-child(1) {
    padding: min(11.170212766vw, 42px) min(5.3191489362vw, 20px) min(10.6382978723vw, 40px);
    margin: max(-2.6595744681vw, -10px) 0 min(10.6382978723vw, 40px);
    border-radius: 0 0 min(2.6595744681vw, 10px) min(2.6595744681vw, 10px);
  }
  .action .unit .box .box-lead {
    margin: 0 auto min(5.3191489362vw, 20px);
    font-size: min(6.914893617vw, 26px);
  }
  .action .unit .box .txt-area .txt {
    font-size: min(3.9893617021vw, 15px);
    letter-spacing: calc(max(-5.3191489362vw, -20px) * 0.01);
  }
  .action .unit .action-ttl {
    width: min(76.0638297872vw, 286px);
    margin: 0 auto min(4.7872340426vw, 18px);
  }
  .action .unit .ac {
    gap: min(5.3191489362vw, 20px);
  }
  .action .unit .ac .ac-line .ac-head {
    padding: min(4.2553191489vw, 16px) min(5.3191489362vw, 20px) min(4.7872340426vw, 18px);
    font-size: min(4.2553191489vw, 16px);
    letter-spacing: calc(min(15.9574468085vw, 60px) * 0.01);
    border: min(0.5319148936vw, 2px) solid #7EC3D1;
    border-radius: min(2.6595744681vw, 10px) min(2.6595744681vw, 10px) min(2.6595744681vw, 10px) min(2.6595744681vw, 10px);
  }
  .action .unit .ac .ac-line .ac-head:before, .action .unit .ac .ac-line .ac-head:after {
    border-radius: min(2659.3085106383vw, 9999px);
  }
  .action .unit .ac .ac-line .ac-head:before {
    width: min(4.2553191489vw, 16px);
    height: min(0.5319148936vw, 2px);
    right: min(4.2553191489vw, 16px);
  }
  .action .unit .ac .ac-line .ac-head:after {
    width: min(0.5319148936vw, 2px);
    height: min(4.2553191489vw, 16px);
    transition-duration: 0.3s;
    right: min(6.1170212766vw, 23px);
  }
  .action .unit .ac .ac-line .ac-head.on {
    border-radius: min(2.6595744681vw, 10px) min(2.6595744681vw, 10px) 0 0;
  }
  .action .unit .ac .ac-line .ac-head.on:after {
    top: min(1.329787234vw, 5px);
  }
  .action .unit .ac .ac-line .ac-body {
    padding: min(5.3191489362vw, 20px) min(5.3191489362vw, 20px) min(8.5106382979vw, 32px);
    border-radius: 0 0 min(2.6595744681vw, 10px) min(2.6595744681vw, 10px);
  }
  .action .unit .ac .ac-line .ac-body .lead {
    margin: 0 auto min(5.3191489362vw, 20px);
    font-size: min(3.9893617021vw, 15px);
    letter-spacing: calc(max(-5.3191489362vw, -20px) * 0.01);
  }
  .action .unit .ac .ac-line .ac-body .point {
    gap: min(2.1276595745vw, 8px);
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .action .unit .ac .ac-line .ac-body .point .point-item {
    padding: min(4.2553191489vw, 16px) 0;
    border: min(0.2659574468vw, 1px) solid #7EC3D1;
    border-radius: min(2.6595744681vw, 10px);
  }
  .action .unit .ac .ac-line .ac-body .ph {
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .action .unit .ac .ac-line .ac-body .txt {
    font-size: min(3.9893617021vw, 15px);
  }
}
.sns {
  padding: 14.3617021277vw 5.3191489362vw 17.0212765957vw;
  background-image: url("/img/share-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom 0;
}
.sns .unit .bnr {
  margin: 0 auto 5.3191489362vw;
  position: relative;
}
.sns .unit .bnr:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 4.2553191489vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sns .unit .bnr a {
  transition-duration: 0.5s;
  transition-property: opacity;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .sns .unit .bnr a:hover {
    opacity: 0.7;
  }
}
.sns .unit .box {
  padding: 9.0425531915vw 7.1808510638vw;
  background-color: #fff;
  border-radius: 3.9893617021vw;
}
.sns .unit .box .box-ttl {
  width: 18.6170212766vw;
  padding: 0 0 3.9893617021vw;
  margin: 0 auto 5.3191489362vw;
  position: relative;
}
.sns .unit .box .box-ttl:before {
  content: "";
  width: 13.829787234vw;
  height: 0.2659574468vw;
  background-color: #7EC3D1;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sns .unit .sns-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3.7234042553vw;
}
.sns .unit .sns-list .sns-item {
  width: 15.9574468085vw;
}
.sns .unit .sns-list .sns-item a {
  filter: drop-shadow(0.5319148936vw 0.5319148936vw 0.5319148936vw rgba(0, 0, 0, 0.2));
  transition-duration: 0.5s;
  transition-property: transform, opacity;
}
@media screen and (min-width: 1024px) {
  .sns .unit .sns-list .sns-item a:hover {
    transform: scale(1.2);
    opacity: 0.7;
  }
}

@media screen and (min-width: 768px) {
  .sns {
    padding: min(14.3617021277vw, 54px) min(5.3191489362vw, 20px) min(17.0212765957vw, 64px);
  }
  .sns .unit .bnr {
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .sns .unit .bnr:before {
    border-radius: min(4.2553191489vw, 16px);
  }
  .sns .unit .box {
    padding: min(9.0425531915vw, 34px) min(7.1808510638vw, 27px);
    border-radius: min(3.9893617021vw, 15px);
  }
  .sns .unit .box .box-ttl {
    width: min(18.6170212766vw, 70px);
    padding: 0 0 min(3.9893617021vw, 15px);
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .sns .unit .box .box-ttl:before {
    width: min(13.829787234vw, 52px);
    height: min(0.2659574468vw, 1px);
  }
  .sns .unit .sns-list {
    gap: min(3.7234042553vw, 14px);
  }
  .sns .unit .sns-list .sns-item {
    width: min(15.9574468085vw, 60px);
  }
  .sns .unit .sns-list .sns-item a {
    filter: drop-shadow(min(0.5319148936vw, 2px) min(0.5319148936vw, 2px) min(0.5319148936vw, 2px) rgba(0, 0, 0, 0.2));
  }
}
.footer {
  padding: 11.9680851064vw 8.5106382979vw 27.1276595745vw;
}
.footer .footer-logo {
  margin: 0 auto 5.3191489362vw;
}
.footer .txt_link {
  margin: 0 auto 6.914893617vw;
  text-align: center;
}
.footer .txt_link a {
  display: block;
  font-weight: 600;
}
.footer .contact {
  margin: 0 auto 6.3829787234vw;
}
.footer .contact a {
  display: block;
  padding: 4.2553191489vw 0 4.7872340426vw;
  color: #fff;
  font-size: 4.2553191489vw;
  text-align: center;
  letter-spacing: 0.1595744681vw;
  background-color: #7EC3D1;
  border-radius: 2.6595744681vw;
  position: relative;
}
.footer .contact a:before, .footer .contact a:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.2659574468vw);
  right: 5.8510638298vw;
  width: 2.6595744681vw;
  height: 0.5319148936vw;
  border-radius: 2659.3085106383vw;
  background-color: #fff;
  transform-origin: calc(100% - 0.2659574468vw) 50%;
}
.footer .contact a:before {
  transform: rotate(45deg);
}
.footer .contact a:after {
  transform: rotate(-45deg);
}
.footer .copy {
  width: 45.2127659574vw;
  margin: 0 auto 0;
}

@media screen and (min-width: 768px) {
  .footer {
    padding: min(11.9680851064vw, 45px) min(8.5106382979vw, 32px) min(37.7659574468vw, 142px);
  }
  .footer .footer-logo {
    margin: 0 auto min(5.3191489362vw, 20px);
  }
  .footer .txt_link {
    margin: 0 auto min(6.914893617vw, 26px);
  }
  .footer .contact {
    margin: 0 auto min(6.3829787234vw, 24px);
  }
  .footer .contact a {
    padding: min(4.2553191489vw, 16px) 0 min(4.7872340426vw, 18px);
    font-size: min(4.2553191489vw, 16px);
    letter-spacing: calc(min(15.9574468085vw, 60px) * 0.01);
    border-radius: min(2.6595744681vw, 10px);
  }
  .footer .contact a:before, .footer .contact a:after {
    top: calc(50% - min(0.2659574468vw, 1px));
    right: min(5.8510638298vw, 22px);
    width: min(2.6595744681vw, 10px);
    height: min(0.5319148936vw, 2px);
    border-radius: min(2659.3085106383vw, 9999px);
    transform-origin: calc(100% - min(0.2659574468vw, 1px)) 50%;
  }
  .footer .copy {
    width: min(45.2127659574vw, 170px);
  }
}/*# sourceMappingURL=style.css.map */