/***********************************************************************
media queries setting
**********************************************************************/
/****************** responsive ******************/
/****************** responsive ******************/
/***********************************************************************
reset
**********************************************************************/
* {
  margin: 0;
  padding: 0;
}

html, body {
  -webkit-text-size-adjust: 100%;
}

body {
  color: #000;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1.40625vw, 18px);
  font-weight: 500;
}
@media (max-width: 768px) {
  body {
    font-size: min(5.3333333333vw, 20px);
  }
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, img,
article, footer, header, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  list-style-type: none;
}

th {
  font-weight: normal;
  text-align: inherit;
}

select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  font-family: "Noto Sans JP", sans-serif;
}

select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

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

*:focus {
  outline: none;
}

img[src$=".svg"] {
  width: 100%;
}

hr {
  display: none;
}

a {
  color: #000;
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

/* set html5 elements to block */
article, footer, header, nav, section {
  display: block;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.pc {
  display: block;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 768px) {
  .sp {
    display: block;
  }
}

@media (max-width: 768px) {
  br.sp {
    display: inline-block !important;
  }
}

ul {
  font-size: 0;
}
ul li {
  font-size: min(1.40625vw, 18px);
}
@media (max-width: 768px) {
  ul li {
    font-size: min(5.3333333333vw, 20px);
  }
}

/********************************************************************************
common
********************************************************************************/
.wrapper {
  overflow-x: hidden;
}

.inner {
  margin: 0 auto;
}

.yn-select {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #7ed5f2;
  height: min(21.5625vw, 276px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: min(3.90625vw, 50px);
  position: relative;
  text-align: center;
  z-index: 1;
}
@media (max-width: 768px) {
  .yn-select {
    display: block;
    height: min(111.2vw, 417px);
  }
}
.yn-select h2 {
  color: #fff;
  display: inline-block;
  font-size: min(2.5vw, 32px);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.3;
  margin: 0 min(1.71875vw, 22px);
  padding-bottom: min(1.953125vw, 25px);
  paint-order: stroke;
  position: relative;
  -webkit-text-stroke: 3px #000;
}
@media (max-width: 768px) {
  .yn-select h2 {
    font-size: min(6.9333333333vw, 26px);
    margin-top: min(12.8vw, 48px);
    padding-bottom: min(6.6666666667vw, 25px);
    -webkit-text-stroke: 2px #000;
  }
}
.yn-select h2::before {
  background: url(../images/select-head-line.svg) no-repeat center/contain;
  content: "";
  height: min(1.5625vw, 20px);
  position: absolute;
  bottom: max(-1.5625vw, -20px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(33.359375vw, 427px);
}
@media (max-width: 768px) {
  .yn-select h2::before {
    background: url(../images/select-head-line-sp.svg) no-repeat center/contain;
    height: min(4.2666666667vw, 16px);
    bottom: 0;
    width: min(75.7333333333vw, 284px);
  }
}
.yn-select .select-btn {
  height: min(12.96875vw, 166px);
  width: min(13.046875vw, 167px);
}
@media (max-width: 768px) {
  .yn-select .select-btn {
    position: absolute;
    bottom: min(14.6666666667vw, 55px);
    height: min(40.2666666667vw, 151px);
    width: min(40.2666666667vw, 151px);
  }
}
.yn-select .select-btn a {
  -webkit-animation: 1s linear 0s infinite alternate none running btnanim;
          animation: 1s linear 0s infinite alternate none running btnanim;
  display: block;
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .yn-select .select-btn.yes {
    left: calc(50% - min(47.2vw, 177px));
  }
}
.yn-select .select-btn.yes a {
  background: url(../images/select-btn-yes.svg) no-repeat center/contain;
}
@media (hover: hover) and (pointer: fine) {
  .yn-select .select-btn.yes a:hover {
    background: url(../images/select-btn-yes-h.svg) no-repeat center/contain;
  }
}
.yn-select .select-btn.no {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media (max-width: 768px) {
  .yn-select .select-btn.no {
    right: calc(50% - min(47.2vw, 177px));
  }
}
.yn-select .select-btn.no a {
  background: url(../images/select-btn-no.svg) no-repeat center/contain;
}
@media (hover: hover) and (pointer: fine) {
  .yn-select .select-btn.no a:hover {
    background: url(../images/select-btn-no-h.svg) no-repeat center/contain;
  }
}
.yn-select::before, .yn-select::after {
  background: url(../images/select-deco.svg) repeat-x center bottom/contain;
  content: "";
  height: min(2.578125vw, 33px);
  position: absolute;
  left: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .yn-select::before, .yn-select::after {
    height: min(5.0666666667vw, 19px);
  }
}
.yn-select::before {
  bottom: calc(100% - 1px);
}
.yn-select::after {
  top: calc(100% - 1px);
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.yn-select .arrow {
  position: absolute;
  bottom: min(2.34375vw, 30px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(3.3203125vw, 42.5px);
}
@media (max-width: 768px) {
  .yn-select .arrow {
    bottom: min(12vw, 45px);
    width: min(7.7333333333vw, 29px);
  }
}
.yn-select .arrow img {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

.section-head {
  background: url(../images/section-head-deco.svg) no-repeat center/contain;
  font-size: min(2.1875vw, 28px);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: min(3.515625vw, 45px);
  padding: min(3.359375vw, 43px) 0;
  text-align: center;
}
@media (max-width: 768px) {
  .section-head {
    background: url(../images/section-head-deco-sp.svg) no-repeat center/contain;
    font-size: min(8vw, 30px);
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: min(9.3333333333vw, 35px);
    padding: min(11.2vw, 42px) 0;
  }
}

.point-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #a9bee9;
  border: 2px dashed #000;
  border-radius: 85px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: min(13.203125vw, 169px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto max(-5.703125vw, -73px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: min(50.234375vw, 643px);
  padding: 0 min(3.75vw, 48px);
}
@media (max-width: 768px) {
  .point-text {
    border-radius: 50%;
    height: min(112.8vw, 423px);
    margin: 0 0 max(-56.4vw, -211.5px);
    min-width: inherit;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: min(112.8vw, 423px);
  }
}
.point-text p {
  font-size: min(2.265625vw, 29px);
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 768px) {
  .point-text p {
    font-size: min(7.7333333333vw, 29px);
    line-height: 1.5;
  }
}
.point-text p strong {
  color: #fff;
  font-size: min(3.90625vw, 50px);
  font-weight: 800;
  letter-spacing: 0.04em;
  paint-order: stroke;
  -webkit-text-stroke: 3px #000;
}
@media (max-width: 768px) {
  .point-text p strong {
    font-size: min(13.3333333333vw, 50px);
    line-height: 1.2;
  }
}
.point-text p span {
  color: #ffde00;
  font-weight: 700;
  paint-order: stroke;
  -webkit-text-stroke: 3px #000;
}

/* anim */
.blur {
  opacity: 0;
}
.blur.active {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-name: Blur;
  animation-name: Blur;
  opacity: 1;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

@-webkit-keyframes Blur {
  from {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}

@keyframes Blur {
  from {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
.fi {
  opacity: 0;
}
.fi.active {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.bi {
  opacity: 0;
}
.bi.active {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes kumo {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@keyframes kumo {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@-webkit-keyframes band {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes band {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(-3deg);
            transform: translate(-50%, 0) rotate(-3deg);
  }
  100% {
    -webkit-transform: translate(-50%, 0) rotate(3deg);
            transform: translate(-50%, 0) rotate(3deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(-3deg);
            transform: translate(-50%, 0) rotate(-3deg);
  }
  100% {
    -webkit-transform: translate(-50%, 0) rotate(3deg);
            transform: translate(-50%, 0) rotate(3deg);
  }
}
@-webkit-keyframes wobbling_x {
  0% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes wobbling_x {
  0% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes wobbling_y {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
}
@keyframes wobbling_y {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
}
@-webkit-keyframes btnanim {
  0% {
    -webkit-transform: scale(0.93);
            transform: scale(0.93);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes btnanim {
  0% {
    -webkit-transform: scale(0.93);
            transform: scale(0.93);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* anim */
/********************************************************************************
lp design
********************************************************************************/
/* main */
#main {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb81e), to(#ffff68));
  background: linear-gradient(#ffb81e, #ffff68);
  position: relative;
}
#main .band {
  -webkit-animation: band 80s linear infinite;
          animation: band 80s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: max(-0.625vw, -8px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#main .band img {
  pointer-events: none;
  min-width: min(207.109375vw, 2651px);
}
@media (max-width: 768px) {
  #main .band img {
    min-width: min(353.3333333333vw, 1325px);
  }
}
#main .inner {
  position: relative;
  width: min(100vw, 1280px);
}
@media (max-width: 768px) {
  #main .inner {
    width: 100%;
  }
}
#main .inner::before {
  background: url(../images/main-illust3.svg) no-repeat center top/contain;
  content: "";
  height: min(24.921875vw, 319px);
  position: absolute;
  bottom: max(-11.328125vw, -145px);
  right: min(8.28125vw, 106px);
  width: min(55.3125vw, 708px);
}
@media (max-width: 768px) {
  #main .inner::before {
    height: min(42.5333333333vw, 159.5px);
    bottom: max(-8vw, -30px);
    right: max(-3.2vw, -12px);
    width: min(93.6vw, 351px);
  }
}
#main h1 {
  margin: 0 auto;
  padding: min(12.8125vw, 164px) 0 min(10.46875vw, 134px);
  width: min(47.03125vw, 602px);
}
@media (max-width: 768px) {
  #main h1 {
    padding: min(36.8vw, 138px) 0 min(56.8vw, 213px);
    width: min(94.1333333333vw, 353px);
  }
}
#main h1 img {
  -webkit-transform: translate(max(-0.703125vw, -9px), 0);
          transform: translate(max(-0.703125vw, -9px), 0);
}
@media (max-width: 768px) {
  #main h1 img {
    -webkit-transform: none;
            transform: none;
  }
}
#main .illust1 {
  position: absolute;
  bottom: max(-2.34375vw, -30px);
  left: min(1.5625vw, 20px);
  width: min(23.59375vw, 302px);
}
@media (max-width: 768px) {
  #main .illust1 {
    bottom: max(-3.4666666667vw, -13px);
    left: max(-10.9333333333vw, -41px);
    width: min(48.2666666667vw, 181px);
  }
}
#main .illust1 img {
  animation: wobbling_y 1.8s ease-in-out infinite alternate-reverse;
}
#main .illust2 {
  position: absolute;
  right: min(2.34375vw, 30px);
  top: max(-0.625vw, -8px);
  width: min(20.9375vw, 268px);
}
@media (max-width: 768px) {
  #main .illust2 {
    bottom: 0;
    right: max(-5.6vw, -21px);
    top: unset;
    width: min(42.9333333333vw, 161px);
  }
}
#main .illust2 img {
  animation: wobbling_y 1.8s ease-in-out infinite alternate-reverse;
}
#main::before {
  -webkit-animation: rotate 3s ease-in-out infinite alternate;
          animation: rotate 3s ease-in-out infinite alternate;
  background: url(../images/main-back.svg) no-repeat center top/contain;
  content: "";
  height: min(71.6796875vw, 917.5px);
  position: absolute;
  left: 50%;
  top: max(-13.671875vw, -175px);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(96.5625vw, 1236px);
}
@media (max-width: 768px) {
  #main::before {
    height: min(181.3333333333vw, 680px);
    top: max(-30.9333333333vw, -116px);
    width: min(240.2666666667vw, 901px);
  }
}

/* main */
/* start */
@media (max-width: 768px) {
  #start-select.yn-select {
    height: min(100.8vw, 378px);
    margin-bottom: max(-9.3333333333vw, -35px);
  }
}
#start-select.yn-select h2::before {
  background: url(../images/start-select-head-line.svg) no-repeat center/contain;
}
@media (max-width: 768px) {
  #start-select.yn-select h2::before {
    background: url(../images/select-head-line-sp.svg) no-repeat center/contain;
  }
}
@media (max-width: 768px) {
  #start-select.yn-select .select-btn {
    bottom: min(22.6666666667vw, 85px);
  }
}

#start {
  background: #eef0de;
  padding-bottom: min(13.59375vw, 174px);
}
@media (max-width: 768px) {
  #start {
    padding-bottom: min(88.8vw, 333px);
  }
}
#start .inner {
  background: #fff;
  border: 2px solid #000;
  border-radius: 77px;
  padding: min(4.296875vw, 55px) 0 0;
  position: relative;
  width: min(70.46875vw, 902px);
  z-index: 1;
}
@media (max-width: 768px) {
  #start .inner {
    border-radius: 50px;
    padding: min(14.6666666667vw, 55px) 0 0;
    width: 86.5%;
  }
}
#start ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #start ul {
    display: block;
    margin-bottom: min(7.2vw, 27px);
  }
}
#start ul li {
  text-align: center;
  width: min(26.71875vw, 342px);
}
@media (max-width: 768px) {
  #start ul li {
    width: 100%;
  }
}
#start ul li:first-child {
  margin-right: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  #start ul li:first-child {
    margin-bottom: min(12vw, 45px);
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #start ul img {
    width: min(106.6666666667vw, 400px);
  }
}
#start ul p {
  margin-bottom: min(1.71875vw, 22px);
}
@media (max-width: 768px) {
  #start ul p {
    line-height: 1.4;
    margin-bottom: min(4.8vw, 18px);
  }
}
#start ul p strong {
  border-bottom: 2px solid #000;
}
#start .note {
  font-size: min(1.09375vw, 14px);
  margin-bottom: min(3.125vw, 40px);
  text-align: center;
}
@media (max-width: 768px) {
  #start .note {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.6;
    margin-bottom: min(7.4666666667vw, 28px);
  }
}

/* start */
/* schedule */
@media (max-width: 768px) {
  #schedule.yn-select h2::before {
    background: url(../images/schedule-select-head-line-sp.svg) no-repeat center/contain;
    width: min(86.9333333333vw, 326px);
  }
}

#schedule {
  background: #f3ee66;
  padding: min(19.53125vw, 250px) 0 min(33.203125vw, 425px);
  position: relative;
}
@media (max-width: 768px) {
  #schedule {
    padding: min(59.2vw, 222px) 0 min(170.6666666667vw, 640px);
  }
}
#schedule .inner {
  background: #c9e2b8;
  border: 2px solid #000;
  border-top: none;
  border-radius: 0 0 53px 53px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: min(9.765625vw, 125px);
  padding-top: 1px;
  position: relative;
  width: min(71.09375vw, 910px);
  z-index: 1;
}
@media (max-width: 768px) {
  #schedule .inner {
    border-radius: 0 0 63px 63px;
    margin-bottom: min(69.3333333333vw, 260px);
    width: min(85.8666666667vw, 322px);
  }
}
#schedule .inner::before {
  background: url(../images/schedule-frame-top.svg) no-repeat center bottom/contain;
  content: "";
  height: min(9.53125vw, 122px);
  position: absolute;
  top: max(-9.453125vw, -121px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(71.09375vw, 910px);
  z-index: -1;
}
@media (max-width: 768px) {
  #schedule .inner::before {
    background: url(../images/schedule-frame-top-sp.svg) no-repeat center bottom/contain;
    height: min(37.3333333333vw, 140px);
    top: max(-37.0666666667vw, -139px);
    width: min(85.8666666667vw, 322px);
  }
}
#schedule h3 {
  color: #cd1829;
  font-size: min(2.5vw, 32px);
  font-weight: 800;
  letter-spacing: 0.06em;
  margin: max(-6.640625vw, -85px) 0 min(6.25vw, 80px);
  text-align: center;
}
@media (max-width: 768px) {
  #schedule h3 {
    font-size: min(6.9333333333vw, 26px);
    line-height: 1.4;
    margin: max(-31.2vw, -117px) 0 min(9.0666666667vw, 34px);
  }
}
#schedule ul {
  padding: 0 min(9.921875vw, 127px) min(4.84375vw, 62px) min(10.3125vw, 132px);
}
@media (max-width: 768px) {
  #schedule ul {
    padding: 0 min(7.2vw, 27px) min(17.3333333333vw, 65px) min(12vw, 45px);
  }
}
#schedule li {
  position: relative;
}
#schedule li .season {
  position: absolute;
  left: max(-4.375vw, -56px);
  top: max(-4.0625vw, -52px);
  width: min(9.140625vw, 117px);
}
@media (max-width: 768px) {
  #schedule li .season {
    left: max(-3.7333333333vw, -14px);
    top: max(-2.1333333333vw, -8px);
    width: min(30.9333333333vw, 116px);
  }
}
#schedule li .point {
  position: absolute;
  bottom: max(-2.34375vw, -30px);
  right: max(-5.625vw, -72px);
  width: min(12.34375vw, 158px);
}
@media (max-width: 768px) {
  #schedule li .point {
    bottom: min(9.8666666667vw, 37px);
    right: max(-10.4vw, -39px);
    width: min(42.1333333333vw, 158px);
  }
}
#schedule li:not(:last-child) {
  margin-bottom: min(0.703125vw, 9px);
}
@media (max-width: 768px) {
  #schedule li:not(:last-child) {
    margin-bottom: 0;
  }
}
#schedule .text {
  font-weight: 800;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 768px) {
  #schedule .text {
    line-height: 1.75;
    margin: 0 auto;
    position: relative;
    text-align: justify;
    width: 80%;
    z-index: 1;
  }
}
#schedule .illust {
  position: absolute;
  bottom: max(-14.0625vw, -180px);
  left: 50%;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(153.125vw, 1960px);
}
@media (max-width: 768px) {
  #schedule .illust {
    bottom: max(-10.6666666667vw, -40px);
    width: min(240.5333333333vw, 902px);
  }
}

/* schedule */
/* reasons */
#reasons {
  background: url(../images/reasons-back.jpg) repeat center/44px;
  padding: min(10.9375vw, 140px) 0 min(15.234375vw, 195px);
}
@media (max-width: 768px) {
  #reasons {
    background-size: 30px;
    padding: min(24.2666666667vw, 91px) 0 min(42.6666666667vw, 160px);
  }
}
#reasons .inner {
  width: min(63.671875vw, 815px);
}
@media (max-width: 768px) {
  #reasons .inner {
    width: 86.5%;
  }
}
@media (max-width: 768px) {
  #reasons .section-head {
    margin-bottom: min(19.2vw, 72px);
  }
}
#reasons .reasons-box {
  background: #fff;
  border: 1px solid #000;
  border-radius: 31px;
  padding: min(1.09375vw, 14px) min(3.59375vw, 46px) min(3.90625vw, 50px);
}
@media (max-width: 768px) {
  #reasons .reasons-box {
    border-radius: 47px;
    padding: 1px min(7.3333333333vw, 27.5px) min(22.6666666667vw, 85px);
  }
}
#reasons .reasons-box + .reasons-box {
  margin-top: min(2.34375vw, 30px);
}
@media (max-width: 768px) {
  #reasons .reasons-box + .reasons-box {
    margin-top: max(-6.6666666667vw, -25px);
  }
}
#reasons .head-box {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(1.5625vw, 20px);
}
@media (max-width: 768px) {
  #reasons .head-box {
    display: block;
    margin-bottom: min(6.1333333333vw, 23px);
  }
}
#reasons .head-box .num {
  margin-right: min(1.953125vw, 25px);
  width: min(12.65625vw, 162px);
}
@media (max-width: 768px) {
  #reasons .head-box .num {
    margin: max(-8vw, -30px) auto min(9.3333333333vw, 35px);
    width: min(43.2vw, 162px);
  }
}
#reasons .head-box h4 {
  color: #cd1829;
  font-size: min(2.578125vw, 33px);
  font-weight: 700;
  margin-bottom: min(0.234375vw, 3px);
}
@media (max-width: 768px) {
  #reasons .head-box h4 {
    font-size: min(9.8666666667vw, 37px);
    line-height: 1.3;
    white-space: nowrap;
  }
}
#reasons .desc {
  font-size: min(1.328125vw, 17px);
  line-height: 1.9;
  text-align: justify;
}
@media (max-width: 768px) {
  #reasons .desc {
    font-size: min(5.0666666667vw, 19px);
    line-height: 1.75;
  }
}

/* reasons */
/* point */
#point {
  background: #c9e2b8;
  padding: min(9.765625vw, 125px) 0 min(11.71875vw, 150px);
  position: relative;
}
@media (max-width: 768px) {
  #point {
    padding: min(18.6666666667vw, 70px) 0 min(32vw, 120px);
  }
}
#point .inner {
  width: min(59.765625vw, 765px);
}
@media (max-width: 768px) {
  #point .inner {
    width: 82.5%;
  }
}
#point .section-head {
  position: relative;
}
#point .section-head ruby {
  ruby-align: center;
}
#point .section-head ruby rt {
  font-size: min(0.703125vw, 9px);
  letter-spacing: -0.04em;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #point .section-head ruby rt {
    font-size: min(2.4vw, 9px);
  }
}
#point .section-head img {
  position: absolute;
  right: min(3.90625vw, 50px);
  top: max(-5vw, -64px);
  width: min(9.921875vw, 127px);
}
@media (max-width: 768px) {
  #point .section-head img {
    right: calc(50% - min(44.5333333333vw, 167px));
    top: max(-16.2666666667vw, -61px);
    width: min(28.2666666667vw, 106px);
  }
}
#point .course-wrap {
  margin-bottom: min(4.0625vw, 52px);
  position: relative;
  z-index: 1;
}
#point .course-wrap h4 {
  font-size: min(3.359375vw, 43px);
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: min(1.796875vw, 23px);
  text-align: center;
}
@media (max-width: 768px) {
  #point .course-wrap h4 {
    font-size: min(11.4666666667vw, 43px);
    line-height: 1.3;
    margin-bottom: min(12vw, 45px);
  }
}
#point .course-wrap h4 small {
  font-size: min(2.8125vw, 36px);
}
@media (max-width: 768px) {
  #point .course-wrap h4 small {
    font-size: min(9.6vw, 36px);
  }
}
#point .course-wrap h4 strong {
  color: #cd1829;
  font-size: min(2.8125vw, 36px);
  font-weight: 700;
}
@media (max-width: 768px) {
  #point .course-wrap h4 strong {
    font-size: min(9.6vw, 36px);
  }
}
#point .course-wrap h4 strong span {
  font-size: min(5.078125vw, 65px);
}
@media (max-width: 768px) {
  #point .course-wrap h4 strong span {
    font-size: min(9.6vw, 36px);
  }
}
#point .course-wrap p {
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: max(-1.796875vw, -23px);
  text-align: center;
}
@media (max-width: 768px) {
  #point .course-wrap p {
    line-height: 1.75;
    margin-bottom: min(17.8666666667vw, 67px);
    text-align: justify;
  }
}
#point .course-wrap .figure-box {
  margin: 0 auto max(-0.546875vw, -7px);
  position: relative;
  width: min(42.265625vw, 541px);
  z-index: -1;
}
@media (max-width: 768px) {
  #point .course-wrap .figure-box {
    margin-bottom: min(16.8vw, 63px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: min(156vw, 585px);
  }
}
#point .course-wrap .figure-box .figure-course1 {
  position: absolute;
  left: min(13.046875vw, 167px);
  top: min(3.90625vw, 50px);
  width: min(10.078125vw, 129px);
}
@media (max-width: 768px) {
  #point .course-wrap .figure-box .figure-course1 {
    left: min(51.4666666667vw, 193px);
    top: max(-13.3333333333vw, -50px);
    width: min(34.4vw, 129px);
  }
}
#point .course-wrap .figure-box .figure-course1 div {
  -webkit-animation: wobbling_x 1.5s ease-in-out infinite alternate;
          animation: wobbling_x 1.5s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course1 img {
  -webkit-animation: wobbling_y 1.8s ease-in-out infinite alternate;
          animation: wobbling_y 1.8s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course2 {
  position: absolute;
  left: min(0.78125vw, 10px);
  top: min(7.8125vw, 100px);
  width: min(10.390625vw, 133px);
}
@media (max-width: 768px) {
  #point .course-wrap .figure-box .figure-course2 {
    left: min(26.6666666667vw, 100px);
    top: min(24.8vw, 93px);
    width: min(35.4666666667vw, 133px);
  }
}
#point .course-wrap .figure-box .figure-course2 div {
  -webkit-animation: wobbling_x 3s ease-in-out infinite alternate;
          animation: wobbling_x 3s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course2 img {
  -webkit-animation: wobbling_y 3.3s ease-in-out infinite alternate;
          animation: wobbling_y 3.3s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course3 {
  position: absolute;
  left: max(-4.921875vw, -63px);
  top: min(18.59375vw, 238px);
  width: min(10vw, 128px);
  z-index: 1;
}
@media (max-width: 768px) {
  #point .course-wrap .figure-box .figure-course3 {
    left: min(22.9333333333vw, 86px);
    top: min(83.4666666667vw, 313px);
    width: min(34.1333333333vw, 128px);
  }
}
#point .course-wrap .figure-box .figure-course3 div {
  -webkit-animation: wobbling_x 1.35s ease-in-out infinite alternate;
          animation: wobbling_x 1.35s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course3 img {
  -webkit-animation: wobbling_y 2s ease-in-out infinite alternate;
          animation: wobbling_y 2s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course4 {
  position: absolute;
  bottom: min(6.640625vw, 85px);
  left: min(7.34375vw, 94px);
  width: min(8.90625vw, 114px);
}
@media (max-width: 768px) {
  #point .course-wrap .figure-box .figure-course4 {
    bottom: min(14.6666666667vw, 55px);
    left: min(37.0666666667vw, 139px);
    width: min(30.4vw, 114px);
  }
}
#point .course-wrap .figure-box .figure-course4 div {
  animation: wobbling_x 1.5s ease-in-out infinite alternate-reverse;
}
#point .course-wrap .figure-box .figure-course4 img {
  -webkit-animation: wobbling_y 1.8s ease-in-out infinite alternate;
          animation: wobbling_y 1.8s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course5 {
  position: absolute;
  bottom: min(8.59375vw, 110px);
  right: min(7.65625vw, 98px);
  width: min(13.515625vw, 173px);
}
@media (max-width: 768px) {
  #point .course-wrap .figure-box .figure-course5 {
    bottom: max(-0.8vw, -3px);
    right: min(40vw, 150px);
    width: min(46.1333333333vw, 173px);
  }
}
#point .course-wrap .figure-box .figure-course5 div {
  -webkit-animation: wobbling_x 1.75s ease-in-out infinite alternate;
          animation: wobbling_x 1.75s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course5 img {
  -webkit-animation: wobbling_y 2.3s ease-in-out infinite alternate;
          animation: wobbling_y 2.3s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course6 {
  position: absolute;
  bottom: min(13.984375vw, 179px);
  right: max(-5.78125vw, -74px);
  width: min(12.421875vw, 159px);
}
@media (max-width: 768px) {
  #point .course-wrap .figure-box .figure-course6 {
    bottom: min(44vw, 165px);
    right: min(25.0666666667vw, 94px);
    width: min(42.4vw, 159px);
  }
}
#point .course-wrap .figure-box .figure-course6 div {
  -webkit-animation: wobbling_x 2s ease-in-out infinite alternate;
          animation: wobbling_x 2s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course6 img {
  -webkit-animation: wobbling_y 2.3s ease-in-out infinite alternate;
          animation: wobbling_y 2.3s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course7 {
  position: absolute;
  right: max(-3.515625vw, -45px);
  top: min(7.578125vw, 97px);
  width: min(15.625vw, 200px);
}
@media (max-width: 768px) {
  #point .course-wrap .figure-box .figure-course7 {
    right: min(25.0666666667vw, 94px);
    top: min(8.8vw, 33px);
    width: min(53.3333333333vw, 200px);
  }
}
#point .course-wrap .figure-box .figure-course7 div {
  -webkit-animation: wobbling_x 3.15s ease-in-out infinite alternate;
          animation: wobbling_x 3.15s ease-in-out infinite alternate;
}
#point .course-wrap .figure-box .figure-course7 img {
  -webkit-animation: wobbling_y 2.8s ease-in-out infinite alternate;
          animation: wobbling_y 2.8s ease-in-out infinite alternate;
}
#point .course-wrap .oc-btn {
  margin: 0 auto;
  width: min(45.3125vw, 580px);
}
@media (max-width: 768px) {
  #point .course-wrap .oc-btn {
    margin: 0 0 min(24.5333333333vw, 92px);
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: min(96vw, 360px);
  }
}
#point .course-wrap .oc-btn a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  #point .course-wrap .oc-btn a:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
#point .oc-about-box h4 {
  border-bottom: 4px solid #cd1829;
  color: #cd1829;
  font-size: min(2.578125vw, 33px);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: min(0.78125vw, 10px);
  padding-bottom: min(0.859375vw, 11px);
  text-align: center;
}
@media (max-width: 768px) {
  #point .oc-about-box h4 {
    font-size: min(8.8vw, 33px);
    line-height: 1.35;
    margin-bottom: min(4.8vw, 18px);
    padding-bottom: min(6.6666666667vw, 25px);
  }
}
#point .oc-about-box p {
  font-weight: 700;
  line-height: 2;
  text-align: justify;
}
@media (max-width: 768px) {
  #point .oc-about-box p {
    line-height: 1.75;
  }
}
#point .oc-about-box + .oc-about-box {
  margin-top: min(4.6875vw, 60px);
}
@media (max-width: 768px) {
  #point .oc-about-box + .oc-about-box {
    margin-top: min(28vw, 105px);
  }
}
#point::before {
  background: url(../images/point-deco.svg) repeat-x center bottom/contain;
  content: "";
  height: min(2.578125vw, 33px);
  position: absolute;
  left: 0;
  width: 100%;
}
@media (max-width: 768px) {
  #point::before {
    height: min(5.0666666667vw, 19px);
  }
}
#point::before {
  bottom: calc(100% - 1px);
}

/* point */
/* access */
#access {
  background: #da5244;
  padding: min(3.90625vw, 50px) 0 min(4.375vw, 56px);
  position: relative;
}
@media (max-width: 768px) {
  #access {
    padding: min(11.2vw, 42px) 0 min(27.4666666667vw, 103px);
  }
}
#access h2 {
  color: #fff;
  font-size: min(2.6953125vw, 34.5px);
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-bottom: min(2.421875vw, 31px);
  paint-order: stroke;
  text-align: center;
  -webkit-text-stroke: 3px #000;
}
@media (max-width: 768px) {
  #access h2 {
    font-size: min(9.2vw, 34.5px);
    line-height: 1.35;
    margin-bottom: min(12.5333333333vw, 47px);
  }
}
#access .access-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
#access .access-slider li {
  padding: 0 min(1.953125vw, 25px);
  width: min(24.0625vw, 308px);
}
@media (max-width: 768px) {
  #access .access-slider li {
    padding: 0 min(1.6vw, 6px);
    width: min(82.1333333333vw, 308px);
  }
}
#access .access-slider .image {
  background: #c69c6d;
  border: 1px solid #000;
  border-radius: 36px;
  padding: min(0.78125vw, 10px);
}
@media (max-width: 768px) {
  #access .access-slider .image {
    padding: min(2.6666666667vw, 10px);
  }
}
#access .access-slider .image img {
  border: 1px solid #000;
  border-radius: 25px;
}
#access .access-slider h3 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #c69c6d;
  border: 1px solid #000;
  border-top: none;
  border-radius: 0 0 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: min(1.40625vw, 18px);
  font-weight: 800;
  height: min(4.375vw, 56px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.1em;
  margin: 0 auto;
  text-align: center;
  width: min(18.046875vw, 231px);
}
@media (max-width: 768px) {
  #access .access-slider h3 {
    font-size: min(4.8vw, 18px);
    height: min(14.9333333333vw, 56px);
    width: min(61.6vw, 231px);
  }
}
#access .band {
  animation: band 100s linear infinite reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: max(-0.78125vw, -10px);
  left: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 768px) {
  #access .band {
    bottom: max(-1.6vw, -6px);
  }
}
#access .band img {
  pointer-events: none;
  min-width: min(233.203125vw, 2985px);
}
@media (max-width: 768px) {
  #access .band img {
    min-width: min(796vw, 2985px);
  }
}

.btn-box {
  background: #eef0de;
  margin-bottom: min(6.640625vw, 85px);
  padding: min(5.46875vw, 70px) 0;
}
@media (max-width: 768px) {
  .btn-box {
    margin-bottom: min(10.6666666667vw, 40px);
    padding: min(10.6666666667vw, 40px) 0 min(14.9333333333vw, 56px);
  }
}
.btn-box .inner {
  width: min(38.515625vw, 493px);
}
@media (max-width: 768px) {
  .btn-box .inner {
    width: 90.5%;
  }
}
@media (max-width: 768px) {
  .btn-box .accessmap-btn {
    margin: 0 auto min(12vw, 45px);
    width: 84.5%;
  }
}
.btn-box .accessmap-btn a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .btn-box .accessmap-btn a:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
@media (max-width: 768px) {
  .btn-box .oc-btn {
    margin: 0 auto;
    width: min(89.8666666667vw, 337px);
  }
}

/* access */
/* footer */
footer {
  margin-bottom: min(3.828125vw, 49px);
}
@media (max-width: 768px) {
  footer {
    margin-bottom: min(8vw, 30px);
  }
}
footer .inner {
  width: min(66.953125vw, 857px);
}
@media (max-width: 768px) {
  footer .inner {
    width: 80%;
  }
}
footer .oc-btn {
  margin: 0 auto min(10.15625vw, 130px);
}
footer .oc-btn a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  footer .oc-btn a:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
footer .logo {
  margin: 0 auto min(2.578125vw, 33px);
  width: min(28.28125vw, 362px);
}
@media (max-width: 768px) {
  footer .logo {
    margin-bottom: min(3.2vw, 12px);
    width: min(69.3333333333vw, 260px);
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .logo a:hover {
    opacity: 0.7;
  }
}
footer .address {
  font-size: min(1.171875vw, 15px);
  letter-spacing: 0.02em;
  text-align: center;
}
@media (max-width: 768px) {
  footer .address {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-size: min(2.4vw, 9px);
    margin-bottom: min(4vw, 15px);
    padding-bottom: min(2.4vw, 9px);
  }
}
footer .tel {
  font-family: "Oswald", sans-serif;
  font-size: min(3.046875vw, 39px);
  letter-spacing: 0.11em;
  line-height: 1.4;
  margin-bottom: min(1.328125vw, 17px);
  text-align: center;
}
@media (max-width: 768px) {
  footer .tel {
    font-size: min(7.2vw, 27px);
    letter-spacing: 0.07em;
    line-height: 1.2;
  }
}
footer .tel img {
  margin-right: min(1.171875vw, 15px);
  vertical-align: baseline;
  width: min(1.4453125vw, 18.5px);
}
@media (max-width: 768px) {
  footer .tel img {
    margin-right: min(2.6666666667vw, 10px);
    width: min(3.4666666667vw, 13px);
  }
}
footer .contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(7.03125vw, 90px);
}
@media (max-width: 768px) {
  footer .contact-list {
    display: block;
    margin-bottom: min(8.5333333333vw, 32px);
  }
}
@media (max-width: 768px) {
  footer .contact-list li {
    font-size: min(3.36vw, 12.6px);
    text-align: center;
  }
}
footer .contact-list li img {
  margin-right: min(0.9375vw, 12px);
  vertical-align: baseline;
  width: min(1.953125vw, 25px);
}
@media (max-width: 768px) {
  footer .contact-list li img {
    margin-right: min(2.1333333333vw, 8px);
    width: min(4.5333333333vw, 17px);
  }
}
footer .contact-list li:first-child {
  margin-right: min(3.359375vw, 43px);
}
@media (max-width: 768px) {
  footer .contact-list li:first-child {
    margin-bottom: min(1.0666666667vw, 4px);
    margin-right: 0;
  }
}
footer .copyright {
  font-size: min(0.703125vw, 9px);
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 768px) {
  footer .copyright {
    font-size: min(1.7333333333vw, 6.5px);
  }
}

/* footer */