@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap");
/**************************************************/
/* base */
/**************************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

html {
  font-size: 62.5%;
}

body {
  color: #0D0A3A;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  background-color: #fff;
  box-sizing: border-box;
  min-width: 375px;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

em {
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

li,
dd {
  list-style-type: none;
}

header,
footer,
nav,
section,
article,
aside,
figure,
figcaption {
  display: block;
}

@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.inner {
  max-width: 1040px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.deco-area {
  position: relative;
}

.deco {
  position: absolute;
}

.section-title {
  text-align: center;
}
.section-title img {
  height: 107px;
  width: auto;
}
@media screen and (max-width: 1023px) {
  .section-title img {
    height: 76px;
  }
}

.section-contents {
  position: relative;
  z-index: 2;
}
.section-contents > .inner {
  max-width: 920px;
  margin: 0 auto 30px;
}

.mv {
  background: url(../img/mv-bg.png) center center no-repeat;
  background-size: cover;
  padding-top: 50%;
  height: 0;
  width: 100%;
  position: relative;
}

.mv__text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.mv__title {
  padding-top: 80px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mv__title {
    padding-top: 40px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .mv__title {
    font-size: 1.2rem;
    padding-top: 20px;
  }
}

.mv__lead {
  width: 46%;
  margin: 11px auto 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .mv__lead {
    width: 60%;
    margin-top: 4px;
  }
}

.menu {
  position: relative;
  width: 100%;
  z-index: 1000;
  background-color: #091E59;
}

.menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.menu__list {
  display: flex;
  justify-content: center;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .menu__list {
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 12px 20px;
    row-gap: 8px;
  }
}

.menu__item {
  border-right: dashed 1px #fff;
  width: 20%;
}
@media screen and (max-width: 767px) {
  .menu__item {
    width: 33.3%;
  }
  .menu__item:nth-child(3) {
    border-right: none;
  }
}
.menu__item:last-child {
  border-right: none;
}
.menu__item a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  padding: 15px 10px 30px;
  position: relative;
  width: 100%;
  text-align: center;
  transition: 0.3s;
}
.menu__item a:hover {
  opacity: 0.7;
}
.menu__item a::before {
  position: absolute;
  content: "";
  background: url(../img/icon-arrow-menu.png) center center no-repeat;
  background-size: contain;
  width: 18px;
  height: 10px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1023px) {
  .menu__item a {
    font-size: 1.2rem;
    padding: 10px 10px 16px;
  }
  .menu__item a::before {
    width: 12px;
    height: 6px;
  }
}
@media screen and (max-width: 767px) {
  .menu__item a {
    padding: 10px 4px 16px;
  }
}

.menu__wave {
  content: "";
  display: block;
  background: url(../img/menu-wave.png) bottom center;
  background-repeat: repeat-x;
  height: 12px;
  width: 100%;
  background-size: auto 100%;
  position: absolute;
  bottom: -12px;
}

.overview {
  background: url(../img/bg.png) center center;
  background-size: cover;
  padding: 92px 0 132px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .overview {
    padding: 62px 0 80px;
  }
}

.overview__wrap {
  margin-top: 69px;
  display: flex;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (max-width: 1023px) {
  .overview__wrap {
    margin-top: 40px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .overview__wrap {
    flex-direction: column;
  }
}

.overview__img {
  position: relative;
  width: 50%;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .overview__img {
    width: 100%;
  }
}
.overview__img img {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.overview__lead {
  width: 50%;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .overview__lead {
    width: 100%;
    padding-top: 24px;
  }
}

.overview__item {
  display: flex;
  -moz-column-gap: 18px;
       column-gap: 18px;
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  .overview__item {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.overview__item:not(:last-child) {
  margin-bottom: 14px;
}
@media screen and (max-width: 1023px) {
  .overview__item:not(:last-child) {
    margin-bottom: 8px;
  }
}

.overview__item-head {
  display: inline-block;
  flex-shrink: 0;
  font-weight: bold;
  color: #fff;
  background-color: #091E59;
  border-radius: 6px;
  padding: 4px 24px;
}
.overview__item-head.-small {
  padding: 4px 16px;
}
@media screen and (max-width: 1023px) {
  .overview__item-head {
    font-size: 1.2rem;
    padding: 4px 12px;
  }
  .overview__item-head.-small {
    padding: 4px 6px;
  }
}

.overview__item-text {
  font-weight: bold;
  font-size: 2.2rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 940px) {
  .overview__item-text {
    font-size: 2rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .overview__item-text {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 767px) {
  .overview__item-text {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
.overview__item-text span {
  font-size: 16px;
  line-height: 1.5;
}
.overview__item-text span:first-child {
  padding-left: 8px;
}
@media screen and (max-width: 940px) {
  .overview__item-text span {
    font-size: 1.5rem !important;
  }
}
.overview__item-text .-indent {
  padding-left: 2rem;
  position: relative;
  display: inline-block;
}
.overview__item-text .-indent::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.overview-attention {
  margin-top: 26px;
  border-radius: 10px;
  background: #fff;
  padding: 20px 24px 28px;
  box-shadow: 0 8px 0 #E2D093;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .overview-attention {
    margin-top: 16px;
    padding: 20px 24px;
  }
}
@media screen and (max-width: 767px) {
  .overview-attention {
    margin-top: 16px;
    padding: 16px 20px;
    box-shadow: 0 4px 0 #E2D093;
  }
}

.overview-attention__title {
  font-size: 1.8rem;
  padding-bottom: 6px;
  border-bottom: solid 1px #0D0A3A;
  font-weight: bold;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .overview-attention__title {
    font-size: 1.6rem;
  }
}

.overview-attention__list {
  margin-top: 14px;
}

.overview-attention__item {
  margin-top: 10px;
  font-weight: bold;
  padding-left: 14px;
  position: relative;
  letter-spacing: 0.06em;
}
.overview-attention__item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: #0D0A3A;
}
@media screen and (max-width: 940px) {
  .overview-attention__item {
    font-size: 1.4rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .overview-attention__item {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .overview-attention__item {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .overview-attention__item::before {
    top: 8px;
  }
}

.overview-campaign {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-top: 30px;
  border-radius: 10px;
  background: #fff;
  padding: 33px;
  box-shadow: 0 10px 0 #E2D093;
  border: 3px solid #E2D093;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .overview-campaign {
    margin-top: 20px;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .overview-campaign {
    margin-top: 20px;
    box-shadow: 0 6px 0 #E2D093;
    flex-direction: column;
    padding: 16px;
    gap: 20px;
  }
}
.overview-campaign__img {
  max-width: 266px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .overview-campaign__img {
    max-width: 300px;
  }
}
.overview-campaign .border-yellow {
  background-image: linear-gradient(to bottom, transparent 60%, #FFF362 60%);
}
.overview-campaign__title {
  font-size: 4.6rem;
  color: #E25249;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .overview-campaign__title {
    font-size: 3.7rem;
  }
}
@media screen and (max-width: 767px) {
  .overview-campaign__title {
    font-size: 2.7rem;
    text-align: center;
  }
}
.overview-campaign__subtitle {
  font-size: 2.6rem;
  color: #E25249;
  font-weight: bold;
  line-height: 0.8;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .overview-campaign__subtitle {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 767px) {
  .overview-campaign__subtitle {
    font-size: 1.6rem;
    text-align: center;
  }
}
.overview-campaign__text {
  font-size: 2rem;
  margin-top: 12px;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .overview-campaign__text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .overview-campaign__text {
    font-size: 1.6rem;
    margin-top: 6px;
    text-align: center;
  }
}

.font-44 {
  font-size: 4.4rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-44 {
    font-size: 3.7rem;
  }
}
@media screen and (max-width: 767px) {
  .font-44 {
    font-size: 2.7rem;
  }
}

.font-34 {
  font-size: 3.4rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-34 {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 767px) {
  .font-34 {
    font-size: 2.2rem;
  }
}

.font-28 {
  font-size: 2.8rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-28 {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 767px) {
  .font-28 {
    font-size: 1.6rem;
  }
}

.deco01 {
  width: 260px;
  top: -13px;
  left: -85px;
}
@media screen and (max-width: 1023px) {
  .deco01 {
    width: 150px;
    left: 10px;
    top: -30px;
  }
}

.deco02 {
  width: 195px;
  bottom: -76px;
  right: -120px;
}
@media screen and (max-width: 1023px) {
  .deco02 {
    width: 140px;
    bottom: -68px;
    right: 10px;
  }
}

.price {
  margin: 80px auto 0;
  max-width: 860px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .price {
    margin-top: 50px;
  }
}

.price__title {
  text-align: center;
  letter-spacing: 0.06em;
}
.price__title span {
  font-size: 3.2rem;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.price__title span::before, .price__title span::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 27px;
}
.price__title span::before {
  background: url(../img/subtitle-price-left.png) center center no-repeat;
  background-size: contain;
  left: -37px;
}
.price__title span::after {
  background: url(../img/subtitle-price-right.png) center center no-repeat;
  background-size: contain;
  right: -37px;
}
@media screen and (max-width: 1023px) {
  .price__title span {
    font-size: 2.4rem;
  }
  .price__title span::before, .price__title span::after {
    width: 12px;
    height: 20px;
  }
  .price__title span::before {
    left: -24px;
  }
  .price__title span::after {
    right: -24px;
  }
}

.price__table {
  text-align: center;
  border-radius: 10px;
  border-spacing: 0;
  border: solid 2px #1B3B9A;
  overflow: hidden;
  table-layout: fixed;
  margin-top: 26px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .price__table {
    margin-top: 20px;
  }
}

.price__row th {
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  padding: 12px 0;
  background-color: #1B3B9A;
  border-right: solid 1px #C6C6C6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1023px) {
  .price__row th {
    font-size: 1.2rem;
    padding: 8px 0;
  }
}
.price__row th:last-child {
  border: none;
}
.price__row td {
  padding: 22px 0 24px;
  font-size: 2.6rem;
  font-weight: bold;
  background-color: #fff;
  border-right: solid 1px #C6C6C6;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .price__row td {
    padding: 16px 0 20px;
    font-size: 1.4rem;
  }
}
.price__row td:last-child {
  border: none;
}

.price__box {
  background-color: #fff;
  padding: 22px 10px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 0 #E2D093;
}
@media screen and (max-width: 1023px) {
  .price__box {
    box-shadow: 0 4px 0 #E2D093;
    padding: 16px 10px;
  }
}
.price__box::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10.5px 18px 10.5px;
  border-color: transparent transparent #fff transparent;
  top: -15px;
  left: 29%;
}

.price__text {
  font-weight: bold;
  font-size: 2rem;
  background: linear-gradient(transparent 65%, #FFF362 0%);
  display: inline;
  padding-bottom: 3px;
  letter-spacing: 0.06em;
  line-height: 2em;
}
@media screen and (max-width: 1023px) {
  .price__text {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .price__text .disp-pc {
    display: none;
  }
}

.price__point {
  color: #E25249;
}

.cta {
  position: relative;
}

.cta__wave-top,
.cta__wave-bottom {
  position: absolute;
  content: "";
  display: block;
  height: 12px;
  width: 100%;
}

.cta__wave-top {
  background: url(../img/cta-wave-top.png) bottom center;
  background-repeat: repeat-x;
  background-size: auto 100%;
  top: -12px;
}

.cta__wave-bottom {
  background: url(../img/cta-wave-bottom.png) bottom center;
  background-repeat: repeat-x;
  background-size: auto 100%;
  bottom: -12px;
}

.cta__bg {
  background: url(../img/bg-cta.png) center center;
  background-size: auto;
  padding: 50px 0;
}

.cta__wrap {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .cta__wrap {
    flex-direction: column;
  }
}

.cta__left {
  text-align: center;
  color: #fff;
  width: calc(50% - 2px);
}
@media screen and (max-width: 767px) {
  .cta__left {
    width: 100%;
  }
}

.cta__right {
  text-align: center;
  color: #fff;
  width: calc(50% - 2px);
}
@media screen and (max-width: 767px) {
  .cta__right {
    width: 100%;
  }
}

.cta__bar {
  display: block;
  height: auto;
  width: 4px;
  content: "";
  background-color: #fff;
  border-radius: 100px;
}
@media screen and (max-width: 767px) {
  .cta__bar {
    width: calc(100% - 40px);
    margin: 20px;
    height: 2px;
  }
}

.cta__head {
  margin-top: 6px;
  font-weight: bold;
  font-size: 2.2rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .cta__head {
    font-size: 1.6rem;
  }
}

.cta__tel a {
  display: inline-block;
  margin-top: 18px;
  font-weight: bold;
  font-size: 3.6rem;
  padding-left: 47px;
  position: relative;
  letter-spacing: 0.08em;
}
.cta__tel a::before {
  position: absolute;
  content: "";
  background: url(../img/icon-tel.png) center center no-repeat;
  background-size: contain;
  width: 32px;
  height: 32px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  .cta__tel a {
    margin-top: 10px;
    font-size: 2.8rem;
    padding-left: 32px;
  }
  .cta__tel a::before {
    width: 20px;
    height: 20px;
  }
}

.cta__time {
  font-weight: bold;
  margin-top: 3px;
  display: block;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .cta__time {
    font-size: 1.4rem;
  }
}

.cta__button {
  margin-top: 22px;
}
.cta__button a {
  display: inline-block;
  width: 380px;
  color: #0059DE;
  background-color: #fff;
  font-weight: bold;
  font-size: 2.2rem;
  border-radius: 100px;
  padding: 15px 60px 20px;
  position: relative;
  letter-spacing: 0.04em;
}
.cta__button a::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icon-arrow-right.png) center center no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  transition: 0.3s;
}
.cta__button a:hover::before {
  right: 20px;
}
@media screen and (max-width: 1023px) {
  .cta__button {
    margin-top: 16px;
  }
  .cta__button a {
    font-size: 1.6rem;
    padding: 14px 48px 16px;
    width: 300px;
  }
  .cta__button a::before {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 767px) {
  .cta__button a {
    width: 100%;
    max-width: 300px;
  }
}

.food {
  background: url(../img/bg-yellow.png) top center no-repeat;
  background-color: #FBE657;
  background-size: 100% auto;
  padding: 118px 0 138px;
}
@media screen and (max-width: 1023px) {
  .food {
    padding: 70px 0 80px;
  }
}

.food__img {
  margin-top: 69px;
}
@media screen and (max-width: 1023px) {
  .food__img {
    margin-top: 40px;
  }
}
.food__img img {
  display: block;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}

.box {
  border-radius: 20px;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .box {
    border-radius: 10px;
  }
}

.box__head {
  font-weight: bold;
  color: #fff;
  padding: 13px 0;
  font-size: 2.4rem;
  text-align: center;
  border-radius: 20px 20px 0 0;
  background-size: auto auto;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 27px, rgba(255, 255, 255, 0.1) 27px, rgba(255, 255, 255, 0.1) 63px);
}
@media screen and (max-width: 1023px) {
  .box__head {
    border-radius: 10px 10px 0 0;
    font-size: 1.8rem;
    padding: 10px 6px;
  }
}

.box__content {
  padding: 40px 10px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .box__content {
    padding: 24px 10px;
  }
}

.box__list:not(:first-child) {
  margin-top: 1.5em;
}

.box__item {
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.06em;
}
.box__item span {
  font-size: 1.4rem;
}
.box__item + .box__item {
  margin-top: 18px;
}
.box__item--no-margin {
  margin-top: 0 !important;
}
@media screen and (max-width: 1023px) {
  .box__item {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
  .box__item + .box__item {
    margin-top: 10px;
  }
}

.demonstration {
  margin-top: 50px;
}
@media screen and (max-width: 1023px) {
  .demonstration {
    margin-top: 40px;
  }
}

.demonstration__head {
  background-color: #EF7E23;
}

.demonstration__attention {
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
}
@media screen and (max-width: 1023px) {
  .demonstration__attention {
    font-size: 1.2rem;
  }
}

.viking {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  .viking {
    margin-top: 30px;
  }
}

.viking__head {
  background-color: #56C7CE;
}

.viking__list {
  padding: 40px 40px 0;
  display: flex;
  -moz-column-gap: 40px;
       column-gap: 40px;
  height: 490px;
  overflow: hidden;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 1023px) {
  .viking__list {
    padding: 24px 24px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.viking__list::before {
  position: absolute;
  content: "";
  width: calc(100% - 80px);
  height: 100%;
  background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fff 100%);
}
@media screen and (max-width: 1023px) {
  .viking__list::before {
    width: calc(100% - 48px);
  }
}
@media screen and (max-width: 767px) {
  .viking__list {
    height: auto;
    flex-direction: column;
    row-gap: 24px;
  }
  .viking__list::before {
    display: none;
  }
}

.viking__list.active::before {
  opacity: 0;
  visibility: hidden;
}

.viking__item {
  flex: 1;
}

.viking__img img {
  width: 100%;
}

.viking__title {
  margin-top: 20px;
  padding-bottom: 6px;
  font-weight: bold;
  font-size: 1.8rem;
}
@media screen and (max-width: 1023px) {
  .viking__title {
    margin-top: 14px;
    padding-bottom: 4px;
    font-size: 1.6rem;
  }
}
.viking__title > span {
  margin-left: 10px;
  display: inline-block;
  letter-spacing: 0.06em;
}

.viking__item:nth-child(1) .viking__title {
  border-bottom: solid 2px #2381EF;
  color: #2381EF;
}

.viking__item:nth-child(2) .viking__title {
  border-bottom: solid 2px #EF7E23;
  color: #EF7E23;
}

.viking__item:nth-child(3) .viking__title {
  border-bottom: solid 2px #E574BE;
  color: #E574BE;
}

.viking__food-list {
  margin-top: 24px;
}
@media screen and (max-width: 1023px) {
  .viking__food-list {
    margin-top: 14px;
  }
}

.viking__food-item {
  font-weight: bold;
  line-height: 1.625;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .viking__food-item {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
.viking__food-item + .viking__food-item {
  margin-top: 14px;
}
@media screen and (max-width: 1023px) {
  .viking__food-item + .viking__food-item {
    margin-top: 10px;
  }
}

.box__more {
  text-align: center;
  padding-bottom: 26px;
  margin-top: 13px;
  transition: 0.3s;
}
.box__more > span {
  font-weight: bold;
  padding-right: 29px;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
  letter-spacing: 0.04em;
}
.box__more > span::before {
  position: absolute;
  content: "";
  background: url(../img/icon-arrow.png) center center no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.box__more > span:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .box__more {
    display: none;
  }
}

.box__more.active {
  padding-bottom: 40px;
  margin-top: 0;
}
.box__more.active > span {
  display: none;
}

.drink {
  padding: 112px 0 132px;
  background: url(../img/bg.png) bottom center no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .drink {
    padding: 70px 0 80px;
  }
}

.drink__img {
  margin-top: 69px;
}
@media screen and (max-width: 1023px) {
  .drink__img {
    margin-top: 40px;
  }
}
.drink__img img {
  display: block;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}

.drink__notes {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 30px;
  font-weight: bold;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .drink__notes {
    font-size: 1.4rem;
    margin-top: 24px;
    letter-spacing: 0;
  }
}

.drink-option {
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .drink-option {
    margin-top: 40px;
  }
}

.drink-option__head {
  background-color: #E685A3;
}

.drink__title {
  text-align: center;
  margin-top: 60px;
  letter-spacing: 0.06em;
}
.drink__title span {
  font-size: 3.2rem;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.drink__title span::before, .drink__title span::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
  height: 27px;
}
.drink__title span::before {
  background: url(../img/subtitle-drink-left.png) center center no-repeat;
  background-size: contain;
  left: -51px;
}
.drink__title span::after {
  background: url(../img/subtitle-drink-right.png) center center no-repeat;
  background-size: contain;
  right: -51px;
}
@media screen and (max-width: 1023px) {
  .drink__title {
    margin-top: 40px;
  }
  .drink__title span {
    font-size: 2.4rem;
  }
  .drink__title span::before, .drink__title span::after {
    height: 20px;
    width: 24px;
  }
  .drink__title span::before {
    left: -32px;
  }
  .drink__title span::after {
    right: -32px;
  }
}

@media screen and (max-width: 1023px) {
  .drink-option .box__head {
    font-size: 1.6rem;
  }
}

.drink-tab {
  margin-top: 37px;
}
@media screen and (max-width: 1023px) {
  .drink-tab {
    margin-top: 20px;
  }
}

.drink-tab__list {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

.drink-tab__item {
  flex: 1;
  background-color: #D3D3D3;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.06em;
  transition: 0.3s;
}
@media screen and (max-width: 1023px) {
  .drink-tab__item {
    font-size: 1.2rem;
    height: 50px;
    padding: 0 3px;
    letter-spacing: 0;
  }
}
.drink-tab__item:nth-child(3) {
  font-size: 1.6rem;
}
@media screen and (max-width: 1023px) {
  .drink-tab__item:nth-child(3) {
    font-size: 1.1rem;
    padding: 0;
  }
}

.drink-tab__item.active {
  background-size: auto auto;
  background-color: #8ABC2B;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 27px, rgba(255, 255, 255, 0.1) 27px, rgba(255, 255, 255, 0.1) 63px);
}

.drink-tab__contents {
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  padding: 40px;
}
@media screen and (max-width: 1023px) {
  .drink-tab__contents {
    padding: 24px;
  }
}

.drink-tab__content {
  display: none;
}

.drink-tab__content.active {
  display: block;
}

.drink-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
}
@media screen and (max-width: 1023px) {
  .drink-menu {
    gap: 10px 20px;
  }
}

.drink-menu__item {
  font-weight: bold;
  width: calc((100% - 80px) / 3);
}
@media screen and (max-width: 1023px) {
  .drink-menu__item {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .drink-menu__item {
    width: 100%;
  }
}

.deco03 {
  width: 177px;
  top: -15px;
  right: -105px;
}
@media screen and (max-width: 1023px) {
  .deco03 {
    width: 80px;
    top: -10px;
    right: -10px;
  }
}

.deco04 {
  width: 177px;
  top: 64%;
  left: -132px;
}
@media screen and (max-width: 1023px) {
  .deco04 {
    width: 80px;
    left: -10px;
    top: 56%;
  }
}

.deco05 {
  width: 119px;
  bottom: -65px;
  right: -118px;
}
@media screen and (max-width: 1023px) {
  .deco05 {
    width: 60px;
    bottom: -62px;
    right: 10px;
  }
}

.calendar {
  background: url(../img/bg-yellow.png) top center no-repeat;
  background-size: cover;
  margin-top: -12px;
  padding: 112px 0 128px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .calendar {
    padding: 70px 0 80px;
  }
}

.calendar__wave {
  content: "";
  position: absolute;
  height: 12px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/calendar-wave.png) top center;
  background-repeat: repeat-x;
  background-size: auto 100%;
}

.calendar__lead {
  margin-top: 43px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .calendar__lead {
    margin-top: 24px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}

.calendar-area {
  margin-top: 60px;
  width: 100%;
  height: 0;
  padding-top: max(60%, 500px);
  position: relative;
}
@media screen and (max-width: 1023px) {
  .calendar-area {
    margin-top: 30px;
  }
}
.calendar-area iframe {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.calendar__attention {
  margin-top: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  font-size: 2rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .calendar__attention {
    font-size: 1.4rem;
    margin-top: 24px;
    letter-spacing: 0;
  }
}

.footer__bg {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 72px;
       column-gap: 72px;
  padding: 82px 20px 103px;
  background: url(../img/bg.png) center center;
  background-size: cover;
}
@media screen and (max-width: 1023px) {
  .footer__bg {
    -moz-column-gap: 40px;
         column-gap: 40px;
    padding: 52px 20px 60px;
  }
}
@media screen and (max-width: 767px) {
  .footer__bg {
    flex-direction: column;
    row-gap: 24px;
  }
}

.footer__logo {
  width: 289px;
}
@media screen and (max-width: 1023px) {
  .footer__logo {
    width: 200px;
  }
}

.footer__address {
  font-weight: bold;
}

.footer__name {
  font-size: 2.6rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .footer__name {
    font-size: 1.8rem;
  }
}

.footer__text {
  font-size: 2rem;
  margin-top: 17px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .footer__text {
    font-size: 1.4rem;
    margin-top: 10px;
  }
}

.footer__text-small {
  font-size: 1.8rem;
  margin-top: 24px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .footer__text-small {
    font-size: 1.2rem;
    margin-top: 14px;
  }
}

.copyright {
  font-size: 1.4rem;
  color: #fff;
  background-color: #091E59;
  padding: 32px 0;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .copyright {
    font-size: 1.2rem;
    padding: 24px 20px;
  }
}

@media screen and (min-width: 1024px) {
  .hidden__pc {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hidden__sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hidden__sp-up {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .hidden__tab-down {
    display: none !important;
  }
}
.inner {
  max-width: 1040px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.deco-area {
  position: relative;
}

.deco {
  position: absolute;
}

.section-title {
  text-align: center;
}
.section-title img {
  height: 107px;
  width: auto;
}
@media screen and (max-width: 1023px) {
  .section-title img {
    height: 76px;
  }
}

.section-contents {
  position: relative;
  z-index: 2;
}

.mv {
  background: url(../img/mv-bg.png) center center no-repeat;
  background-size: cover;
  padding-top: 50%;
  height: 0;
  width: 100%;
  position: relative;
}

.mv__text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.mv__title {
  padding-top: 80px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mv__title {
    padding-top: 40px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .mv__title {
    font-size: 1.2rem;
    padding-top: 20px;
  }
}

.mv__lead {
  width: 46%;
  margin: 11px auto 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .mv__lead {
    width: 60%;
    margin-top: 4px;
  }
}

.howto {
  background: url(../img/bg.png) center center;
  background-size: cover;
  padding: 92px 0 132px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .howto {
    padding: 62px 0 80px;
  }
}
.howto .section-title img {
  height: 83px;
}

.howto__wrap {
  display: flex;
  -moz-column-gap: 40px;
       column-gap: 40px;
  max-width: 920px;
  margin: 98px auto 0;
}
@media screen and (max-width: 1023px) {
  .howto__wrap {
    margin-top: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .howto__wrap {
    flex-direction: column;
    width: 100%;
  }
}

.howto__img {
  position: relative;
  width: 50%;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .howto__img {
    width: 100%;
  }
}
.howto__img img {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 970px) {
  .howto__lead {
    width: 100%;
    padding-top: 24px;
  }
}

.howto__item {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  padding: 22px 25px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 0 #E2D093;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .howto__item {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (max-width: 970px) {
  .howto__item {
    margin-top: 15px;
  }
}
.howto__item:first-child {
  margin-bottom: 14px;
}
@media screen and (max-width: 1023px) {
  .howto__item:first-child {
    margin-bottom: 8px;
  }
}

.howto__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 970px) {
  .howto__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.howto__item-head {
  display: block;
  font-weight: bold;
  color: #0059DE;
  font-size: 22px;
  margin: 8px 0 16px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .howto__item-head {
    padding: 4px 12px;
  }
}

.howto__item-text {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.06em;
  text-align: left;
}
.howto__item-text span {
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  .howto__item-text {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}

.deco01 {
  width: 260px;
  top: -13px;
  left: -85px;
}
@media screen and (max-width: 1023px) {
  .deco01 {
    width: 150px;
    left: 10px;
    top: -30px;
  }
}

.deco02 {
  width: 195px;
  bottom: -76px;
  right: -120px;
}
@media screen and (max-width: 1023px) {
  .deco02 {
    width: 140px;
    bottom: -68px;
    right: 10px;
  }
}

.contact {
  position: relative;
}
.contact > p {
  text-align: center;
  font-weight: bold;
  margin: 24px 0 36px;
}
.contact > div {
  width: 560px;
  background-color: #fff;
  padding: 22px 22px;
  border-radius: 10px;
  text-align: center;
  margin: 29px auto 0;
  position: relative;
  box-shadow: 0 8px 0 #E2D093;
}
@media screen and (max-width: 767px) {
  .contact > div {
    width: 100%;
  }
}

.contact__title {
  font-size: 26px;
  margin-top: 80px;
  padding-bottom: 16px;
  position: relative;
  font-weight: bold;
  text-align: center;
}
.contact__title::after {
  display: block;
  content: "";
  width: 80px;
  height: 6px;
  border-radius: 3px;
  background: #091E59;
  position: absolute;
  bottom: 0;
  left: calc(50% - 40px);
}

.contact__tel a {
  display: inline-block;
  margin-top: 0;
  font-weight: bold;
  font-size: 3.6rem;
  padding-left: 47px;
  position: relative;
  letter-spacing: 0.08em;
}
.contact__tel a::before {
  position: absolute;
  content: "";
  background: url(../img/icon-tel-blue.png) center center no-repeat;
  background-size: contain;
  width: 32px;
  height: 32px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  .contact__tel a {
    margin-top: 10px;
    font-size: 2.8rem;
    padding-left: 32px;
  }
  .contact__tel a::before {
    width: 20px;
    height: 20px;
  }
}

.contact__time {
  font-weight: bold;
  margin-top: 3px;
  display: block;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .contact__time {
    font-size: 1.4rem;
  }
}

.form {
  background: url(../img/bg-yellow.png) top center no-repeat;
  background-color: #FBE657;
  background-size: 100% auto;
  padding: 118px 0 138px;
}
@media screen and (max-width: 1023px) {
  .form {
    padding: 70px 0 80px;
  }
}
.form .section-title img {
  height: 83px;
}
.form .section-title {
  margin-bottom: 60px;
}

.error-message {
  font-weight: bold;
  margin-bottom: 30px;
  color: #E25249;
}

.error-text {
  font-size: 14px;
  font-weight: bold;
  color: #E25249;
}

.form__img {
  margin-top: 69px;
}
@media screen and (max-width: 1023px) {
  .form__img {
    margin-top: 40px;
  }
}
.form__img img {
  display: block;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}

.form__wrap {
  background: #fff;
  border-radius: 40px;
  padding: 80px 75px;
  max-width: 920px;
  margin: 0 auto;
}
@media (max-width: 940px) {
  .form__wrap {
    margin: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .form__wrap {
    width: 95%;
    margin: 0 auto;
    padding: 40px 25px;
  }
}
.form__wrap .inner {
  padding: 0;
}

.form-block {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .form-block {
    margin-bottom: 20px;
  }
  .form-block.h-adr {
    margin-top: 100px;
  }
}
.form-block .heading {
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 2px solid #c6c6c6;
}
.form-block .heading.-mt {
  padding-top: 30px;
}
.form-block .heading.-alert {
  border-bottom: 0;
  padding-top: 0;
  color: #E25249;
}
.form-block .column {
  display: flex;
}
.form-block .column div {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.form-block .column div:last-child {
  margin-right: 0;
}
.form-block .column div span {
  display: inline-block;
  width: 2em;
  flex-shrink: 0;
  margin-right: 8px;
  text-align: right;
}
.form-block .table-chance {
  width: 100%;
}
.form-block .radio-wrap > div input[type=radio] {
  width: 10px;
  margin-right: 5px;
  padding: 0;
}
.form-block .radio-wrap > div > div {
  display: flex;
}
.form-block .radio-wrap .acms-admin-form-radio {
  align-items: center;
  float: left;
  margin: 20px 15px 0 0;
}
@media screen and (max-width: 767px) {
  .form-block .radio-wrap .acms-admin-form-radio {
    margin-top: 0;
  }
}
.form-block .radio-wrap .acms-admin-form-radio label {
  display: flex;
}
.form-block .day-wrap select,
.form-block .chance-wrap select {
  width: 100%;
  margin: 20px 0;
}
.form-block .label {
  width: 180px;
}
.form-block .label span {
  display: inline-block;
  width: 85px;
}
.form-block .alert {
  padding: 10px 0 50px;
}
.form-block .alert-lists {
  color: #E25249;
}
.form-block .alert-lists li {
  position: relative;
  padding-left: 1em;
}
.form-block .alert-lists li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0.4px;
}
.form-block .alert-lists li + li {
  margin-top: 4px;
}

.sum {
  position: relative;
  float: right;
  width: calc(100% - 250px);
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  padding-top: 16px;
}
@media screen and (max-width: 767px) {
  .sum {
    width: 100%;
  }
}
.sum::before {
  display: block;
  content: "";
  height: 2px;
  width: 100%;
  background: #c6c6c6;
  position: absolute;
  top: 0;
  left: 0;
}

.table-form th {
  width: 300px;
  padding-top: 35px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
.table-form th.required::before {
  display: inline-block;
  content: "必須";
  color: #fff;
  background: #E25249;
  padding: 2px 8px;
  border-radius: 16px;
  margin-right: 8px;
  font-size: 12px;
}
.table-form th.-pt-low {
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .table-form {
    margin: 0 auto;
    width: 100%;
  }
  .table-form.-confirm > tbody > tr > th {
    padding: 20px 0 0;
  }
  .table-form th, .table-form td {
    display: block;
    width: 100%;
  }
}
.table-form td table {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .table-form td table {
    margin-top: 20px;
  }
}
.table-form td table .input {
  width: 100%;
}
.table-form input, .table-form textarea, .table-form select {
  font-size: 16px;
  border: none;
  border-radius: 8px;
  background: #F5F5F5;
  padding: 20px 15px;
  margin: 20px 0;
  width: 100%;
}
.table-form input.p-postal-code, .table-form textarea.p-postal-code, .table-form select.p-postal-code {
  width: auto;
}
.table-form .order-input {
  display: flex;
  align-items: center;
}
.table-form select {
  width: 100%;
  color: #0D0A3A;
  box-sizing: border-box;
  margin: 8px 0;
}
.table-form.-confirm th, .table-form.-confirm td {
  padding-bottom: 10px;
}
.table-form.-confirm {
  margin-bottom: 40px;
}
.table-form.-confirm .form-reservation tr td:first-child {
  display: flex;
  justify-content: space-between;
  gap: 1em;
}
.table-form.-confirm .form-reservation tr td:last-child {
  padding-left: 40px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .table-form.-confirm .form-reservation {
    margin: -10px 0;
  }
  .table-form.-confirm .form-reservation tbody {
    display: inline-grid;
    grid-template-columns: repeat(2, auto);
  }
  .table-form.-confirm .form-reservation tr {
    display: contents;
  }
}
.table-form.-confirmation th {
  padding-top: 0;
  padding-bottom: 30px;
}
.table-form.-confirmation td {
  padding-bottom: 30px;
}
.table-form.-confirmation .form-reservation tr td {
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .table-form.-confirmation th {
    padding-bottom: 10px;
  }
  .table-form.-confirmation td {
    padding-top: 4px;
    padding-bottom: 10px;
  }
  .table-form.-confirmation .form-reservation tr td {
    padding-top: 4px;
    padding-bottom: 0;
  }
}

.form-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 30px;
}
.form-btns .form-btn {
  display: inline-block;
  width: clamp(300px, 85vw, 370px);
  color: #fff;
  background-color: #0059DE;
  font-weight: bold;
  font-size: 17px;
  border-radius: 100px;
  padding: 15px 60px 20px;
  position: relative;
  letter-spacing: 0.04em;
}
.form-btns .form-btn::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icon-arrow-right-white.png) center center no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  transition: 0.3s;
}
.form-btns .form-btn:hover {
  cursor: pointer;
}
.form-btns .form-btn:hover::before {
  right: 20px;
}
@media screen and (max-width: 1023px) {
  .form-btns {
    margin-top: 16px;
  }
  .form-btns a {
    font-size: 14px;
    padding: 14px 40px 16px;
    width: 300px;
  }
  .form-btns a::before {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 767px) {
  .form-btns a {
    width: 100%;
    max-width: 300px;
  }
}
.form-btns.-confirm {
  display: flex;
}
.form-btns.-confirm li:first-child .form-btn {
  background: #c6c6c6;
}
.form-btns.-thanks {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.status-text {
  display: flex;
  align-items: center;
}
.status-text__title {
  position: relative;
  padding-left: 15px;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 6px;
}
.status-text__title::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
  background-color: #091E59;
  border-radius: 100px;
  display: inline-block;
}
.status-text__attention {
  margin-left: 10px;
  color: #E25249;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .status-text {
    display: block;
  }
}

.thanks-text {
  text-align: center;
}
.thanks-text .heading {
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 20px;
}

.privacy-checkbox {
  text-align: center;
  padding: 26px;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
}
.privacy-checkbox p {
  font-size: 14px;
  margin-bottom: 10px;
}
.privacy-checkbox label {
  font-weight: bold;
}
.privacy-checkbox a {
  text-decoration: underline;
  color: #0059DE;
}

@media screen and (min-width: 1024px) {
  .hidden__pc {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hidden__sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hidden__sp-up {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .hidden__tab-down {
    display: none !important;
  }
}
/*# sourceMappingURL=style.css.map */