@charset "UTF-8";
/* ------------------------------------------------------------ break-point */
/* ------------------------------------------------------------ color */
/* ------------------------------------------------------------ letter-spacing */
/* ------------------------------------------------------------ weight */
/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e6e6e6;
  margin: 1.6em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

* {
  box-sizing: border-box;
}

html {
  color: #000;
  font-size: 62.5%;
}

@font-face {
  font-family: "earlyman";
  src: url("font-earlyman.woff2") format("woff2"), url("font-earlyman.woff") format("woff");
}
@font-face {
  font-family: "pan-line";
  src: url("font-pankiji-line.woff2") format("woff2"), url("font-pankiji-line.woff") format("woff");
}
@font-face {
  font-family: "pan-inner";
  src: url("font-pankiji-inner.woff2") format("woff2"), url("font-pankiji-inner.woff") format("woff");
}
@font-face {
  font-family: "pan-background";
  src: url("font-pankiji-background.woff2") format("woff2"), url("font-pankiji-background.woff") format("woff");
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
  line-height: 1;
}

body {
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-size: 150%;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-variation-settings: "wght" 500, "slnt" 0;
  line-height: 1.85;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: calc(0.05em - 0.025em);
  }
}

::selection {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

::-moz-selection {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

input::selection,
textarea::selection {
  color: #fff;
}

input::-moz-selection,
textarea::-moz-selection {
  color: #fff;
}

/* link
   ========================================================================== */
a {
  color: #000;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}

a:active {
  opacity: 0.7;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 767px) {
  a {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }
}
/* image
   ========================================================================== */
img {
  line-height: 1;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

table th img,
table td img {
  vertical-align: middle;
}

/* ClearFix
   ========================================================================== */
.clear {
  clear: both;
}

.clearfix,
.fbox,
#contents,
.item-wrap {
  display: block;
}
.clearfix:after,
.fbox:after,
#contents:after,
.item-wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* float
   ========================================================================== */
.fr {
  float: right;
}

.fl {
  float: left;
}

ul.fbox li {
  float: left;
  display: inline;
}

/* padding
   ========================================================================== */
.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

/* form label
   ========================================================================== */
input,
textarea,
label {
  vertical-align: middle;
}

/* position
   ========================================================================== */
.text-r {
  text-align: right !important;
}

.text-c,
table.text-c th,
table.text-c td,
table.th-c th {
  text-align: center !important;
}

.text-l {
  text-align: left !important;
}

/* ==========================================================================
   responsive
   ========================================================================== */
/* image
   ========================================================================== */
img {
  vertical-align: bottom;
  line-height: 1;
  max-width: 100%;
  height: auto;
}

/* display
   ========================================================================== */
.block {
  display: block;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

.pc-inline {
  display: inline;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none !important;
  }
  .pc-inline {
    display: none !important;
  }
}
/* column
   ========================================================================== */
@media screen and (min-width: 768px) {
  .col120 {
    width: 100vw;
  }
  .m120 {
    margin: 100vw;
  }
  .ml120 {
    margin-left: 100vw;
  }
  .mr120 {
    margin-right: 100vw;
  }
  .mt120 {
    margin-top: 100vw;
  }
  .mb120 {
    margin-bottom: 100vw;
  }
  .p120 {
    padding: 100vw;
  }
  .pl120 {
    padding-left: 100vw;
  }
  .pr120 {
    padding-right: 100vw;
  }
  .pt120 {
    padding-top: 100vw;
  }
  .pb120 {
    padding-bottom: 100vw;
  }
  .col119 {
    width: 99.1666666667vw;
  }
  .m119 {
    margin: 99.1666666667vw;
  }
  .ml119 {
    margin-left: 99.1666666667vw;
  }
  .mr119 {
    margin-right: 99.1666666667vw;
  }
  .mt119 {
    margin-top: 99.1666666667vw;
  }
  .mb119 {
    margin-bottom: 99.1666666667vw;
  }
  .p119 {
    padding: 99.1666666667vw;
  }
  .pl119 {
    padding-left: 99.1666666667vw;
  }
  .pr119 {
    padding-right: 99.1666666667vw;
  }
  .pt119 {
    padding-top: 99.1666666667vw;
  }
  .pb119 {
    padding-bottom: 99.1666666667vw;
  }
  .col118 {
    width: 98.3333333333vw;
  }
  .m118 {
    margin: 98.3333333333vw;
  }
  .ml118 {
    margin-left: 98.3333333333vw;
  }
  .mr118 {
    margin-right: 98.3333333333vw;
  }
  .mt118 {
    margin-top: 98.3333333333vw;
  }
  .mb118 {
    margin-bottom: 98.3333333333vw;
  }
  .p118 {
    padding: 98.3333333333vw;
  }
  .pl118 {
    padding-left: 98.3333333333vw;
  }
  .pr118 {
    padding-right: 98.3333333333vw;
  }
  .pt118 {
    padding-top: 98.3333333333vw;
  }
  .pb118 {
    padding-bottom: 98.3333333333vw;
  }
  .col117 {
    width: 97.5vw;
  }
  .m117 {
    margin: 97.5vw;
  }
  .ml117 {
    margin-left: 97.5vw;
  }
  .mr117 {
    margin-right: 97.5vw;
  }
  .mt117 {
    margin-top: 97.5vw;
  }
  .mb117 {
    margin-bottom: 97.5vw;
  }
  .p117 {
    padding: 97.5vw;
  }
  .pl117 {
    padding-left: 97.5vw;
  }
  .pr117 {
    padding-right: 97.5vw;
  }
  .pt117 {
    padding-top: 97.5vw;
  }
  .pb117 {
    padding-bottom: 97.5vw;
  }
  .col116 {
    width: 96.6666666667vw;
  }
  .m116 {
    margin: 96.6666666667vw;
  }
  .ml116 {
    margin-left: 96.6666666667vw;
  }
  .mr116 {
    margin-right: 96.6666666667vw;
  }
  .mt116 {
    margin-top: 96.6666666667vw;
  }
  .mb116 {
    margin-bottom: 96.6666666667vw;
  }
  .p116 {
    padding: 96.6666666667vw;
  }
  .pl116 {
    padding-left: 96.6666666667vw;
  }
  .pr116 {
    padding-right: 96.6666666667vw;
  }
  .pt116 {
    padding-top: 96.6666666667vw;
  }
  .pb116 {
    padding-bottom: 96.6666666667vw;
  }
  .col115 {
    width: 95.8333333333vw;
  }
  .m115 {
    margin: 95.8333333333vw;
  }
  .ml115 {
    margin-left: 95.8333333333vw;
  }
  .mr115 {
    margin-right: 95.8333333333vw;
  }
  .mt115 {
    margin-top: 95.8333333333vw;
  }
  .mb115 {
    margin-bottom: 95.8333333333vw;
  }
  .p115 {
    padding: 95.8333333333vw;
  }
  .pl115 {
    padding-left: 95.8333333333vw;
  }
  .pr115 {
    padding-right: 95.8333333333vw;
  }
  .pt115 {
    padding-top: 95.8333333333vw;
  }
  .pb115 {
    padding-bottom: 95.8333333333vw;
  }
  .col114 {
    width: 95vw;
  }
  .m114 {
    margin: 95vw;
  }
  .ml114 {
    margin-left: 95vw;
  }
  .mr114 {
    margin-right: 95vw;
  }
  .mt114 {
    margin-top: 95vw;
  }
  .mb114 {
    margin-bottom: 95vw;
  }
  .p114 {
    padding: 95vw;
  }
  .pl114 {
    padding-left: 95vw;
  }
  .pr114 {
    padding-right: 95vw;
  }
  .pt114 {
    padding-top: 95vw;
  }
  .pb114 {
    padding-bottom: 95vw;
  }
  .col113 {
    width: 94.1666666667vw;
  }
  .m113 {
    margin: 94.1666666667vw;
  }
  .ml113 {
    margin-left: 94.1666666667vw;
  }
  .mr113 {
    margin-right: 94.1666666667vw;
  }
  .mt113 {
    margin-top: 94.1666666667vw;
  }
  .mb113 {
    margin-bottom: 94.1666666667vw;
  }
  .p113 {
    padding: 94.1666666667vw;
  }
  .pl113 {
    padding-left: 94.1666666667vw;
  }
  .pr113 {
    padding-right: 94.1666666667vw;
  }
  .pt113 {
    padding-top: 94.1666666667vw;
  }
  .pb113 {
    padding-bottom: 94.1666666667vw;
  }
  .col112 {
    width: 93.3333333333vw;
  }
  .m112 {
    margin: 93.3333333333vw;
  }
  .ml112 {
    margin-left: 93.3333333333vw;
  }
  .mr112 {
    margin-right: 93.3333333333vw;
  }
  .mt112 {
    margin-top: 93.3333333333vw;
  }
  .mb112 {
    margin-bottom: 93.3333333333vw;
  }
  .p112 {
    padding: 93.3333333333vw;
  }
  .pl112 {
    padding-left: 93.3333333333vw;
  }
  .pr112 {
    padding-right: 93.3333333333vw;
  }
  .pt112 {
    padding-top: 93.3333333333vw;
  }
  .pb112 {
    padding-bottom: 93.3333333333vw;
  }
  .col111 {
    width: 92.5vw;
  }
  .m111 {
    margin: 92.5vw;
  }
  .ml111 {
    margin-left: 92.5vw;
  }
  .mr111 {
    margin-right: 92.5vw;
  }
  .mt111 {
    margin-top: 92.5vw;
  }
  .mb111 {
    margin-bottom: 92.5vw;
  }
  .p111 {
    padding: 92.5vw;
  }
  .pl111 {
    padding-left: 92.5vw;
  }
  .pr111 {
    padding-right: 92.5vw;
  }
  .pt111 {
    padding-top: 92.5vw;
  }
  .pb111 {
    padding-bottom: 92.5vw;
  }
  .col110 {
    width: 91.6666666667vw;
  }
  .m110 {
    margin: 91.6666666667vw;
  }
  .ml110 {
    margin-left: 91.6666666667vw;
  }
  .mr110 {
    margin-right: 91.6666666667vw;
  }
  .mt110 {
    margin-top: 91.6666666667vw;
  }
  .mb110 {
    margin-bottom: 91.6666666667vw;
  }
  .p110 {
    padding: 91.6666666667vw;
  }
  .pl110 {
    padding-left: 91.6666666667vw;
  }
  .pr110 {
    padding-right: 91.6666666667vw;
  }
  .pt110 {
    padding-top: 91.6666666667vw;
  }
  .pb110 {
    padding-bottom: 91.6666666667vw;
  }
  .col109 {
    width: 90.8333333333vw;
  }
  .m109 {
    margin: 90.8333333333vw;
  }
  .ml109 {
    margin-left: 90.8333333333vw;
  }
  .mr109 {
    margin-right: 90.8333333333vw;
  }
  .mt109 {
    margin-top: 90.8333333333vw;
  }
  .mb109 {
    margin-bottom: 90.8333333333vw;
  }
  .p109 {
    padding: 90.8333333333vw;
  }
  .pl109 {
    padding-left: 90.8333333333vw;
  }
  .pr109 {
    padding-right: 90.8333333333vw;
  }
  .pt109 {
    padding-top: 90.8333333333vw;
  }
  .pb109 {
    padding-bottom: 90.8333333333vw;
  }
  .col108 {
    width: 90vw;
  }
  .m108 {
    margin: 90vw;
  }
  .ml108 {
    margin-left: 90vw;
  }
  .mr108 {
    margin-right: 90vw;
  }
  .mt108 {
    margin-top: 90vw;
  }
  .mb108 {
    margin-bottom: 90vw;
  }
  .p108 {
    padding: 90vw;
  }
  .pl108 {
    padding-left: 90vw;
  }
  .pr108 {
    padding-right: 90vw;
  }
  .pt108 {
    padding-top: 90vw;
  }
  .pb108 {
    padding-bottom: 90vw;
  }
  .col107 {
    width: 89.1666666667vw;
  }
  .m107 {
    margin: 89.1666666667vw;
  }
  .ml107 {
    margin-left: 89.1666666667vw;
  }
  .mr107 {
    margin-right: 89.1666666667vw;
  }
  .mt107 {
    margin-top: 89.1666666667vw;
  }
  .mb107 {
    margin-bottom: 89.1666666667vw;
  }
  .p107 {
    padding: 89.1666666667vw;
  }
  .pl107 {
    padding-left: 89.1666666667vw;
  }
  .pr107 {
    padding-right: 89.1666666667vw;
  }
  .pt107 {
    padding-top: 89.1666666667vw;
  }
  .pb107 {
    padding-bottom: 89.1666666667vw;
  }
  .col106 {
    width: 88.3333333333vw;
  }
  .m106 {
    margin: 88.3333333333vw;
  }
  .ml106 {
    margin-left: 88.3333333333vw;
  }
  .mr106 {
    margin-right: 88.3333333333vw;
  }
  .mt106 {
    margin-top: 88.3333333333vw;
  }
  .mb106 {
    margin-bottom: 88.3333333333vw;
  }
  .p106 {
    padding: 88.3333333333vw;
  }
  .pl106 {
    padding-left: 88.3333333333vw;
  }
  .pr106 {
    padding-right: 88.3333333333vw;
  }
  .pt106 {
    padding-top: 88.3333333333vw;
  }
  .pb106 {
    padding-bottom: 88.3333333333vw;
  }
  .col105 {
    width: 87.5vw;
  }
  .m105 {
    margin: 87.5vw;
  }
  .ml105 {
    margin-left: 87.5vw;
  }
  .mr105 {
    margin-right: 87.5vw;
  }
  .mt105 {
    margin-top: 87.5vw;
  }
  .mb105 {
    margin-bottom: 87.5vw;
  }
  .p105 {
    padding: 87.5vw;
  }
  .pl105 {
    padding-left: 87.5vw;
  }
  .pr105 {
    padding-right: 87.5vw;
  }
  .pt105 {
    padding-top: 87.5vw;
  }
  .pb105 {
    padding-bottom: 87.5vw;
  }
  .col104 {
    width: 86.6666666667vw;
  }
  .m104 {
    margin: 86.6666666667vw;
  }
  .ml104 {
    margin-left: 86.6666666667vw;
  }
  .mr104 {
    margin-right: 86.6666666667vw;
  }
  .mt104 {
    margin-top: 86.6666666667vw;
  }
  .mb104 {
    margin-bottom: 86.6666666667vw;
  }
  .p104 {
    padding: 86.6666666667vw;
  }
  .pl104 {
    padding-left: 86.6666666667vw;
  }
  .pr104 {
    padding-right: 86.6666666667vw;
  }
  .pt104 {
    padding-top: 86.6666666667vw;
  }
  .pb104 {
    padding-bottom: 86.6666666667vw;
  }
  .col103 {
    width: 85.8333333333vw;
  }
  .m103 {
    margin: 85.8333333333vw;
  }
  .ml103 {
    margin-left: 85.8333333333vw;
  }
  .mr103 {
    margin-right: 85.8333333333vw;
  }
  .mt103 {
    margin-top: 85.8333333333vw;
  }
  .mb103 {
    margin-bottom: 85.8333333333vw;
  }
  .p103 {
    padding: 85.8333333333vw;
  }
  .pl103 {
    padding-left: 85.8333333333vw;
  }
  .pr103 {
    padding-right: 85.8333333333vw;
  }
  .pt103 {
    padding-top: 85.8333333333vw;
  }
  .pb103 {
    padding-bottom: 85.8333333333vw;
  }
  .col102 {
    width: 85vw;
  }
  .m102 {
    margin: 85vw;
  }
  .ml102 {
    margin-left: 85vw;
  }
  .mr102 {
    margin-right: 85vw;
  }
  .mt102 {
    margin-top: 85vw;
  }
  .mb102 {
    margin-bottom: 85vw;
  }
  .p102 {
    padding: 85vw;
  }
  .pl102 {
    padding-left: 85vw;
  }
  .pr102 {
    padding-right: 85vw;
  }
  .pt102 {
    padding-top: 85vw;
  }
  .pb102 {
    padding-bottom: 85vw;
  }
  .col101 {
    width: 84.1666666667vw;
  }
  .m101 {
    margin: 84.1666666667vw;
  }
  .ml101 {
    margin-left: 84.1666666667vw;
  }
  .mr101 {
    margin-right: 84.1666666667vw;
  }
  .mt101 {
    margin-top: 84.1666666667vw;
  }
  .mb101 {
    margin-bottom: 84.1666666667vw;
  }
  .p101 {
    padding: 84.1666666667vw;
  }
  .pl101 {
    padding-left: 84.1666666667vw;
  }
  .pr101 {
    padding-right: 84.1666666667vw;
  }
  .pt101 {
    padding-top: 84.1666666667vw;
  }
  .pb101 {
    padding-bottom: 84.1666666667vw;
  }
  .col100 {
    width: 83.3333333333vw;
  }
  .m100 {
    margin: 83.3333333333vw;
  }
  .ml100 {
    margin-left: 83.3333333333vw;
  }
  .mr100 {
    margin-right: 83.3333333333vw;
  }
  .mt100 {
    margin-top: 83.3333333333vw;
  }
  .mb100 {
    margin-bottom: 83.3333333333vw;
  }
  .p100 {
    padding: 83.3333333333vw;
  }
  .pl100 {
    padding-left: 83.3333333333vw;
  }
  .pr100 {
    padding-right: 83.3333333333vw;
  }
  .pt100 {
    padding-top: 83.3333333333vw;
  }
  .pb100 {
    padding-bottom: 83.3333333333vw;
  }
  .col99 {
    width: 82.5vw;
  }
  .m99 {
    margin: 82.5vw;
  }
  .ml99 {
    margin-left: 82.5vw;
  }
  .mr99 {
    margin-right: 82.5vw;
  }
  .mt99 {
    margin-top: 82.5vw;
  }
  .mb99 {
    margin-bottom: 82.5vw;
  }
  .p99 {
    padding: 82.5vw;
  }
  .pl99 {
    padding-left: 82.5vw;
  }
  .pr99 {
    padding-right: 82.5vw;
  }
  .pt99 {
    padding-top: 82.5vw;
  }
  .pb99 {
    padding-bottom: 82.5vw;
  }
  .col98 {
    width: 81.6666666667vw;
  }
  .m98 {
    margin: 81.6666666667vw;
  }
  .ml98 {
    margin-left: 81.6666666667vw;
  }
  .mr98 {
    margin-right: 81.6666666667vw;
  }
  .mt98 {
    margin-top: 81.6666666667vw;
  }
  .mb98 {
    margin-bottom: 81.6666666667vw;
  }
  .p98 {
    padding: 81.6666666667vw;
  }
  .pl98 {
    padding-left: 81.6666666667vw;
  }
  .pr98 {
    padding-right: 81.6666666667vw;
  }
  .pt98 {
    padding-top: 81.6666666667vw;
  }
  .pb98 {
    padding-bottom: 81.6666666667vw;
  }
  .col97 {
    width: 80.8333333333vw;
  }
  .m97 {
    margin: 80.8333333333vw;
  }
  .ml97 {
    margin-left: 80.8333333333vw;
  }
  .mr97 {
    margin-right: 80.8333333333vw;
  }
  .mt97 {
    margin-top: 80.8333333333vw;
  }
  .mb97 {
    margin-bottom: 80.8333333333vw;
  }
  .p97 {
    padding: 80.8333333333vw;
  }
  .pl97 {
    padding-left: 80.8333333333vw;
  }
  .pr97 {
    padding-right: 80.8333333333vw;
  }
  .pt97 {
    padding-top: 80.8333333333vw;
  }
  .pb97 {
    padding-bottom: 80.8333333333vw;
  }
  .col96 {
    width: 80vw;
  }
  .m96 {
    margin: 80vw;
  }
  .ml96 {
    margin-left: 80vw;
  }
  .mr96 {
    margin-right: 80vw;
  }
  .mt96 {
    margin-top: 80vw;
  }
  .mb96 {
    margin-bottom: 80vw;
  }
  .p96 {
    padding: 80vw;
  }
  .pl96 {
    padding-left: 80vw;
  }
  .pr96 {
    padding-right: 80vw;
  }
  .pt96 {
    padding-top: 80vw;
  }
  .pb96 {
    padding-bottom: 80vw;
  }
  .col95 {
    width: 79.1666666667vw;
  }
  .m95 {
    margin: 79.1666666667vw;
  }
  .ml95 {
    margin-left: 79.1666666667vw;
  }
  .mr95 {
    margin-right: 79.1666666667vw;
  }
  .mt95 {
    margin-top: 79.1666666667vw;
  }
  .mb95 {
    margin-bottom: 79.1666666667vw;
  }
  .p95 {
    padding: 79.1666666667vw;
  }
  .pl95 {
    padding-left: 79.1666666667vw;
  }
  .pr95 {
    padding-right: 79.1666666667vw;
  }
  .pt95 {
    padding-top: 79.1666666667vw;
  }
  .pb95 {
    padding-bottom: 79.1666666667vw;
  }
  .col94 {
    width: 78.3333333333vw;
  }
  .m94 {
    margin: 78.3333333333vw;
  }
  .ml94 {
    margin-left: 78.3333333333vw;
  }
  .mr94 {
    margin-right: 78.3333333333vw;
  }
  .mt94 {
    margin-top: 78.3333333333vw;
  }
  .mb94 {
    margin-bottom: 78.3333333333vw;
  }
  .p94 {
    padding: 78.3333333333vw;
  }
  .pl94 {
    padding-left: 78.3333333333vw;
  }
  .pr94 {
    padding-right: 78.3333333333vw;
  }
  .pt94 {
    padding-top: 78.3333333333vw;
  }
  .pb94 {
    padding-bottom: 78.3333333333vw;
  }
  .col93 {
    width: 77.5vw;
  }
  .m93 {
    margin: 77.5vw;
  }
  .ml93 {
    margin-left: 77.5vw;
  }
  .mr93 {
    margin-right: 77.5vw;
  }
  .mt93 {
    margin-top: 77.5vw;
  }
  .mb93 {
    margin-bottom: 77.5vw;
  }
  .p93 {
    padding: 77.5vw;
  }
  .pl93 {
    padding-left: 77.5vw;
  }
  .pr93 {
    padding-right: 77.5vw;
  }
  .pt93 {
    padding-top: 77.5vw;
  }
  .pb93 {
    padding-bottom: 77.5vw;
  }
  .col92 {
    width: 76.6666666667vw;
  }
  .m92 {
    margin: 76.6666666667vw;
  }
  .ml92 {
    margin-left: 76.6666666667vw;
  }
  .mr92 {
    margin-right: 76.6666666667vw;
  }
  .mt92 {
    margin-top: 76.6666666667vw;
  }
  .mb92 {
    margin-bottom: 76.6666666667vw;
  }
  .p92 {
    padding: 76.6666666667vw;
  }
  .pl92 {
    padding-left: 76.6666666667vw;
  }
  .pr92 {
    padding-right: 76.6666666667vw;
  }
  .pt92 {
    padding-top: 76.6666666667vw;
  }
  .pb92 {
    padding-bottom: 76.6666666667vw;
  }
  .col91 {
    width: 75.8333333333vw;
  }
  .m91 {
    margin: 75.8333333333vw;
  }
  .ml91 {
    margin-left: 75.8333333333vw;
  }
  .mr91 {
    margin-right: 75.8333333333vw;
  }
  .mt91 {
    margin-top: 75.8333333333vw;
  }
  .mb91 {
    margin-bottom: 75.8333333333vw;
  }
  .p91 {
    padding: 75.8333333333vw;
  }
  .pl91 {
    padding-left: 75.8333333333vw;
  }
  .pr91 {
    padding-right: 75.8333333333vw;
  }
  .pt91 {
    padding-top: 75.8333333333vw;
  }
  .pb91 {
    padding-bottom: 75.8333333333vw;
  }
  .col90 {
    width: 75vw;
  }
  .m90 {
    margin: 75vw;
  }
  .ml90 {
    margin-left: 75vw;
  }
  .mr90 {
    margin-right: 75vw;
  }
  .mt90 {
    margin-top: 75vw;
  }
  .mb90 {
    margin-bottom: 75vw;
  }
  .p90 {
    padding: 75vw;
  }
  .pl90 {
    padding-left: 75vw;
  }
  .pr90 {
    padding-right: 75vw;
  }
  .pt90 {
    padding-top: 75vw;
  }
  .pb90 {
    padding-bottom: 75vw;
  }
  .col89 {
    width: 74.1666666667vw;
  }
  .m89 {
    margin: 74.1666666667vw;
  }
  .ml89 {
    margin-left: 74.1666666667vw;
  }
  .mr89 {
    margin-right: 74.1666666667vw;
  }
  .mt89 {
    margin-top: 74.1666666667vw;
  }
  .mb89 {
    margin-bottom: 74.1666666667vw;
  }
  .p89 {
    padding: 74.1666666667vw;
  }
  .pl89 {
    padding-left: 74.1666666667vw;
  }
  .pr89 {
    padding-right: 74.1666666667vw;
  }
  .pt89 {
    padding-top: 74.1666666667vw;
  }
  .pb89 {
    padding-bottom: 74.1666666667vw;
  }
  .col88 {
    width: 73.3333333333vw;
  }
  .m88 {
    margin: 73.3333333333vw;
  }
  .ml88 {
    margin-left: 73.3333333333vw;
  }
  .mr88 {
    margin-right: 73.3333333333vw;
  }
  .mt88 {
    margin-top: 73.3333333333vw;
  }
  .mb88 {
    margin-bottom: 73.3333333333vw;
  }
  .p88 {
    padding: 73.3333333333vw;
  }
  .pl88 {
    padding-left: 73.3333333333vw;
  }
  .pr88 {
    padding-right: 73.3333333333vw;
  }
  .pt88 {
    padding-top: 73.3333333333vw;
  }
  .pb88 {
    padding-bottom: 73.3333333333vw;
  }
  .col87 {
    width: 72.5vw;
  }
  .m87 {
    margin: 72.5vw;
  }
  .ml87 {
    margin-left: 72.5vw;
  }
  .mr87 {
    margin-right: 72.5vw;
  }
  .mt87 {
    margin-top: 72.5vw;
  }
  .mb87 {
    margin-bottom: 72.5vw;
  }
  .p87 {
    padding: 72.5vw;
  }
  .pl87 {
    padding-left: 72.5vw;
  }
  .pr87 {
    padding-right: 72.5vw;
  }
  .pt87 {
    padding-top: 72.5vw;
  }
  .pb87 {
    padding-bottom: 72.5vw;
  }
  .col86 {
    width: 71.6666666667vw;
  }
  .m86 {
    margin: 71.6666666667vw;
  }
  .ml86 {
    margin-left: 71.6666666667vw;
  }
  .mr86 {
    margin-right: 71.6666666667vw;
  }
  .mt86 {
    margin-top: 71.6666666667vw;
  }
  .mb86 {
    margin-bottom: 71.6666666667vw;
  }
  .p86 {
    padding: 71.6666666667vw;
  }
  .pl86 {
    padding-left: 71.6666666667vw;
  }
  .pr86 {
    padding-right: 71.6666666667vw;
  }
  .pt86 {
    padding-top: 71.6666666667vw;
  }
  .pb86 {
    padding-bottom: 71.6666666667vw;
  }
  .col85 {
    width: 70.8333333333vw;
  }
  .m85 {
    margin: 70.8333333333vw;
  }
  .ml85 {
    margin-left: 70.8333333333vw;
  }
  .mr85 {
    margin-right: 70.8333333333vw;
  }
  .mt85 {
    margin-top: 70.8333333333vw;
  }
  .mb85 {
    margin-bottom: 70.8333333333vw;
  }
  .p85 {
    padding: 70.8333333333vw;
  }
  .pl85 {
    padding-left: 70.8333333333vw;
  }
  .pr85 {
    padding-right: 70.8333333333vw;
  }
  .pt85 {
    padding-top: 70.8333333333vw;
  }
  .pb85 {
    padding-bottom: 70.8333333333vw;
  }
  .col84 {
    width: 70vw;
  }
  .m84 {
    margin: 70vw;
  }
  .ml84 {
    margin-left: 70vw;
  }
  .mr84 {
    margin-right: 70vw;
  }
  .mt84 {
    margin-top: 70vw;
  }
  .mb84 {
    margin-bottom: 70vw;
  }
  .p84 {
    padding: 70vw;
  }
  .pl84 {
    padding-left: 70vw;
  }
  .pr84 {
    padding-right: 70vw;
  }
  .pt84 {
    padding-top: 70vw;
  }
  .pb84 {
    padding-bottom: 70vw;
  }
  .col83 {
    width: 69.1666666667vw;
  }
  .m83 {
    margin: 69.1666666667vw;
  }
  .ml83 {
    margin-left: 69.1666666667vw;
  }
  .mr83 {
    margin-right: 69.1666666667vw;
  }
  .mt83 {
    margin-top: 69.1666666667vw;
  }
  .mb83 {
    margin-bottom: 69.1666666667vw;
  }
  .p83 {
    padding: 69.1666666667vw;
  }
  .pl83 {
    padding-left: 69.1666666667vw;
  }
  .pr83 {
    padding-right: 69.1666666667vw;
  }
  .pt83 {
    padding-top: 69.1666666667vw;
  }
  .pb83 {
    padding-bottom: 69.1666666667vw;
  }
  .col82 {
    width: 68.3333333333vw;
  }
  .m82 {
    margin: 68.3333333333vw;
  }
  .ml82 {
    margin-left: 68.3333333333vw;
  }
  .mr82 {
    margin-right: 68.3333333333vw;
  }
  .mt82 {
    margin-top: 68.3333333333vw;
  }
  .mb82 {
    margin-bottom: 68.3333333333vw;
  }
  .p82 {
    padding: 68.3333333333vw;
  }
  .pl82 {
    padding-left: 68.3333333333vw;
  }
  .pr82 {
    padding-right: 68.3333333333vw;
  }
  .pt82 {
    padding-top: 68.3333333333vw;
  }
  .pb82 {
    padding-bottom: 68.3333333333vw;
  }
  .col81 {
    width: 67.5vw;
  }
  .m81 {
    margin: 67.5vw;
  }
  .ml81 {
    margin-left: 67.5vw;
  }
  .mr81 {
    margin-right: 67.5vw;
  }
  .mt81 {
    margin-top: 67.5vw;
  }
  .mb81 {
    margin-bottom: 67.5vw;
  }
  .p81 {
    padding: 67.5vw;
  }
  .pl81 {
    padding-left: 67.5vw;
  }
  .pr81 {
    padding-right: 67.5vw;
  }
  .pt81 {
    padding-top: 67.5vw;
  }
  .pb81 {
    padding-bottom: 67.5vw;
  }
  .col80 {
    width: 66.6666666667vw;
  }
  .m80 {
    margin: 66.6666666667vw;
  }
  .ml80 {
    margin-left: 66.6666666667vw;
  }
  .mr80 {
    margin-right: 66.6666666667vw;
  }
  .mt80 {
    margin-top: 66.6666666667vw;
  }
  .mb80 {
    margin-bottom: 66.6666666667vw;
  }
  .p80 {
    padding: 66.6666666667vw;
  }
  .pl80 {
    padding-left: 66.6666666667vw;
  }
  .pr80 {
    padding-right: 66.6666666667vw;
  }
  .pt80 {
    padding-top: 66.6666666667vw;
  }
  .pb80 {
    padding-bottom: 66.6666666667vw;
  }
  .col79 {
    width: 65.8333333333vw;
  }
  .m79 {
    margin: 65.8333333333vw;
  }
  .ml79 {
    margin-left: 65.8333333333vw;
  }
  .mr79 {
    margin-right: 65.8333333333vw;
  }
  .mt79 {
    margin-top: 65.8333333333vw;
  }
  .mb79 {
    margin-bottom: 65.8333333333vw;
  }
  .p79 {
    padding: 65.8333333333vw;
  }
  .pl79 {
    padding-left: 65.8333333333vw;
  }
  .pr79 {
    padding-right: 65.8333333333vw;
  }
  .pt79 {
    padding-top: 65.8333333333vw;
  }
  .pb79 {
    padding-bottom: 65.8333333333vw;
  }
  .col78 {
    width: 65vw;
  }
  .m78 {
    margin: 65vw;
  }
  .ml78 {
    margin-left: 65vw;
  }
  .mr78 {
    margin-right: 65vw;
  }
  .mt78 {
    margin-top: 65vw;
  }
  .mb78 {
    margin-bottom: 65vw;
  }
  .p78 {
    padding: 65vw;
  }
  .pl78 {
    padding-left: 65vw;
  }
  .pr78 {
    padding-right: 65vw;
  }
  .pt78 {
    padding-top: 65vw;
  }
  .pb78 {
    padding-bottom: 65vw;
  }
  .col77 {
    width: 64.1666666667vw;
  }
  .m77 {
    margin: 64.1666666667vw;
  }
  .ml77 {
    margin-left: 64.1666666667vw;
  }
  .mr77 {
    margin-right: 64.1666666667vw;
  }
  .mt77 {
    margin-top: 64.1666666667vw;
  }
  .mb77 {
    margin-bottom: 64.1666666667vw;
  }
  .p77 {
    padding: 64.1666666667vw;
  }
  .pl77 {
    padding-left: 64.1666666667vw;
  }
  .pr77 {
    padding-right: 64.1666666667vw;
  }
  .pt77 {
    padding-top: 64.1666666667vw;
  }
  .pb77 {
    padding-bottom: 64.1666666667vw;
  }
  .col76 {
    width: 63.3333333333vw;
  }
  .m76 {
    margin: 63.3333333333vw;
  }
  .ml76 {
    margin-left: 63.3333333333vw;
  }
  .mr76 {
    margin-right: 63.3333333333vw;
  }
  .mt76 {
    margin-top: 63.3333333333vw;
  }
  .mb76 {
    margin-bottom: 63.3333333333vw;
  }
  .p76 {
    padding: 63.3333333333vw;
  }
  .pl76 {
    padding-left: 63.3333333333vw;
  }
  .pr76 {
    padding-right: 63.3333333333vw;
  }
  .pt76 {
    padding-top: 63.3333333333vw;
  }
  .pb76 {
    padding-bottom: 63.3333333333vw;
  }
  .col75 {
    width: 62.5vw;
  }
  .m75 {
    margin: 62.5vw;
  }
  .ml75 {
    margin-left: 62.5vw;
  }
  .mr75 {
    margin-right: 62.5vw;
  }
  .mt75 {
    margin-top: 62.5vw;
  }
  .mb75 {
    margin-bottom: 62.5vw;
  }
  .p75 {
    padding: 62.5vw;
  }
  .pl75 {
    padding-left: 62.5vw;
  }
  .pr75 {
    padding-right: 62.5vw;
  }
  .pt75 {
    padding-top: 62.5vw;
  }
  .pb75 {
    padding-bottom: 62.5vw;
  }
  .col74 {
    width: 61.6666666667vw;
  }
  .m74 {
    margin: 61.6666666667vw;
  }
  .ml74 {
    margin-left: 61.6666666667vw;
  }
  .mr74 {
    margin-right: 61.6666666667vw;
  }
  .mt74 {
    margin-top: 61.6666666667vw;
  }
  .mb74 {
    margin-bottom: 61.6666666667vw;
  }
  .p74 {
    padding: 61.6666666667vw;
  }
  .pl74 {
    padding-left: 61.6666666667vw;
  }
  .pr74 {
    padding-right: 61.6666666667vw;
  }
  .pt74 {
    padding-top: 61.6666666667vw;
  }
  .pb74 {
    padding-bottom: 61.6666666667vw;
  }
  .col73 {
    width: 60.8333333333vw;
  }
  .m73 {
    margin: 60.8333333333vw;
  }
  .ml73 {
    margin-left: 60.8333333333vw;
  }
  .mr73 {
    margin-right: 60.8333333333vw;
  }
  .mt73 {
    margin-top: 60.8333333333vw;
  }
  .mb73 {
    margin-bottom: 60.8333333333vw;
  }
  .p73 {
    padding: 60.8333333333vw;
  }
  .pl73 {
    padding-left: 60.8333333333vw;
  }
  .pr73 {
    padding-right: 60.8333333333vw;
  }
  .pt73 {
    padding-top: 60.8333333333vw;
  }
  .pb73 {
    padding-bottom: 60.8333333333vw;
  }
  .col72 {
    width: 60vw;
  }
  .m72 {
    margin: 60vw;
  }
  .ml72 {
    margin-left: 60vw;
  }
  .mr72 {
    margin-right: 60vw;
  }
  .mt72 {
    margin-top: 60vw;
  }
  .mb72 {
    margin-bottom: 60vw;
  }
  .p72 {
    padding: 60vw;
  }
  .pl72 {
    padding-left: 60vw;
  }
  .pr72 {
    padding-right: 60vw;
  }
  .pt72 {
    padding-top: 60vw;
  }
  .pb72 {
    padding-bottom: 60vw;
  }
  .col71 {
    width: 59.1666666667vw;
  }
  .m71 {
    margin: 59.1666666667vw;
  }
  .ml71 {
    margin-left: 59.1666666667vw;
  }
  .mr71 {
    margin-right: 59.1666666667vw;
  }
  .mt71 {
    margin-top: 59.1666666667vw;
  }
  .mb71 {
    margin-bottom: 59.1666666667vw;
  }
  .p71 {
    padding: 59.1666666667vw;
  }
  .pl71 {
    padding-left: 59.1666666667vw;
  }
  .pr71 {
    padding-right: 59.1666666667vw;
  }
  .pt71 {
    padding-top: 59.1666666667vw;
  }
  .pb71 {
    padding-bottom: 59.1666666667vw;
  }
  .col70 {
    width: 58.3333333333vw;
  }
  .m70 {
    margin: 58.3333333333vw;
  }
  .ml70 {
    margin-left: 58.3333333333vw;
  }
  .mr70 {
    margin-right: 58.3333333333vw;
  }
  .mt70 {
    margin-top: 58.3333333333vw;
  }
  .mb70 {
    margin-bottom: 58.3333333333vw;
  }
  .p70 {
    padding: 58.3333333333vw;
  }
  .pl70 {
    padding-left: 58.3333333333vw;
  }
  .pr70 {
    padding-right: 58.3333333333vw;
  }
  .pt70 {
    padding-top: 58.3333333333vw;
  }
  .pb70 {
    padding-bottom: 58.3333333333vw;
  }
  .col69 {
    width: 57.5vw;
  }
  .m69 {
    margin: 57.5vw;
  }
  .ml69 {
    margin-left: 57.5vw;
  }
  .mr69 {
    margin-right: 57.5vw;
  }
  .mt69 {
    margin-top: 57.5vw;
  }
  .mb69 {
    margin-bottom: 57.5vw;
  }
  .p69 {
    padding: 57.5vw;
  }
  .pl69 {
    padding-left: 57.5vw;
  }
  .pr69 {
    padding-right: 57.5vw;
  }
  .pt69 {
    padding-top: 57.5vw;
  }
  .pb69 {
    padding-bottom: 57.5vw;
  }
  .col68 {
    width: 56.6666666667vw;
  }
  .m68 {
    margin: 56.6666666667vw;
  }
  .ml68 {
    margin-left: 56.6666666667vw;
  }
  .mr68 {
    margin-right: 56.6666666667vw;
  }
  .mt68 {
    margin-top: 56.6666666667vw;
  }
  .mb68 {
    margin-bottom: 56.6666666667vw;
  }
  .p68 {
    padding: 56.6666666667vw;
  }
  .pl68 {
    padding-left: 56.6666666667vw;
  }
  .pr68 {
    padding-right: 56.6666666667vw;
  }
  .pt68 {
    padding-top: 56.6666666667vw;
  }
  .pb68 {
    padding-bottom: 56.6666666667vw;
  }
  .col67 {
    width: 55.8333333333vw;
  }
  .m67 {
    margin: 55.8333333333vw;
  }
  .ml67 {
    margin-left: 55.8333333333vw;
  }
  .mr67 {
    margin-right: 55.8333333333vw;
  }
  .mt67 {
    margin-top: 55.8333333333vw;
  }
  .mb67 {
    margin-bottom: 55.8333333333vw;
  }
  .p67 {
    padding: 55.8333333333vw;
  }
  .pl67 {
    padding-left: 55.8333333333vw;
  }
  .pr67 {
    padding-right: 55.8333333333vw;
  }
  .pt67 {
    padding-top: 55.8333333333vw;
  }
  .pb67 {
    padding-bottom: 55.8333333333vw;
  }
  .col66 {
    width: 55vw;
  }
  .m66 {
    margin: 55vw;
  }
  .ml66 {
    margin-left: 55vw;
  }
  .mr66 {
    margin-right: 55vw;
  }
  .mt66 {
    margin-top: 55vw;
  }
  .mb66 {
    margin-bottom: 55vw;
  }
  .p66 {
    padding: 55vw;
  }
  .pl66 {
    padding-left: 55vw;
  }
  .pr66 {
    padding-right: 55vw;
  }
  .pt66 {
    padding-top: 55vw;
  }
  .pb66 {
    padding-bottom: 55vw;
  }
  .col65 {
    width: 54.1666666667vw;
  }
  .m65 {
    margin: 54.1666666667vw;
  }
  .ml65 {
    margin-left: 54.1666666667vw;
  }
  .mr65 {
    margin-right: 54.1666666667vw;
  }
  .mt65 {
    margin-top: 54.1666666667vw;
  }
  .mb65 {
    margin-bottom: 54.1666666667vw;
  }
  .p65 {
    padding: 54.1666666667vw;
  }
  .pl65 {
    padding-left: 54.1666666667vw;
  }
  .pr65 {
    padding-right: 54.1666666667vw;
  }
  .pt65 {
    padding-top: 54.1666666667vw;
  }
  .pb65 {
    padding-bottom: 54.1666666667vw;
  }
  .col64 {
    width: 53.3333333333vw;
  }
  .m64 {
    margin: 53.3333333333vw;
  }
  .ml64 {
    margin-left: 53.3333333333vw;
  }
  .mr64 {
    margin-right: 53.3333333333vw;
  }
  .mt64 {
    margin-top: 53.3333333333vw;
  }
  .mb64 {
    margin-bottom: 53.3333333333vw;
  }
  .p64 {
    padding: 53.3333333333vw;
  }
  .pl64 {
    padding-left: 53.3333333333vw;
  }
  .pr64 {
    padding-right: 53.3333333333vw;
  }
  .pt64 {
    padding-top: 53.3333333333vw;
  }
  .pb64 {
    padding-bottom: 53.3333333333vw;
  }
  .col63 {
    width: 52.5vw;
  }
  .m63 {
    margin: 52.5vw;
  }
  .ml63 {
    margin-left: 52.5vw;
  }
  .mr63 {
    margin-right: 52.5vw;
  }
  .mt63 {
    margin-top: 52.5vw;
  }
  .mb63 {
    margin-bottom: 52.5vw;
  }
  .p63 {
    padding: 52.5vw;
  }
  .pl63 {
    padding-left: 52.5vw;
  }
  .pr63 {
    padding-right: 52.5vw;
  }
  .pt63 {
    padding-top: 52.5vw;
  }
  .pb63 {
    padding-bottom: 52.5vw;
  }
  .col62 {
    width: 51.6666666667vw;
  }
  .m62 {
    margin: 51.6666666667vw;
  }
  .ml62 {
    margin-left: 51.6666666667vw;
  }
  .mr62 {
    margin-right: 51.6666666667vw;
  }
  .mt62 {
    margin-top: 51.6666666667vw;
  }
  .mb62 {
    margin-bottom: 51.6666666667vw;
  }
  .p62 {
    padding: 51.6666666667vw;
  }
  .pl62 {
    padding-left: 51.6666666667vw;
  }
  .pr62 {
    padding-right: 51.6666666667vw;
  }
  .pt62 {
    padding-top: 51.6666666667vw;
  }
  .pb62 {
    padding-bottom: 51.6666666667vw;
  }
  .col61 {
    width: 50.8333333333vw;
  }
  .m61 {
    margin: 50.8333333333vw;
  }
  .ml61 {
    margin-left: 50.8333333333vw;
  }
  .mr61 {
    margin-right: 50.8333333333vw;
  }
  .mt61 {
    margin-top: 50.8333333333vw;
  }
  .mb61 {
    margin-bottom: 50.8333333333vw;
  }
  .p61 {
    padding: 50.8333333333vw;
  }
  .pl61 {
    padding-left: 50.8333333333vw;
  }
  .pr61 {
    padding-right: 50.8333333333vw;
  }
  .pt61 {
    padding-top: 50.8333333333vw;
  }
  .pb61 {
    padding-bottom: 50.8333333333vw;
  }
  .col60 {
    width: 50vw;
  }
  .m60 {
    margin: 50vw;
  }
  .ml60 {
    margin-left: 50vw;
  }
  .mr60 {
    margin-right: 50vw;
  }
  .mt60 {
    margin-top: 50vw;
  }
  .mb60 {
    margin-bottom: 50vw;
  }
  .p60 {
    padding: 50vw;
  }
  .pl60 {
    padding-left: 50vw;
  }
  .pr60 {
    padding-right: 50vw;
  }
  .pt60 {
    padding-top: 50vw;
  }
  .pb60 {
    padding-bottom: 50vw;
  }
  .col59 {
    width: 49.1666666667vw;
  }
  .m59 {
    margin: 49.1666666667vw;
  }
  .ml59 {
    margin-left: 49.1666666667vw;
  }
  .mr59 {
    margin-right: 49.1666666667vw;
  }
  .mt59 {
    margin-top: 49.1666666667vw;
  }
  .mb59 {
    margin-bottom: 49.1666666667vw;
  }
  .p59 {
    padding: 49.1666666667vw;
  }
  .pl59 {
    padding-left: 49.1666666667vw;
  }
  .pr59 {
    padding-right: 49.1666666667vw;
  }
  .pt59 {
    padding-top: 49.1666666667vw;
  }
  .pb59 {
    padding-bottom: 49.1666666667vw;
  }
  .col58 {
    width: 48.3333333333vw;
  }
  .m58 {
    margin: 48.3333333333vw;
  }
  .ml58 {
    margin-left: 48.3333333333vw;
  }
  .mr58 {
    margin-right: 48.3333333333vw;
  }
  .mt58 {
    margin-top: 48.3333333333vw;
  }
  .mb58 {
    margin-bottom: 48.3333333333vw;
  }
  .p58 {
    padding: 48.3333333333vw;
  }
  .pl58 {
    padding-left: 48.3333333333vw;
  }
  .pr58 {
    padding-right: 48.3333333333vw;
  }
  .pt58 {
    padding-top: 48.3333333333vw;
  }
  .pb58 {
    padding-bottom: 48.3333333333vw;
  }
  .col57 {
    width: 47.5vw;
  }
  .m57 {
    margin: 47.5vw;
  }
  .ml57 {
    margin-left: 47.5vw;
  }
  .mr57 {
    margin-right: 47.5vw;
  }
  .mt57 {
    margin-top: 47.5vw;
  }
  .mb57 {
    margin-bottom: 47.5vw;
  }
  .p57 {
    padding: 47.5vw;
  }
  .pl57 {
    padding-left: 47.5vw;
  }
  .pr57 {
    padding-right: 47.5vw;
  }
  .pt57 {
    padding-top: 47.5vw;
  }
  .pb57 {
    padding-bottom: 47.5vw;
  }
  .col56 {
    width: 46.6666666667vw;
  }
  .m56 {
    margin: 46.6666666667vw;
  }
  .ml56 {
    margin-left: 46.6666666667vw;
  }
  .mr56 {
    margin-right: 46.6666666667vw;
  }
  .mt56 {
    margin-top: 46.6666666667vw;
  }
  .mb56 {
    margin-bottom: 46.6666666667vw;
  }
  .p56 {
    padding: 46.6666666667vw;
  }
  .pl56 {
    padding-left: 46.6666666667vw;
  }
  .pr56 {
    padding-right: 46.6666666667vw;
  }
  .pt56 {
    padding-top: 46.6666666667vw;
  }
  .pb56 {
    padding-bottom: 46.6666666667vw;
  }
  .col55 {
    width: 45.8333333333vw;
  }
  .m55 {
    margin: 45.8333333333vw;
  }
  .ml55 {
    margin-left: 45.8333333333vw;
  }
  .mr55 {
    margin-right: 45.8333333333vw;
  }
  .mt55 {
    margin-top: 45.8333333333vw;
  }
  .mb55 {
    margin-bottom: 45.8333333333vw;
  }
  .p55 {
    padding: 45.8333333333vw;
  }
  .pl55 {
    padding-left: 45.8333333333vw;
  }
  .pr55 {
    padding-right: 45.8333333333vw;
  }
  .pt55 {
    padding-top: 45.8333333333vw;
  }
  .pb55 {
    padding-bottom: 45.8333333333vw;
  }
  .col54 {
    width: 45vw;
  }
  .m54 {
    margin: 45vw;
  }
  .ml54 {
    margin-left: 45vw;
  }
  .mr54 {
    margin-right: 45vw;
  }
  .mt54 {
    margin-top: 45vw;
  }
  .mb54 {
    margin-bottom: 45vw;
  }
  .p54 {
    padding: 45vw;
  }
  .pl54 {
    padding-left: 45vw;
  }
  .pr54 {
    padding-right: 45vw;
  }
  .pt54 {
    padding-top: 45vw;
  }
  .pb54 {
    padding-bottom: 45vw;
  }
  .col53 {
    width: 44.1666666667vw;
  }
  .m53 {
    margin: 44.1666666667vw;
  }
  .ml53 {
    margin-left: 44.1666666667vw;
  }
  .mr53 {
    margin-right: 44.1666666667vw;
  }
  .mt53 {
    margin-top: 44.1666666667vw;
  }
  .mb53 {
    margin-bottom: 44.1666666667vw;
  }
  .p53 {
    padding: 44.1666666667vw;
  }
  .pl53 {
    padding-left: 44.1666666667vw;
  }
  .pr53 {
    padding-right: 44.1666666667vw;
  }
  .pt53 {
    padding-top: 44.1666666667vw;
  }
  .pb53 {
    padding-bottom: 44.1666666667vw;
  }
  .col52 {
    width: 43.3333333333vw;
  }
  .m52 {
    margin: 43.3333333333vw;
  }
  .ml52 {
    margin-left: 43.3333333333vw;
  }
  .mr52 {
    margin-right: 43.3333333333vw;
  }
  .mt52 {
    margin-top: 43.3333333333vw;
  }
  .mb52 {
    margin-bottom: 43.3333333333vw;
  }
  .p52 {
    padding: 43.3333333333vw;
  }
  .pl52 {
    padding-left: 43.3333333333vw;
  }
  .pr52 {
    padding-right: 43.3333333333vw;
  }
  .pt52 {
    padding-top: 43.3333333333vw;
  }
  .pb52 {
    padding-bottom: 43.3333333333vw;
  }
  .col51 {
    width: 42.5vw;
  }
  .m51 {
    margin: 42.5vw;
  }
  .ml51 {
    margin-left: 42.5vw;
  }
  .mr51 {
    margin-right: 42.5vw;
  }
  .mt51 {
    margin-top: 42.5vw;
  }
  .mb51 {
    margin-bottom: 42.5vw;
  }
  .p51 {
    padding: 42.5vw;
  }
  .pl51 {
    padding-left: 42.5vw;
  }
  .pr51 {
    padding-right: 42.5vw;
  }
  .pt51 {
    padding-top: 42.5vw;
  }
  .pb51 {
    padding-bottom: 42.5vw;
  }
  .col50 {
    width: 41.6666666667vw;
  }
  .m50 {
    margin: 41.6666666667vw;
  }
  .ml50 {
    margin-left: 41.6666666667vw;
  }
  .mr50 {
    margin-right: 41.6666666667vw;
  }
  .mt50 {
    margin-top: 41.6666666667vw;
  }
  .mb50 {
    margin-bottom: 41.6666666667vw;
  }
  .p50 {
    padding: 41.6666666667vw;
  }
  .pl50 {
    padding-left: 41.6666666667vw;
  }
  .pr50 {
    padding-right: 41.6666666667vw;
  }
  .pt50 {
    padding-top: 41.6666666667vw;
  }
  .pb50 {
    padding-bottom: 41.6666666667vw;
  }
  .col49 {
    width: 40.8333333333vw;
  }
  .m49 {
    margin: 40.8333333333vw;
  }
  .ml49 {
    margin-left: 40.8333333333vw;
  }
  .mr49 {
    margin-right: 40.8333333333vw;
  }
  .mt49 {
    margin-top: 40.8333333333vw;
  }
  .mb49 {
    margin-bottom: 40.8333333333vw;
  }
  .p49 {
    padding: 40.8333333333vw;
  }
  .pl49 {
    padding-left: 40.8333333333vw;
  }
  .pr49 {
    padding-right: 40.8333333333vw;
  }
  .pt49 {
    padding-top: 40.8333333333vw;
  }
  .pb49 {
    padding-bottom: 40.8333333333vw;
  }
  .col48 {
    width: 40vw;
  }
  .m48 {
    margin: 40vw;
  }
  .ml48 {
    margin-left: 40vw;
  }
  .mr48 {
    margin-right: 40vw;
  }
  .mt48 {
    margin-top: 40vw;
  }
  .mb48 {
    margin-bottom: 40vw;
  }
  .p48 {
    padding: 40vw;
  }
  .pl48 {
    padding-left: 40vw;
  }
  .pr48 {
    padding-right: 40vw;
  }
  .pt48 {
    padding-top: 40vw;
  }
  .pb48 {
    padding-bottom: 40vw;
  }
  .col47 {
    width: 39.1666666667vw;
  }
  .m47 {
    margin: 39.1666666667vw;
  }
  .ml47 {
    margin-left: 39.1666666667vw;
  }
  .mr47 {
    margin-right: 39.1666666667vw;
  }
  .mt47 {
    margin-top: 39.1666666667vw;
  }
  .mb47 {
    margin-bottom: 39.1666666667vw;
  }
  .p47 {
    padding: 39.1666666667vw;
  }
  .pl47 {
    padding-left: 39.1666666667vw;
  }
  .pr47 {
    padding-right: 39.1666666667vw;
  }
  .pt47 {
    padding-top: 39.1666666667vw;
  }
  .pb47 {
    padding-bottom: 39.1666666667vw;
  }
  .col46 {
    width: 38.3333333333vw;
  }
  .m46 {
    margin: 38.3333333333vw;
  }
  .ml46 {
    margin-left: 38.3333333333vw;
  }
  .mr46 {
    margin-right: 38.3333333333vw;
  }
  .mt46 {
    margin-top: 38.3333333333vw;
  }
  .mb46 {
    margin-bottom: 38.3333333333vw;
  }
  .p46 {
    padding: 38.3333333333vw;
  }
  .pl46 {
    padding-left: 38.3333333333vw;
  }
  .pr46 {
    padding-right: 38.3333333333vw;
  }
  .pt46 {
    padding-top: 38.3333333333vw;
  }
  .pb46 {
    padding-bottom: 38.3333333333vw;
  }
  .col45 {
    width: 37.5vw;
  }
  .m45 {
    margin: 37.5vw;
  }
  .ml45 {
    margin-left: 37.5vw;
  }
  .mr45 {
    margin-right: 37.5vw;
  }
  .mt45 {
    margin-top: 37.5vw;
  }
  .mb45 {
    margin-bottom: 37.5vw;
  }
  .p45 {
    padding: 37.5vw;
  }
  .pl45 {
    padding-left: 37.5vw;
  }
  .pr45 {
    padding-right: 37.5vw;
  }
  .pt45 {
    padding-top: 37.5vw;
  }
  .pb45 {
    padding-bottom: 37.5vw;
  }
  .col44 {
    width: 36.6666666667vw;
  }
  .m44 {
    margin: 36.6666666667vw;
  }
  .ml44 {
    margin-left: 36.6666666667vw;
  }
  .mr44 {
    margin-right: 36.6666666667vw;
  }
  .mt44 {
    margin-top: 36.6666666667vw;
  }
  .mb44 {
    margin-bottom: 36.6666666667vw;
  }
  .p44 {
    padding: 36.6666666667vw;
  }
  .pl44 {
    padding-left: 36.6666666667vw;
  }
  .pr44 {
    padding-right: 36.6666666667vw;
  }
  .pt44 {
    padding-top: 36.6666666667vw;
  }
  .pb44 {
    padding-bottom: 36.6666666667vw;
  }
  .col43 {
    width: 35.8333333333vw;
  }
  .m43 {
    margin: 35.8333333333vw;
  }
  .ml43 {
    margin-left: 35.8333333333vw;
  }
  .mr43 {
    margin-right: 35.8333333333vw;
  }
  .mt43 {
    margin-top: 35.8333333333vw;
  }
  .mb43 {
    margin-bottom: 35.8333333333vw;
  }
  .p43 {
    padding: 35.8333333333vw;
  }
  .pl43 {
    padding-left: 35.8333333333vw;
  }
  .pr43 {
    padding-right: 35.8333333333vw;
  }
  .pt43 {
    padding-top: 35.8333333333vw;
  }
  .pb43 {
    padding-bottom: 35.8333333333vw;
  }
  .col42 {
    width: 35vw;
  }
  .m42 {
    margin: 35vw;
  }
  .ml42 {
    margin-left: 35vw;
  }
  .mr42 {
    margin-right: 35vw;
  }
  .mt42 {
    margin-top: 35vw;
  }
  .mb42 {
    margin-bottom: 35vw;
  }
  .p42 {
    padding: 35vw;
  }
  .pl42 {
    padding-left: 35vw;
  }
  .pr42 {
    padding-right: 35vw;
  }
  .pt42 {
    padding-top: 35vw;
  }
  .pb42 {
    padding-bottom: 35vw;
  }
  .col41 {
    width: 34.1666666667vw;
  }
  .m41 {
    margin: 34.1666666667vw;
  }
  .ml41 {
    margin-left: 34.1666666667vw;
  }
  .mr41 {
    margin-right: 34.1666666667vw;
  }
  .mt41 {
    margin-top: 34.1666666667vw;
  }
  .mb41 {
    margin-bottom: 34.1666666667vw;
  }
  .p41 {
    padding: 34.1666666667vw;
  }
  .pl41 {
    padding-left: 34.1666666667vw;
  }
  .pr41 {
    padding-right: 34.1666666667vw;
  }
  .pt41 {
    padding-top: 34.1666666667vw;
  }
  .pb41 {
    padding-bottom: 34.1666666667vw;
  }
  .col40 {
    width: 33.3333333333vw;
  }
  .m40 {
    margin: 33.3333333333vw;
  }
  .ml40 {
    margin-left: 33.3333333333vw;
  }
  .mr40 {
    margin-right: 33.3333333333vw;
  }
  .mt40 {
    margin-top: 33.3333333333vw;
  }
  .mb40 {
    margin-bottom: 33.3333333333vw;
  }
  .p40 {
    padding: 33.3333333333vw;
  }
  .pl40 {
    padding-left: 33.3333333333vw;
  }
  .pr40 {
    padding-right: 33.3333333333vw;
  }
  .pt40 {
    padding-top: 33.3333333333vw;
  }
  .pb40 {
    padding-bottom: 33.3333333333vw;
  }
  .col39 {
    width: 32.5vw;
  }
  .m39 {
    margin: 32.5vw;
  }
  .ml39 {
    margin-left: 32.5vw;
  }
  .mr39 {
    margin-right: 32.5vw;
  }
  .mt39 {
    margin-top: 32.5vw;
  }
  .mb39 {
    margin-bottom: 32.5vw;
  }
  .p39 {
    padding: 32.5vw;
  }
  .pl39 {
    padding-left: 32.5vw;
  }
  .pr39 {
    padding-right: 32.5vw;
  }
  .pt39 {
    padding-top: 32.5vw;
  }
  .pb39 {
    padding-bottom: 32.5vw;
  }
  .col38 {
    width: 31.6666666667vw;
  }
  .m38 {
    margin: 31.6666666667vw;
  }
  .ml38 {
    margin-left: 31.6666666667vw;
  }
  .mr38 {
    margin-right: 31.6666666667vw;
  }
  .mt38 {
    margin-top: 31.6666666667vw;
  }
  .mb38 {
    margin-bottom: 31.6666666667vw;
  }
  .p38 {
    padding: 31.6666666667vw;
  }
  .pl38 {
    padding-left: 31.6666666667vw;
  }
  .pr38 {
    padding-right: 31.6666666667vw;
  }
  .pt38 {
    padding-top: 31.6666666667vw;
  }
  .pb38 {
    padding-bottom: 31.6666666667vw;
  }
  .col37 {
    width: 30.8333333333vw;
  }
  .m37 {
    margin: 30.8333333333vw;
  }
  .ml37 {
    margin-left: 30.8333333333vw;
  }
  .mr37 {
    margin-right: 30.8333333333vw;
  }
  .mt37 {
    margin-top: 30.8333333333vw;
  }
  .mb37 {
    margin-bottom: 30.8333333333vw;
  }
  .p37 {
    padding: 30.8333333333vw;
  }
  .pl37 {
    padding-left: 30.8333333333vw;
  }
  .pr37 {
    padding-right: 30.8333333333vw;
  }
  .pt37 {
    padding-top: 30.8333333333vw;
  }
  .pb37 {
    padding-bottom: 30.8333333333vw;
  }
  .col36 {
    width: 30vw;
  }
  .m36 {
    margin: 30vw;
  }
  .ml36 {
    margin-left: 30vw;
  }
  .mr36 {
    margin-right: 30vw;
  }
  .mt36 {
    margin-top: 30vw;
  }
  .mb36 {
    margin-bottom: 30vw;
  }
  .p36 {
    padding: 30vw;
  }
  .pl36 {
    padding-left: 30vw;
  }
  .pr36 {
    padding-right: 30vw;
  }
  .pt36 {
    padding-top: 30vw;
  }
  .pb36 {
    padding-bottom: 30vw;
  }
  .col35 {
    width: 29.1666666667vw;
  }
  .m35 {
    margin: 29.1666666667vw;
  }
  .ml35 {
    margin-left: 29.1666666667vw;
  }
  .mr35 {
    margin-right: 29.1666666667vw;
  }
  .mt35 {
    margin-top: 29.1666666667vw;
  }
  .mb35 {
    margin-bottom: 29.1666666667vw;
  }
  .p35 {
    padding: 29.1666666667vw;
  }
  .pl35 {
    padding-left: 29.1666666667vw;
  }
  .pr35 {
    padding-right: 29.1666666667vw;
  }
  .pt35 {
    padding-top: 29.1666666667vw;
  }
  .pb35 {
    padding-bottom: 29.1666666667vw;
  }
  .col34 {
    width: 28.3333333333vw;
  }
  .m34 {
    margin: 28.3333333333vw;
  }
  .ml34 {
    margin-left: 28.3333333333vw;
  }
  .mr34 {
    margin-right: 28.3333333333vw;
  }
  .mt34 {
    margin-top: 28.3333333333vw;
  }
  .mb34 {
    margin-bottom: 28.3333333333vw;
  }
  .p34 {
    padding: 28.3333333333vw;
  }
  .pl34 {
    padding-left: 28.3333333333vw;
  }
  .pr34 {
    padding-right: 28.3333333333vw;
  }
  .pt34 {
    padding-top: 28.3333333333vw;
  }
  .pb34 {
    padding-bottom: 28.3333333333vw;
  }
  .col33 {
    width: 27.5vw;
  }
  .m33 {
    margin: 27.5vw;
  }
  .ml33 {
    margin-left: 27.5vw;
  }
  .mr33 {
    margin-right: 27.5vw;
  }
  .mt33 {
    margin-top: 27.5vw;
  }
  .mb33 {
    margin-bottom: 27.5vw;
  }
  .p33 {
    padding: 27.5vw;
  }
  .pl33 {
    padding-left: 27.5vw;
  }
  .pr33 {
    padding-right: 27.5vw;
  }
  .pt33 {
    padding-top: 27.5vw;
  }
  .pb33 {
    padding-bottom: 27.5vw;
  }
  .col32 {
    width: 26.6666666667vw;
  }
  .m32 {
    margin: 26.6666666667vw;
  }
  .ml32 {
    margin-left: 26.6666666667vw;
  }
  .mr32 {
    margin-right: 26.6666666667vw;
  }
  .mt32 {
    margin-top: 26.6666666667vw;
  }
  .mb32 {
    margin-bottom: 26.6666666667vw;
  }
  .p32 {
    padding: 26.6666666667vw;
  }
  .pl32 {
    padding-left: 26.6666666667vw;
  }
  .pr32 {
    padding-right: 26.6666666667vw;
  }
  .pt32 {
    padding-top: 26.6666666667vw;
  }
  .pb32 {
    padding-bottom: 26.6666666667vw;
  }
  .col31 {
    width: 25.8333333333vw;
  }
  .m31 {
    margin: 25.8333333333vw;
  }
  .ml31 {
    margin-left: 25.8333333333vw;
  }
  .mr31 {
    margin-right: 25.8333333333vw;
  }
  .mt31 {
    margin-top: 25.8333333333vw;
  }
  .mb31 {
    margin-bottom: 25.8333333333vw;
  }
  .p31 {
    padding: 25.8333333333vw;
  }
  .pl31 {
    padding-left: 25.8333333333vw;
  }
  .pr31 {
    padding-right: 25.8333333333vw;
  }
  .pt31 {
    padding-top: 25.8333333333vw;
  }
  .pb31 {
    padding-bottom: 25.8333333333vw;
  }
  .col30 {
    width: 25vw;
  }
  .m30 {
    margin: 25vw;
  }
  .ml30 {
    margin-left: 25vw;
  }
  .mr30 {
    margin-right: 25vw;
  }
  .mt30 {
    margin-top: 25vw;
  }
  .mb30 {
    margin-bottom: 25vw;
  }
  .p30 {
    padding: 25vw;
  }
  .pl30 {
    padding-left: 25vw;
  }
  .pr30 {
    padding-right: 25vw;
  }
  .pt30 {
    padding-top: 25vw;
  }
  .pb30 {
    padding-bottom: 25vw;
  }
  .col29 {
    width: 24.1666666667vw;
  }
  .m29 {
    margin: 24.1666666667vw;
  }
  .ml29 {
    margin-left: 24.1666666667vw;
  }
  .mr29 {
    margin-right: 24.1666666667vw;
  }
  .mt29 {
    margin-top: 24.1666666667vw;
  }
  .mb29 {
    margin-bottom: 24.1666666667vw;
  }
  .p29 {
    padding: 24.1666666667vw;
  }
  .pl29 {
    padding-left: 24.1666666667vw;
  }
  .pr29 {
    padding-right: 24.1666666667vw;
  }
  .pt29 {
    padding-top: 24.1666666667vw;
  }
  .pb29 {
    padding-bottom: 24.1666666667vw;
  }
  .col28 {
    width: 23.3333333333vw;
  }
  .m28 {
    margin: 23.3333333333vw;
  }
  .ml28 {
    margin-left: 23.3333333333vw;
  }
  .mr28 {
    margin-right: 23.3333333333vw;
  }
  .mt28 {
    margin-top: 23.3333333333vw;
  }
  .mb28 {
    margin-bottom: 23.3333333333vw;
  }
  .p28 {
    padding: 23.3333333333vw;
  }
  .pl28 {
    padding-left: 23.3333333333vw;
  }
  .pr28 {
    padding-right: 23.3333333333vw;
  }
  .pt28 {
    padding-top: 23.3333333333vw;
  }
  .pb28 {
    padding-bottom: 23.3333333333vw;
  }
  .col27 {
    width: 22.5vw;
  }
  .m27 {
    margin: 22.5vw;
  }
  .ml27 {
    margin-left: 22.5vw;
  }
  .mr27 {
    margin-right: 22.5vw;
  }
  .mt27 {
    margin-top: 22.5vw;
  }
  .mb27 {
    margin-bottom: 22.5vw;
  }
  .p27 {
    padding: 22.5vw;
  }
  .pl27 {
    padding-left: 22.5vw;
  }
  .pr27 {
    padding-right: 22.5vw;
  }
  .pt27 {
    padding-top: 22.5vw;
  }
  .pb27 {
    padding-bottom: 22.5vw;
  }
  .col26 {
    width: 21.6666666667vw;
  }
  .m26 {
    margin: 21.6666666667vw;
  }
  .ml26 {
    margin-left: 21.6666666667vw;
  }
  .mr26 {
    margin-right: 21.6666666667vw;
  }
  .mt26 {
    margin-top: 21.6666666667vw;
  }
  .mb26 {
    margin-bottom: 21.6666666667vw;
  }
  .p26 {
    padding: 21.6666666667vw;
  }
  .pl26 {
    padding-left: 21.6666666667vw;
  }
  .pr26 {
    padding-right: 21.6666666667vw;
  }
  .pt26 {
    padding-top: 21.6666666667vw;
  }
  .pb26 {
    padding-bottom: 21.6666666667vw;
  }
  .col25 {
    width: 20.8333333333vw;
  }
  .m25 {
    margin: 20.8333333333vw;
  }
  .ml25 {
    margin-left: 20.8333333333vw;
  }
  .mr25 {
    margin-right: 20.8333333333vw;
  }
  .mt25 {
    margin-top: 20.8333333333vw;
  }
  .mb25 {
    margin-bottom: 20.8333333333vw;
  }
  .p25 {
    padding: 20.8333333333vw;
  }
  .pl25 {
    padding-left: 20.8333333333vw;
  }
  .pr25 {
    padding-right: 20.8333333333vw;
  }
  .pt25 {
    padding-top: 20.8333333333vw;
  }
  .pb25 {
    padding-bottom: 20.8333333333vw;
  }
  .col24 {
    width: 20vw;
  }
  .m24 {
    margin: 20vw;
  }
  .ml24 {
    margin-left: 20vw;
  }
  .mr24 {
    margin-right: 20vw;
  }
  .mt24 {
    margin-top: 20vw;
  }
  .mb24 {
    margin-bottom: 20vw;
  }
  .p24 {
    padding: 20vw;
  }
  .pl24 {
    padding-left: 20vw;
  }
  .pr24 {
    padding-right: 20vw;
  }
  .pt24 {
    padding-top: 20vw;
  }
  .pb24 {
    padding-bottom: 20vw;
  }
  .col23 {
    width: 19.1666666667vw;
  }
  .m23 {
    margin: 19.1666666667vw;
  }
  .ml23 {
    margin-left: 19.1666666667vw;
  }
  .mr23 {
    margin-right: 19.1666666667vw;
  }
  .mt23 {
    margin-top: 19.1666666667vw;
  }
  .mb23 {
    margin-bottom: 19.1666666667vw;
  }
  .p23 {
    padding: 19.1666666667vw;
  }
  .pl23 {
    padding-left: 19.1666666667vw;
  }
  .pr23 {
    padding-right: 19.1666666667vw;
  }
  .pt23 {
    padding-top: 19.1666666667vw;
  }
  .pb23 {
    padding-bottom: 19.1666666667vw;
  }
  .col22 {
    width: 18.3333333333vw;
  }
  .m22 {
    margin: 18.3333333333vw;
  }
  .ml22 {
    margin-left: 18.3333333333vw;
  }
  .mr22 {
    margin-right: 18.3333333333vw;
  }
  .mt22 {
    margin-top: 18.3333333333vw;
  }
  .mb22 {
    margin-bottom: 18.3333333333vw;
  }
  .p22 {
    padding: 18.3333333333vw;
  }
  .pl22 {
    padding-left: 18.3333333333vw;
  }
  .pr22 {
    padding-right: 18.3333333333vw;
  }
  .pt22 {
    padding-top: 18.3333333333vw;
  }
  .pb22 {
    padding-bottom: 18.3333333333vw;
  }
  .col21 {
    width: 17.5vw;
  }
  .m21 {
    margin: 17.5vw;
  }
  .ml21 {
    margin-left: 17.5vw;
  }
  .mr21 {
    margin-right: 17.5vw;
  }
  .mt21 {
    margin-top: 17.5vw;
  }
  .mb21 {
    margin-bottom: 17.5vw;
  }
  .p21 {
    padding: 17.5vw;
  }
  .pl21 {
    padding-left: 17.5vw;
  }
  .pr21 {
    padding-right: 17.5vw;
  }
  .pt21 {
    padding-top: 17.5vw;
  }
  .pb21 {
    padding-bottom: 17.5vw;
  }
  .col20 {
    width: 16.6666666667vw;
  }
  .m20 {
    margin: 16.6666666667vw;
  }
  .ml20 {
    margin-left: 16.6666666667vw;
  }
  .mr20 {
    margin-right: 16.6666666667vw;
  }
  .mt20 {
    margin-top: 16.6666666667vw;
  }
  .mb20 {
    margin-bottom: 16.6666666667vw;
  }
  .p20 {
    padding: 16.6666666667vw;
  }
  .pl20 {
    padding-left: 16.6666666667vw;
  }
  .pr20 {
    padding-right: 16.6666666667vw;
  }
  .pt20 {
    padding-top: 16.6666666667vw;
  }
  .pb20 {
    padding-bottom: 16.6666666667vw;
  }
  .col19 {
    width: 15.8333333333vw;
  }
  .m19 {
    margin: 15.8333333333vw;
  }
  .ml19 {
    margin-left: 15.8333333333vw;
  }
  .mr19 {
    margin-right: 15.8333333333vw;
  }
  .mt19 {
    margin-top: 15.8333333333vw;
  }
  .mb19 {
    margin-bottom: 15.8333333333vw;
  }
  .p19 {
    padding: 15.8333333333vw;
  }
  .pl19 {
    padding-left: 15.8333333333vw;
  }
  .pr19 {
    padding-right: 15.8333333333vw;
  }
  .pt19 {
    padding-top: 15.8333333333vw;
  }
  .pb19 {
    padding-bottom: 15.8333333333vw;
  }
  .col18 {
    width: 15vw;
  }
  .m18 {
    margin: 15vw;
  }
  .ml18 {
    margin-left: 15vw;
  }
  .mr18 {
    margin-right: 15vw;
  }
  .mt18 {
    margin-top: 15vw;
  }
  .mb18 {
    margin-bottom: 15vw;
  }
  .p18 {
    padding: 15vw;
  }
  .pl18 {
    padding-left: 15vw;
  }
  .pr18 {
    padding-right: 15vw;
  }
  .pt18 {
    padding-top: 15vw;
  }
  .pb18 {
    padding-bottom: 15vw;
  }
  .col17 {
    width: 14.1666666667vw;
  }
  .m17 {
    margin: 14.1666666667vw;
  }
  .ml17 {
    margin-left: 14.1666666667vw;
  }
  .mr17 {
    margin-right: 14.1666666667vw;
  }
  .mt17 {
    margin-top: 14.1666666667vw;
  }
  .mb17 {
    margin-bottom: 14.1666666667vw;
  }
  .p17 {
    padding: 14.1666666667vw;
  }
  .pl17 {
    padding-left: 14.1666666667vw;
  }
  .pr17 {
    padding-right: 14.1666666667vw;
  }
  .pt17 {
    padding-top: 14.1666666667vw;
  }
  .pb17 {
    padding-bottom: 14.1666666667vw;
  }
  .col16 {
    width: 13.3333333333vw;
  }
  .m16 {
    margin: 13.3333333333vw;
  }
  .ml16 {
    margin-left: 13.3333333333vw;
  }
  .mr16 {
    margin-right: 13.3333333333vw;
  }
  .mt16 {
    margin-top: 13.3333333333vw;
  }
  .mb16 {
    margin-bottom: 13.3333333333vw;
  }
  .p16 {
    padding: 13.3333333333vw;
  }
  .pl16 {
    padding-left: 13.3333333333vw;
  }
  .pr16 {
    padding-right: 13.3333333333vw;
  }
  .pt16 {
    padding-top: 13.3333333333vw;
  }
  .pb16 {
    padding-bottom: 13.3333333333vw;
  }
  .col15 {
    width: 12.5vw;
  }
  .m15 {
    margin: 12.5vw;
  }
  .ml15 {
    margin-left: 12.5vw;
  }
  .mr15 {
    margin-right: 12.5vw;
  }
  .mt15 {
    margin-top: 12.5vw;
  }
  .mb15 {
    margin-bottom: 12.5vw;
  }
  .p15 {
    padding: 12.5vw;
  }
  .pl15 {
    padding-left: 12.5vw;
  }
  .pr15 {
    padding-right: 12.5vw;
  }
  .pt15 {
    padding-top: 12.5vw;
  }
  .pb15 {
    padding-bottom: 12.5vw;
  }
  .col14 {
    width: 11.6666666667vw;
  }
  .m14 {
    margin: 11.6666666667vw;
  }
  .ml14 {
    margin-left: 11.6666666667vw;
  }
  .mr14 {
    margin-right: 11.6666666667vw;
  }
  .mt14 {
    margin-top: 11.6666666667vw;
  }
  .mb14 {
    margin-bottom: 11.6666666667vw;
  }
  .p14 {
    padding: 11.6666666667vw;
  }
  .pl14 {
    padding-left: 11.6666666667vw;
  }
  .pr14 {
    padding-right: 11.6666666667vw;
  }
  .pt14 {
    padding-top: 11.6666666667vw;
  }
  .pb14 {
    padding-bottom: 11.6666666667vw;
  }
  .col13 {
    width: 10.8333333333vw;
  }
  .m13 {
    margin: 10.8333333333vw;
  }
  .ml13 {
    margin-left: 10.8333333333vw;
  }
  .mr13 {
    margin-right: 10.8333333333vw;
  }
  .mt13 {
    margin-top: 10.8333333333vw;
  }
  .mb13 {
    margin-bottom: 10.8333333333vw;
  }
  .p13 {
    padding: 10.8333333333vw;
  }
  .pl13 {
    padding-left: 10.8333333333vw;
  }
  .pr13 {
    padding-right: 10.8333333333vw;
  }
  .pt13 {
    padding-top: 10.8333333333vw;
  }
  .pb13 {
    padding-bottom: 10.8333333333vw;
  }
  .col12 {
    width: 10vw;
  }
  .m12 {
    margin: 10vw;
  }
  .ml12 {
    margin-left: 10vw;
  }
  .mr12 {
    margin-right: 10vw;
  }
  .mt12 {
    margin-top: 10vw;
  }
  .mb12 {
    margin-bottom: 10vw;
  }
  .p12 {
    padding: 10vw;
  }
  .pl12 {
    padding-left: 10vw;
  }
  .pr12 {
    padding-right: 10vw;
  }
  .pt12 {
    padding-top: 10vw;
  }
  .pb12 {
    padding-bottom: 10vw;
  }
  .col11 {
    width: 9.1666666667vw;
  }
  .m11 {
    margin: 9.1666666667vw;
  }
  .ml11 {
    margin-left: 9.1666666667vw;
  }
  .mr11 {
    margin-right: 9.1666666667vw;
  }
  .mt11 {
    margin-top: 9.1666666667vw;
  }
  .mb11 {
    margin-bottom: 9.1666666667vw;
  }
  .p11 {
    padding: 9.1666666667vw;
  }
  .pl11 {
    padding-left: 9.1666666667vw;
  }
  .pr11 {
    padding-right: 9.1666666667vw;
  }
  .pt11 {
    padding-top: 9.1666666667vw;
  }
  .pb11 {
    padding-bottom: 9.1666666667vw;
  }
  .col10 {
    width: 8.3333333333vw;
  }
  .m10 {
    margin: 8.3333333333vw;
  }
  .ml10 {
    margin-left: 8.3333333333vw;
  }
  .mr10 {
    margin-right: 8.3333333333vw;
  }
  .mt10 {
    margin-top: 8.3333333333vw;
  }
  .mb10 {
    margin-bottom: 8.3333333333vw;
  }
  .p10 {
    padding: 8.3333333333vw;
  }
  .pl10 {
    padding-left: 8.3333333333vw;
  }
  .pr10 {
    padding-right: 8.3333333333vw;
  }
  .pt10 {
    padding-top: 8.3333333333vw;
  }
  .pb10 {
    padding-bottom: 8.3333333333vw;
  }
  .col9 {
    width: 7.5vw;
  }
  .m9 {
    margin: 7.5vw;
  }
  .ml9 {
    margin-left: 7.5vw;
  }
  .mr9 {
    margin-right: 7.5vw;
  }
  .mt9 {
    margin-top: 7.5vw;
  }
  .mb9 {
    margin-bottom: 7.5vw;
  }
  .p9 {
    padding: 7.5vw;
  }
  .pl9 {
    padding-left: 7.5vw;
  }
  .pr9 {
    padding-right: 7.5vw;
  }
  .pt9 {
    padding-top: 7.5vw;
  }
  .pb9 {
    padding-bottom: 7.5vw;
  }
  .col8 {
    width: 6.6666666667vw;
  }
  .m8 {
    margin: 6.6666666667vw;
  }
  .ml8 {
    margin-left: 6.6666666667vw;
  }
  .mr8 {
    margin-right: 6.6666666667vw;
  }
  .mt8 {
    margin-top: 6.6666666667vw;
  }
  .mb8 {
    margin-bottom: 6.6666666667vw;
  }
  .p8 {
    padding: 6.6666666667vw;
  }
  .pl8 {
    padding-left: 6.6666666667vw;
  }
  .pr8 {
    padding-right: 6.6666666667vw;
  }
  .pt8 {
    padding-top: 6.6666666667vw;
  }
  .pb8 {
    padding-bottom: 6.6666666667vw;
  }
  .col7 {
    width: 5.8333333333vw;
  }
  .m7 {
    margin: 5.8333333333vw;
  }
  .ml7 {
    margin-left: 5.8333333333vw;
  }
  .mr7 {
    margin-right: 5.8333333333vw;
  }
  .mt7 {
    margin-top: 5.8333333333vw;
  }
  .mb7 {
    margin-bottom: 5.8333333333vw;
  }
  .p7 {
    padding: 5.8333333333vw;
  }
  .pl7 {
    padding-left: 5.8333333333vw;
  }
  .pr7 {
    padding-right: 5.8333333333vw;
  }
  .pt7 {
    padding-top: 5.8333333333vw;
  }
  .pb7 {
    padding-bottom: 5.8333333333vw;
  }
  .col6 {
    width: 5vw;
  }
  .m6 {
    margin: 5vw;
  }
  .ml6 {
    margin-left: 5vw;
  }
  .mr6 {
    margin-right: 5vw;
  }
  .mt6 {
    margin-top: 5vw;
  }
  .mb6 {
    margin-bottom: 5vw;
  }
  .p6 {
    padding: 5vw;
  }
  .pl6 {
    padding-left: 5vw;
  }
  .pr6 {
    padding-right: 5vw;
  }
  .pt6 {
    padding-top: 5vw;
  }
  .pb6 {
    padding-bottom: 5vw;
  }
  .col5 {
    width: 4.1666666667vw;
  }
  .m5 {
    margin: 4.1666666667vw;
  }
  .ml5 {
    margin-left: 4.1666666667vw;
  }
  .mr5 {
    margin-right: 4.1666666667vw;
  }
  .mt5 {
    margin-top: 4.1666666667vw;
  }
  .mb5 {
    margin-bottom: 4.1666666667vw;
  }
  .p5 {
    padding: 4.1666666667vw;
  }
  .pl5 {
    padding-left: 4.1666666667vw;
  }
  .pr5 {
    padding-right: 4.1666666667vw;
  }
  .pt5 {
    padding-top: 4.1666666667vw;
  }
  .pb5 {
    padding-bottom: 4.1666666667vw;
  }
  .col4 {
    width: 3.3333333333vw;
  }
  .m4 {
    margin: 3.3333333333vw;
  }
  .ml4 {
    margin-left: 3.3333333333vw;
  }
  .mr4 {
    margin-right: 3.3333333333vw;
  }
  .mt4 {
    margin-top: 3.3333333333vw;
  }
  .mb4 {
    margin-bottom: 3.3333333333vw;
  }
  .p4 {
    padding: 3.3333333333vw;
  }
  .pl4 {
    padding-left: 3.3333333333vw;
  }
  .pr4 {
    padding-right: 3.3333333333vw;
  }
  .pt4 {
    padding-top: 3.3333333333vw;
  }
  .pb4 {
    padding-bottom: 3.3333333333vw;
  }
  .col3 {
    width: 2.5vw;
  }
  .m3 {
    margin: 2.5vw;
  }
  .ml3 {
    margin-left: 2.5vw;
  }
  .mr3 {
    margin-right: 2.5vw;
  }
  .mt3 {
    margin-top: 2.5vw;
  }
  .mb3 {
    margin-bottom: 2.5vw;
  }
  .p3 {
    padding: 2.5vw;
  }
  .pl3 {
    padding-left: 2.5vw;
  }
  .pr3 {
    padding-right: 2.5vw;
  }
  .pt3 {
    padding-top: 2.5vw;
  }
  .pb3 {
    padding-bottom: 2.5vw;
  }
  .col2 {
    width: 1.6666666667vw;
  }
  .m2 {
    margin: 1.6666666667vw;
  }
  .ml2 {
    margin-left: 1.6666666667vw;
  }
  .mr2 {
    margin-right: 1.6666666667vw;
  }
  .mt2 {
    margin-top: 1.6666666667vw;
  }
  .mb2 {
    margin-bottom: 1.6666666667vw;
  }
  .p2 {
    padding: 1.6666666667vw;
  }
  .pl2 {
    padding-left: 1.6666666667vw;
  }
  .pr2 {
    padding-right: 1.6666666667vw;
  }
  .pt2 {
    padding-top: 1.6666666667vw;
  }
  .pb2 {
    padding-bottom: 1.6666666667vw;
  }
  .col1 {
    width: 0.8333333333vw;
  }
  .m1 {
    margin: 0.8333333333vw;
  }
  .ml1 {
    margin-left: 0.8333333333vw;
  }
  .mr1 {
    margin-right: 0.8333333333vw;
  }
  .mt1 {
    margin-top: 0.8333333333vw;
  }
  .mb1 {
    margin-bottom: 0.8333333333vw;
  }
  .p1 {
    padding: 0.8333333333vw;
  }
  .pl1 {
    padding-left: 0.8333333333vw;
  }
  .pr1 {
    padding-right: 0.8333333333vw;
  }
  .pt1 {
    padding-top: 0.8333333333vw;
  }
  .pb1 {
    padding-bottom: 0.8333333333vw;
  }
}
@media screen and (min-width: 1501px) {
  .col120 {
    width: 80vw;
  }
  .m120 {
    margin: 80vw;
  }
  .ml120 {
    margin-left: 80vw;
  }
  .mr120 {
    margin-right: 80vw;
  }
  .mt120 {
    margin-top: 80vw;
  }
  .mb120 {
    margin-bottom: 80vw;
  }
  .p120 {
    padding: 80vw;
  }
  .pl120 {
    padding-left: 80vw;
  }
  .pr120 {
    padding-right: 80vw;
  }
  .pt120 {
    padding-top: 80vw;
  }
  .pb120 {
    padding-bottom: 80vw;
  }
  .col119 {
    width: 79.3333333333vw;
  }
  .m119 {
    margin: 79.3333333333vw;
  }
  .ml119 {
    margin-left: 79.3333333333vw;
  }
  .mr119 {
    margin-right: 79.3333333333vw;
  }
  .mt119 {
    margin-top: 79.3333333333vw;
  }
  .mb119 {
    margin-bottom: 79.3333333333vw;
  }
  .p119 {
    padding: 79.3333333333vw;
  }
  .pl119 {
    padding-left: 79.3333333333vw;
  }
  .pr119 {
    padding-right: 79.3333333333vw;
  }
  .pt119 {
    padding-top: 79.3333333333vw;
  }
  .pb119 {
    padding-bottom: 79.3333333333vw;
  }
  .col118 {
    width: 78.6666666667vw;
  }
  .m118 {
    margin: 78.6666666667vw;
  }
  .ml118 {
    margin-left: 78.6666666667vw;
  }
  .mr118 {
    margin-right: 78.6666666667vw;
  }
  .mt118 {
    margin-top: 78.6666666667vw;
  }
  .mb118 {
    margin-bottom: 78.6666666667vw;
  }
  .p118 {
    padding: 78.6666666667vw;
  }
  .pl118 {
    padding-left: 78.6666666667vw;
  }
  .pr118 {
    padding-right: 78.6666666667vw;
  }
  .pt118 {
    padding-top: 78.6666666667vw;
  }
  .pb118 {
    padding-bottom: 78.6666666667vw;
  }
  .col117 {
    width: 78vw;
  }
  .m117 {
    margin: 78vw;
  }
  .ml117 {
    margin-left: 78vw;
  }
  .mr117 {
    margin-right: 78vw;
  }
  .mt117 {
    margin-top: 78vw;
  }
  .mb117 {
    margin-bottom: 78vw;
  }
  .p117 {
    padding: 78vw;
  }
  .pl117 {
    padding-left: 78vw;
  }
  .pr117 {
    padding-right: 78vw;
  }
  .pt117 {
    padding-top: 78vw;
  }
  .pb117 {
    padding-bottom: 78vw;
  }
  .col116 {
    width: 77.3333333333vw;
  }
  .m116 {
    margin: 77.3333333333vw;
  }
  .ml116 {
    margin-left: 77.3333333333vw;
  }
  .mr116 {
    margin-right: 77.3333333333vw;
  }
  .mt116 {
    margin-top: 77.3333333333vw;
  }
  .mb116 {
    margin-bottom: 77.3333333333vw;
  }
  .p116 {
    padding: 77.3333333333vw;
  }
  .pl116 {
    padding-left: 77.3333333333vw;
  }
  .pr116 {
    padding-right: 77.3333333333vw;
  }
  .pt116 {
    padding-top: 77.3333333333vw;
  }
  .pb116 {
    padding-bottom: 77.3333333333vw;
  }
  .col115 {
    width: 76.6666666667vw;
  }
  .m115 {
    margin: 76.6666666667vw;
  }
  .ml115 {
    margin-left: 76.6666666667vw;
  }
  .mr115 {
    margin-right: 76.6666666667vw;
  }
  .mt115 {
    margin-top: 76.6666666667vw;
  }
  .mb115 {
    margin-bottom: 76.6666666667vw;
  }
  .p115 {
    padding: 76.6666666667vw;
  }
  .pl115 {
    padding-left: 76.6666666667vw;
  }
  .pr115 {
    padding-right: 76.6666666667vw;
  }
  .pt115 {
    padding-top: 76.6666666667vw;
  }
  .pb115 {
    padding-bottom: 76.6666666667vw;
  }
  .col114 {
    width: 76vw;
  }
  .m114 {
    margin: 76vw;
  }
  .ml114 {
    margin-left: 76vw;
  }
  .mr114 {
    margin-right: 76vw;
  }
  .mt114 {
    margin-top: 76vw;
  }
  .mb114 {
    margin-bottom: 76vw;
  }
  .p114 {
    padding: 76vw;
  }
  .pl114 {
    padding-left: 76vw;
  }
  .pr114 {
    padding-right: 76vw;
  }
  .pt114 {
    padding-top: 76vw;
  }
  .pb114 {
    padding-bottom: 76vw;
  }
  .col113 {
    width: 75.3333333333vw;
  }
  .m113 {
    margin: 75.3333333333vw;
  }
  .ml113 {
    margin-left: 75.3333333333vw;
  }
  .mr113 {
    margin-right: 75.3333333333vw;
  }
  .mt113 {
    margin-top: 75.3333333333vw;
  }
  .mb113 {
    margin-bottom: 75.3333333333vw;
  }
  .p113 {
    padding: 75.3333333333vw;
  }
  .pl113 {
    padding-left: 75.3333333333vw;
  }
  .pr113 {
    padding-right: 75.3333333333vw;
  }
  .pt113 {
    padding-top: 75.3333333333vw;
  }
  .pb113 {
    padding-bottom: 75.3333333333vw;
  }
  .col112 {
    width: 74.6666666667vw;
  }
  .m112 {
    margin: 74.6666666667vw;
  }
  .ml112 {
    margin-left: 74.6666666667vw;
  }
  .mr112 {
    margin-right: 74.6666666667vw;
  }
  .mt112 {
    margin-top: 74.6666666667vw;
  }
  .mb112 {
    margin-bottom: 74.6666666667vw;
  }
  .p112 {
    padding: 74.6666666667vw;
  }
  .pl112 {
    padding-left: 74.6666666667vw;
  }
  .pr112 {
    padding-right: 74.6666666667vw;
  }
  .pt112 {
    padding-top: 74.6666666667vw;
  }
  .pb112 {
    padding-bottom: 74.6666666667vw;
  }
  .col111 {
    width: 74vw;
  }
  .m111 {
    margin: 74vw;
  }
  .ml111 {
    margin-left: 74vw;
  }
  .mr111 {
    margin-right: 74vw;
  }
  .mt111 {
    margin-top: 74vw;
  }
  .mb111 {
    margin-bottom: 74vw;
  }
  .p111 {
    padding: 74vw;
  }
  .pl111 {
    padding-left: 74vw;
  }
  .pr111 {
    padding-right: 74vw;
  }
  .pt111 {
    padding-top: 74vw;
  }
  .pb111 {
    padding-bottom: 74vw;
  }
  .col110 {
    width: 73.3333333333vw;
  }
  .m110 {
    margin: 73.3333333333vw;
  }
  .ml110 {
    margin-left: 73.3333333333vw;
  }
  .mr110 {
    margin-right: 73.3333333333vw;
  }
  .mt110 {
    margin-top: 73.3333333333vw;
  }
  .mb110 {
    margin-bottom: 73.3333333333vw;
  }
  .p110 {
    padding: 73.3333333333vw;
  }
  .pl110 {
    padding-left: 73.3333333333vw;
  }
  .pr110 {
    padding-right: 73.3333333333vw;
  }
  .pt110 {
    padding-top: 73.3333333333vw;
  }
  .pb110 {
    padding-bottom: 73.3333333333vw;
  }
  .col109 {
    width: 72.6666666667vw;
  }
  .m109 {
    margin: 72.6666666667vw;
  }
  .ml109 {
    margin-left: 72.6666666667vw;
  }
  .mr109 {
    margin-right: 72.6666666667vw;
  }
  .mt109 {
    margin-top: 72.6666666667vw;
  }
  .mb109 {
    margin-bottom: 72.6666666667vw;
  }
  .p109 {
    padding: 72.6666666667vw;
  }
  .pl109 {
    padding-left: 72.6666666667vw;
  }
  .pr109 {
    padding-right: 72.6666666667vw;
  }
  .pt109 {
    padding-top: 72.6666666667vw;
  }
  .pb109 {
    padding-bottom: 72.6666666667vw;
  }
  .col108 {
    width: 72vw;
  }
  .m108 {
    margin: 72vw;
  }
  .ml108 {
    margin-left: 72vw;
  }
  .mr108 {
    margin-right: 72vw;
  }
  .mt108 {
    margin-top: 72vw;
  }
  .mb108 {
    margin-bottom: 72vw;
  }
  .p108 {
    padding: 72vw;
  }
  .pl108 {
    padding-left: 72vw;
  }
  .pr108 {
    padding-right: 72vw;
  }
  .pt108 {
    padding-top: 72vw;
  }
  .pb108 {
    padding-bottom: 72vw;
  }
  .col107 {
    width: 71.3333333333vw;
  }
  .m107 {
    margin: 71.3333333333vw;
  }
  .ml107 {
    margin-left: 71.3333333333vw;
  }
  .mr107 {
    margin-right: 71.3333333333vw;
  }
  .mt107 {
    margin-top: 71.3333333333vw;
  }
  .mb107 {
    margin-bottom: 71.3333333333vw;
  }
  .p107 {
    padding: 71.3333333333vw;
  }
  .pl107 {
    padding-left: 71.3333333333vw;
  }
  .pr107 {
    padding-right: 71.3333333333vw;
  }
  .pt107 {
    padding-top: 71.3333333333vw;
  }
  .pb107 {
    padding-bottom: 71.3333333333vw;
  }
  .col106 {
    width: 70.6666666667vw;
  }
  .m106 {
    margin: 70.6666666667vw;
  }
  .ml106 {
    margin-left: 70.6666666667vw;
  }
  .mr106 {
    margin-right: 70.6666666667vw;
  }
  .mt106 {
    margin-top: 70.6666666667vw;
  }
  .mb106 {
    margin-bottom: 70.6666666667vw;
  }
  .p106 {
    padding: 70.6666666667vw;
  }
  .pl106 {
    padding-left: 70.6666666667vw;
  }
  .pr106 {
    padding-right: 70.6666666667vw;
  }
  .pt106 {
    padding-top: 70.6666666667vw;
  }
  .pb106 {
    padding-bottom: 70.6666666667vw;
  }
  .col105 {
    width: 70vw;
  }
  .m105 {
    margin: 70vw;
  }
  .ml105 {
    margin-left: 70vw;
  }
  .mr105 {
    margin-right: 70vw;
  }
  .mt105 {
    margin-top: 70vw;
  }
  .mb105 {
    margin-bottom: 70vw;
  }
  .p105 {
    padding: 70vw;
  }
  .pl105 {
    padding-left: 70vw;
  }
  .pr105 {
    padding-right: 70vw;
  }
  .pt105 {
    padding-top: 70vw;
  }
  .pb105 {
    padding-bottom: 70vw;
  }
  .col104 {
    width: 69.3333333333vw;
  }
  .m104 {
    margin: 69.3333333333vw;
  }
  .ml104 {
    margin-left: 69.3333333333vw;
  }
  .mr104 {
    margin-right: 69.3333333333vw;
  }
  .mt104 {
    margin-top: 69.3333333333vw;
  }
  .mb104 {
    margin-bottom: 69.3333333333vw;
  }
  .p104 {
    padding: 69.3333333333vw;
  }
  .pl104 {
    padding-left: 69.3333333333vw;
  }
  .pr104 {
    padding-right: 69.3333333333vw;
  }
  .pt104 {
    padding-top: 69.3333333333vw;
  }
  .pb104 {
    padding-bottom: 69.3333333333vw;
  }
  .col103 {
    width: 68.6666666667vw;
  }
  .m103 {
    margin: 68.6666666667vw;
  }
  .ml103 {
    margin-left: 68.6666666667vw;
  }
  .mr103 {
    margin-right: 68.6666666667vw;
  }
  .mt103 {
    margin-top: 68.6666666667vw;
  }
  .mb103 {
    margin-bottom: 68.6666666667vw;
  }
  .p103 {
    padding: 68.6666666667vw;
  }
  .pl103 {
    padding-left: 68.6666666667vw;
  }
  .pr103 {
    padding-right: 68.6666666667vw;
  }
  .pt103 {
    padding-top: 68.6666666667vw;
  }
  .pb103 {
    padding-bottom: 68.6666666667vw;
  }
  .col102 {
    width: 68vw;
  }
  .m102 {
    margin: 68vw;
  }
  .ml102 {
    margin-left: 68vw;
  }
  .mr102 {
    margin-right: 68vw;
  }
  .mt102 {
    margin-top: 68vw;
  }
  .mb102 {
    margin-bottom: 68vw;
  }
  .p102 {
    padding: 68vw;
  }
  .pl102 {
    padding-left: 68vw;
  }
  .pr102 {
    padding-right: 68vw;
  }
  .pt102 {
    padding-top: 68vw;
  }
  .pb102 {
    padding-bottom: 68vw;
  }
  .col101 {
    width: 67.3333333333vw;
  }
  .m101 {
    margin: 67.3333333333vw;
  }
  .ml101 {
    margin-left: 67.3333333333vw;
  }
  .mr101 {
    margin-right: 67.3333333333vw;
  }
  .mt101 {
    margin-top: 67.3333333333vw;
  }
  .mb101 {
    margin-bottom: 67.3333333333vw;
  }
  .p101 {
    padding: 67.3333333333vw;
  }
  .pl101 {
    padding-left: 67.3333333333vw;
  }
  .pr101 {
    padding-right: 67.3333333333vw;
  }
  .pt101 {
    padding-top: 67.3333333333vw;
  }
  .pb101 {
    padding-bottom: 67.3333333333vw;
  }
  .col100 {
    width: 66.6666666667vw;
  }
  .m100 {
    margin: 66.6666666667vw;
  }
  .ml100 {
    margin-left: 66.6666666667vw;
  }
  .mr100 {
    margin-right: 66.6666666667vw;
  }
  .mt100 {
    margin-top: 66.6666666667vw;
  }
  .mb100 {
    margin-bottom: 66.6666666667vw;
  }
  .p100 {
    padding: 66.6666666667vw;
  }
  .pl100 {
    padding-left: 66.6666666667vw;
  }
  .pr100 {
    padding-right: 66.6666666667vw;
  }
  .pt100 {
    padding-top: 66.6666666667vw;
  }
  .pb100 {
    padding-bottom: 66.6666666667vw;
  }
  .col99 {
    width: 66vw;
  }
  .m99 {
    margin: 66vw;
  }
  .ml99 {
    margin-left: 66vw;
  }
  .mr99 {
    margin-right: 66vw;
  }
  .mt99 {
    margin-top: 66vw;
  }
  .mb99 {
    margin-bottom: 66vw;
  }
  .p99 {
    padding: 66vw;
  }
  .pl99 {
    padding-left: 66vw;
  }
  .pr99 {
    padding-right: 66vw;
  }
  .pt99 {
    padding-top: 66vw;
  }
  .pb99 {
    padding-bottom: 66vw;
  }
  .col98 {
    width: 65.3333333333vw;
  }
  .m98 {
    margin: 65.3333333333vw;
  }
  .ml98 {
    margin-left: 65.3333333333vw;
  }
  .mr98 {
    margin-right: 65.3333333333vw;
  }
  .mt98 {
    margin-top: 65.3333333333vw;
  }
  .mb98 {
    margin-bottom: 65.3333333333vw;
  }
  .p98 {
    padding: 65.3333333333vw;
  }
  .pl98 {
    padding-left: 65.3333333333vw;
  }
  .pr98 {
    padding-right: 65.3333333333vw;
  }
  .pt98 {
    padding-top: 65.3333333333vw;
  }
  .pb98 {
    padding-bottom: 65.3333333333vw;
  }
  .col97 {
    width: 64.6666666667vw;
  }
  .m97 {
    margin: 64.6666666667vw;
  }
  .ml97 {
    margin-left: 64.6666666667vw;
  }
  .mr97 {
    margin-right: 64.6666666667vw;
  }
  .mt97 {
    margin-top: 64.6666666667vw;
  }
  .mb97 {
    margin-bottom: 64.6666666667vw;
  }
  .p97 {
    padding: 64.6666666667vw;
  }
  .pl97 {
    padding-left: 64.6666666667vw;
  }
  .pr97 {
    padding-right: 64.6666666667vw;
  }
  .pt97 {
    padding-top: 64.6666666667vw;
  }
  .pb97 {
    padding-bottom: 64.6666666667vw;
  }
  .col96 {
    width: 64vw;
  }
  .m96 {
    margin: 64vw;
  }
  .ml96 {
    margin-left: 64vw;
  }
  .mr96 {
    margin-right: 64vw;
  }
  .mt96 {
    margin-top: 64vw;
  }
  .mb96 {
    margin-bottom: 64vw;
  }
  .p96 {
    padding: 64vw;
  }
  .pl96 {
    padding-left: 64vw;
  }
  .pr96 {
    padding-right: 64vw;
  }
  .pt96 {
    padding-top: 64vw;
  }
  .pb96 {
    padding-bottom: 64vw;
  }
  .col95 {
    width: 63.3333333333vw;
  }
  .m95 {
    margin: 63.3333333333vw;
  }
  .ml95 {
    margin-left: 63.3333333333vw;
  }
  .mr95 {
    margin-right: 63.3333333333vw;
  }
  .mt95 {
    margin-top: 63.3333333333vw;
  }
  .mb95 {
    margin-bottom: 63.3333333333vw;
  }
  .p95 {
    padding: 63.3333333333vw;
  }
  .pl95 {
    padding-left: 63.3333333333vw;
  }
  .pr95 {
    padding-right: 63.3333333333vw;
  }
  .pt95 {
    padding-top: 63.3333333333vw;
  }
  .pb95 {
    padding-bottom: 63.3333333333vw;
  }
  .col94 {
    width: 62.6666666667vw;
  }
  .m94 {
    margin: 62.6666666667vw;
  }
  .ml94 {
    margin-left: 62.6666666667vw;
  }
  .mr94 {
    margin-right: 62.6666666667vw;
  }
  .mt94 {
    margin-top: 62.6666666667vw;
  }
  .mb94 {
    margin-bottom: 62.6666666667vw;
  }
  .p94 {
    padding: 62.6666666667vw;
  }
  .pl94 {
    padding-left: 62.6666666667vw;
  }
  .pr94 {
    padding-right: 62.6666666667vw;
  }
  .pt94 {
    padding-top: 62.6666666667vw;
  }
  .pb94 {
    padding-bottom: 62.6666666667vw;
  }
  .col93 {
    width: 62vw;
  }
  .m93 {
    margin: 62vw;
  }
  .ml93 {
    margin-left: 62vw;
  }
  .mr93 {
    margin-right: 62vw;
  }
  .mt93 {
    margin-top: 62vw;
  }
  .mb93 {
    margin-bottom: 62vw;
  }
  .p93 {
    padding: 62vw;
  }
  .pl93 {
    padding-left: 62vw;
  }
  .pr93 {
    padding-right: 62vw;
  }
  .pt93 {
    padding-top: 62vw;
  }
  .pb93 {
    padding-bottom: 62vw;
  }
  .col92 {
    width: 61.3333333333vw;
  }
  .m92 {
    margin: 61.3333333333vw;
  }
  .ml92 {
    margin-left: 61.3333333333vw;
  }
  .mr92 {
    margin-right: 61.3333333333vw;
  }
  .mt92 {
    margin-top: 61.3333333333vw;
  }
  .mb92 {
    margin-bottom: 61.3333333333vw;
  }
  .p92 {
    padding: 61.3333333333vw;
  }
  .pl92 {
    padding-left: 61.3333333333vw;
  }
  .pr92 {
    padding-right: 61.3333333333vw;
  }
  .pt92 {
    padding-top: 61.3333333333vw;
  }
  .pb92 {
    padding-bottom: 61.3333333333vw;
  }
  .col91 {
    width: 60.6666666667vw;
  }
  .m91 {
    margin: 60.6666666667vw;
  }
  .ml91 {
    margin-left: 60.6666666667vw;
  }
  .mr91 {
    margin-right: 60.6666666667vw;
  }
  .mt91 {
    margin-top: 60.6666666667vw;
  }
  .mb91 {
    margin-bottom: 60.6666666667vw;
  }
  .p91 {
    padding: 60.6666666667vw;
  }
  .pl91 {
    padding-left: 60.6666666667vw;
  }
  .pr91 {
    padding-right: 60.6666666667vw;
  }
  .pt91 {
    padding-top: 60.6666666667vw;
  }
  .pb91 {
    padding-bottom: 60.6666666667vw;
  }
  .col90 {
    width: 60vw;
  }
  .m90 {
    margin: 60vw;
  }
  .ml90 {
    margin-left: 60vw;
  }
  .mr90 {
    margin-right: 60vw;
  }
  .mt90 {
    margin-top: 60vw;
  }
  .mb90 {
    margin-bottom: 60vw;
  }
  .p90 {
    padding: 60vw;
  }
  .pl90 {
    padding-left: 60vw;
  }
  .pr90 {
    padding-right: 60vw;
  }
  .pt90 {
    padding-top: 60vw;
  }
  .pb90 {
    padding-bottom: 60vw;
  }
  .col89 {
    width: 59.3333333333vw;
  }
  .m89 {
    margin: 59.3333333333vw;
  }
  .ml89 {
    margin-left: 59.3333333333vw;
  }
  .mr89 {
    margin-right: 59.3333333333vw;
  }
  .mt89 {
    margin-top: 59.3333333333vw;
  }
  .mb89 {
    margin-bottom: 59.3333333333vw;
  }
  .p89 {
    padding: 59.3333333333vw;
  }
  .pl89 {
    padding-left: 59.3333333333vw;
  }
  .pr89 {
    padding-right: 59.3333333333vw;
  }
  .pt89 {
    padding-top: 59.3333333333vw;
  }
  .pb89 {
    padding-bottom: 59.3333333333vw;
  }
  .col88 {
    width: 58.6666666667vw;
  }
  .m88 {
    margin: 58.6666666667vw;
  }
  .ml88 {
    margin-left: 58.6666666667vw;
  }
  .mr88 {
    margin-right: 58.6666666667vw;
  }
  .mt88 {
    margin-top: 58.6666666667vw;
  }
  .mb88 {
    margin-bottom: 58.6666666667vw;
  }
  .p88 {
    padding: 58.6666666667vw;
  }
  .pl88 {
    padding-left: 58.6666666667vw;
  }
  .pr88 {
    padding-right: 58.6666666667vw;
  }
  .pt88 {
    padding-top: 58.6666666667vw;
  }
  .pb88 {
    padding-bottom: 58.6666666667vw;
  }
  .col87 {
    width: 58vw;
  }
  .m87 {
    margin: 58vw;
  }
  .ml87 {
    margin-left: 58vw;
  }
  .mr87 {
    margin-right: 58vw;
  }
  .mt87 {
    margin-top: 58vw;
  }
  .mb87 {
    margin-bottom: 58vw;
  }
  .p87 {
    padding: 58vw;
  }
  .pl87 {
    padding-left: 58vw;
  }
  .pr87 {
    padding-right: 58vw;
  }
  .pt87 {
    padding-top: 58vw;
  }
  .pb87 {
    padding-bottom: 58vw;
  }
  .col86 {
    width: 57.3333333333vw;
  }
  .m86 {
    margin: 57.3333333333vw;
  }
  .ml86 {
    margin-left: 57.3333333333vw;
  }
  .mr86 {
    margin-right: 57.3333333333vw;
  }
  .mt86 {
    margin-top: 57.3333333333vw;
  }
  .mb86 {
    margin-bottom: 57.3333333333vw;
  }
  .p86 {
    padding: 57.3333333333vw;
  }
  .pl86 {
    padding-left: 57.3333333333vw;
  }
  .pr86 {
    padding-right: 57.3333333333vw;
  }
  .pt86 {
    padding-top: 57.3333333333vw;
  }
  .pb86 {
    padding-bottom: 57.3333333333vw;
  }
  .col85 {
    width: 56.6666666667vw;
  }
  .m85 {
    margin: 56.6666666667vw;
  }
  .ml85 {
    margin-left: 56.6666666667vw;
  }
  .mr85 {
    margin-right: 56.6666666667vw;
  }
  .mt85 {
    margin-top: 56.6666666667vw;
  }
  .mb85 {
    margin-bottom: 56.6666666667vw;
  }
  .p85 {
    padding: 56.6666666667vw;
  }
  .pl85 {
    padding-left: 56.6666666667vw;
  }
  .pr85 {
    padding-right: 56.6666666667vw;
  }
  .pt85 {
    padding-top: 56.6666666667vw;
  }
  .pb85 {
    padding-bottom: 56.6666666667vw;
  }
  .col84 {
    width: 56vw;
  }
  .m84 {
    margin: 56vw;
  }
  .ml84 {
    margin-left: 56vw;
  }
  .mr84 {
    margin-right: 56vw;
  }
  .mt84 {
    margin-top: 56vw;
  }
  .mb84 {
    margin-bottom: 56vw;
  }
  .p84 {
    padding: 56vw;
  }
  .pl84 {
    padding-left: 56vw;
  }
  .pr84 {
    padding-right: 56vw;
  }
  .pt84 {
    padding-top: 56vw;
  }
  .pb84 {
    padding-bottom: 56vw;
  }
  .col83 {
    width: 55.3333333333vw;
  }
  .m83 {
    margin: 55.3333333333vw;
  }
  .ml83 {
    margin-left: 55.3333333333vw;
  }
  .mr83 {
    margin-right: 55.3333333333vw;
  }
  .mt83 {
    margin-top: 55.3333333333vw;
  }
  .mb83 {
    margin-bottom: 55.3333333333vw;
  }
  .p83 {
    padding: 55.3333333333vw;
  }
  .pl83 {
    padding-left: 55.3333333333vw;
  }
  .pr83 {
    padding-right: 55.3333333333vw;
  }
  .pt83 {
    padding-top: 55.3333333333vw;
  }
  .pb83 {
    padding-bottom: 55.3333333333vw;
  }
  .col82 {
    width: 54.6666666667vw;
  }
  .m82 {
    margin: 54.6666666667vw;
  }
  .ml82 {
    margin-left: 54.6666666667vw;
  }
  .mr82 {
    margin-right: 54.6666666667vw;
  }
  .mt82 {
    margin-top: 54.6666666667vw;
  }
  .mb82 {
    margin-bottom: 54.6666666667vw;
  }
  .p82 {
    padding: 54.6666666667vw;
  }
  .pl82 {
    padding-left: 54.6666666667vw;
  }
  .pr82 {
    padding-right: 54.6666666667vw;
  }
  .pt82 {
    padding-top: 54.6666666667vw;
  }
  .pb82 {
    padding-bottom: 54.6666666667vw;
  }
  .col81 {
    width: 54vw;
  }
  .m81 {
    margin: 54vw;
  }
  .ml81 {
    margin-left: 54vw;
  }
  .mr81 {
    margin-right: 54vw;
  }
  .mt81 {
    margin-top: 54vw;
  }
  .mb81 {
    margin-bottom: 54vw;
  }
  .p81 {
    padding: 54vw;
  }
  .pl81 {
    padding-left: 54vw;
  }
  .pr81 {
    padding-right: 54vw;
  }
  .pt81 {
    padding-top: 54vw;
  }
  .pb81 {
    padding-bottom: 54vw;
  }
  .col80 {
    width: 53.3333333333vw;
  }
  .m80 {
    margin: 53.3333333333vw;
  }
  .ml80 {
    margin-left: 53.3333333333vw;
  }
  .mr80 {
    margin-right: 53.3333333333vw;
  }
  .mt80 {
    margin-top: 53.3333333333vw;
  }
  .mb80 {
    margin-bottom: 53.3333333333vw;
  }
  .p80 {
    padding: 53.3333333333vw;
  }
  .pl80 {
    padding-left: 53.3333333333vw;
  }
  .pr80 {
    padding-right: 53.3333333333vw;
  }
  .pt80 {
    padding-top: 53.3333333333vw;
  }
  .pb80 {
    padding-bottom: 53.3333333333vw;
  }
  .col79 {
    width: 52.6666666667vw;
  }
  .m79 {
    margin: 52.6666666667vw;
  }
  .ml79 {
    margin-left: 52.6666666667vw;
  }
  .mr79 {
    margin-right: 52.6666666667vw;
  }
  .mt79 {
    margin-top: 52.6666666667vw;
  }
  .mb79 {
    margin-bottom: 52.6666666667vw;
  }
  .p79 {
    padding: 52.6666666667vw;
  }
  .pl79 {
    padding-left: 52.6666666667vw;
  }
  .pr79 {
    padding-right: 52.6666666667vw;
  }
  .pt79 {
    padding-top: 52.6666666667vw;
  }
  .pb79 {
    padding-bottom: 52.6666666667vw;
  }
  .col78 {
    width: 52vw;
  }
  .m78 {
    margin: 52vw;
  }
  .ml78 {
    margin-left: 52vw;
  }
  .mr78 {
    margin-right: 52vw;
  }
  .mt78 {
    margin-top: 52vw;
  }
  .mb78 {
    margin-bottom: 52vw;
  }
  .p78 {
    padding: 52vw;
  }
  .pl78 {
    padding-left: 52vw;
  }
  .pr78 {
    padding-right: 52vw;
  }
  .pt78 {
    padding-top: 52vw;
  }
  .pb78 {
    padding-bottom: 52vw;
  }
  .col77 {
    width: 51.3333333333vw;
  }
  .m77 {
    margin: 51.3333333333vw;
  }
  .ml77 {
    margin-left: 51.3333333333vw;
  }
  .mr77 {
    margin-right: 51.3333333333vw;
  }
  .mt77 {
    margin-top: 51.3333333333vw;
  }
  .mb77 {
    margin-bottom: 51.3333333333vw;
  }
  .p77 {
    padding: 51.3333333333vw;
  }
  .pl77 {
    padding-left: 51.3333333333vw;
  }
  .pr77 {
    padding-right: 51.3333333333vw;
  }
  .pt77 {
    padding-top: 51.3333333333vw;
  }
  .pb77 {
    padding-bottom: 51.3333333333vw;
  }
  .col76 {
    width: 50.6666666667vw;
  }
  .m76 {
    margin: 50.6666666667vw;
  }
  .ml76 {
    margin-left: 50.6666666667vw;
  }
  .mr76 {
    margin-right: 50.6666666667vw;
  }
  .mt76 {
    margin-top: 50.6666666667vw;
  }
  .mb76 {
    margin-bottom: 50.6666666667vw;
  }
  .p76 {
    padding: 50.6666666667vw;
  }
  .pl76 {
    padding-left: 50.6666666667vw;
  }
  .pr76 {
    padding-right: 50.6666666667vw;
  }
  .pt76 {
    padding-top: 50.6666666667vw;
  }
  .pb76 {
    padding-bottom: 50.6666666667vw;
  }
  .col75 {
    width: 50vw;
  }
  .m75 {
    margin: 50vw;
  }
  .ml75 {
    margin-left: 50vw;
  }
  .mr75 {
    margin-right: 50vw;
  }
  .mt75 {
    margin-top: 50vw;
  }
  .mb75 {
    margin-bottom: 50vw;
  }
  .p75 {
    padding: 50vw;
  }
  .pl75 {
    padding-left: 50vw;
  }
  .pr75 {
    padding-right: 50vw;
  }
  .pt75 {
    padding-top: 50vw;
  }
  .pb75 {
    padding-bottom: 50vw;
  }
  .col74 {
    width: 49.3333333333vw;
  }
  .m74 {
    margin: 49.3333333333vw;
  }
  .ml74 {
    margin-left: 49.3333333333vw;
  }
  .mr74 {
    margin-right: 49.3333333333vw;
  }
  .mt74 {
    margin-top: 49.3333333333vw;
  }
  .mb74 {
    margin-bottom: 49.3333333333vw;
  }
  .p74 {
    padding: 49.3333333333vw;
  }
  .pl74 {
    padding-left: 49.3333333333vw;
  }
  .pr74 {
    padding-right: 49.3333333333vw;
  }
  .pt74 {
    padding-top: 49.3333333333vw;
  }
  .pb74 {
    padding-bottom: 49.3333333333vw;
  }
  .col73 {
    width: 48.6666666667vw;
  }
  .m73 {
    margin: 48.6666666667vw;
  }
  .ml73 {
    margin-left: 48.6666666667vw;
  }
  .mr73 {
    margin-right: 48.6666666667vw;
  }
  .mt73 {
    margin-top: 48.6666666667vw;
  }
  .mb73 {
    margin-bottom: 48.6666666667vw;
  }
  .p73 {
    padding: 48.6666666667vw;
  }
  .pl73 {
    padding-left: 48.6666666667vw;
  }
  .pr73 {
    padding-right: 48.6666666667vw;
  }
  .pt73 {
    padding-top: 48.6666666667vw;
  }
  .pb73 {
    padding-bottom: 48.6666666667vw;
  }
  .col72 {
    width: 48vw;
  }
  .m72 {
    margin: 48vw;
  }
  .ml72 {
    margin-left: 48vw;
  }
  .mr72 {
    margin-right: 48vw;
  }
  .mt72 {
    margin-top: 48vw;
  }
  .mb72 {
    margin-bottom: 48vw;
  }
  .p72 {
    padding: 48vw;
  }
  .pl72 {
    padding-left: 48vw;
  }
  .pr72 {
    padding-right: 48vw;
  }
  .pt72 {
    padding-top: 48vw;
  }
  .pb72 {
    padding-bottom: 48vw;
  }
  .col71 {
    width: 47.3333333333vw;
  }
  .m71 {
    margin: 47.3333333333vw;
  }
  .ml71 {
    margin-left: 47.3333333333vw;
  }
  .mr71 {
    margin-right: 47.3333333333vw;
  }
  .mt71 {
    margin-top: 47.3333333333vw;
  }
  .mb71 {
    margin-bottom: 47.3333333333vw;
  }
  .p71 {
    padding: 47.3333333333vw;
  }
  .pl71 {
    padding-left: 47.3333333333vw;
  }
  .pr71 {
    padding-right: 47.3333333333vw;
  }
  .pt71 {
    padding-top: 47.3333333333vw;
  }
  .pb71 {
    padding-bottom: 47.3333333333vw;
  }
  .col70 {
    width: 46.6666666667vw;
  }
  .m70 {
    margin: 46.6666666667vw;
  }
  .ml70 {
    margin-left: 46.6666666667vw;
  }
  .mr70 {
    margin-right: 46.6666666667vw;
  }
  .mt70 {
    margin-top: 46.6666666667vw;
  }
  .mb70 {
    margin-bottom: 46.6666666667vw;
  }
  .p70 {
    padding: 46.6666666667vw;
  }
  .pl70 {
    padding-left: 46.6666666667vw;
  }
  .pr70 {
    padding-right: 46.6666666667vw;
  }
  .pt70 {
    padding-top: 46.6666666667vw;
  }
  .pb70 {
    padding-bottom: 46.6666666667vw;
  }
  .col69 {
    width: 46vw;
  }
  .m69 {
    margin: 46vw;
  }
  .ml69 {
    margin-left: 46vw;
  }
  .mr69 {
    margin-right: 46vw;
  }
  .mt69 {
    margin-top: 46vw;
  }
  .mb69 {
    margin-bottom: 46vw;
  }
  .p69 {
    padding: 46vw;
  }
  .pl69 {
    padding-left: 46vw;
  }
  .pr69 {
    padding-right: 46vw;
  }
  .pt69 {
    padding-top: 46vw;
  }
  .pb69 {
    padding-bottom: 46vw;
  }
  .col68 {
    width: 45.3333333333vw;
  }
  .m68 {
    margin: 45.3333333333vw;
  }
  .ml68 {
    margin-left: 45.3333333333vw;
  }
  .mr68 {
    margin-right: 45.3333333333vw;
  }
  .mt68 {
    margin-top: 45.3333333333vw;
  }
  .mb68 {
    margin-bottom: 45.3333333333vw;
  }
  .p68 {
    padding: 45.3333333333vw;
  }
  .pl68 {
    padding-left: 45.3333333333vw;
  }
  .pr68 {
    padding-right: 45.3333333333vw;
  }
  .pt68 {
    padding-top: 45.3333333333vw;
  }
  .pb68 {
    padding-bottom: 45.3333333333vw;
  }
  .col67 {
    width: 44.6666666667vw;
  }
  .m67 {
    margin: 44.6666666667vw;
  }
  .ml67 {
    margin-left: 44.6666666667vw;
  }
  .mr67 {
    margin-right: 44.6666666667vw;
  }
  .mt67 {
    margin-top: 44.6666666667vw;
  }
  .mb67 {
    margin-bottom: 44.6666666667vw;
  }
  .p67 {
    padding: 44.6666666667vw;
  }
  .pl67 {
    padding-left: 44.6666666667vw;
  }
  .pr67 {
    padding-right: 44.6666666667vw;
  }
  .pt67 {
    padding-top: 44.6666666667vw;
  }
  .pb67 {
    padding-bottom: 44.6666666667vw;
  }
  .col66 {
    width: 44vw;
  }
  .m66 {
    margin: 44vw;
  }
  .ml66 {
    margin-left: 44vw;
  }
  .mr66 {
    margin-right: 44vw;
  }
  .mt66 {
    margin-top: 44vw;
  }
  .mb66 {
    margin-bottom: 44vw;
  }
  .p66 {
    padding: 44vw;
  }
  .pl66 {
    padding-left: 44vw;
  }
  .pr66 {
    padding-right: 44vw;
  }
  .pt66 {
    padding-top: 44vw;
  }
  .pb66 {
    padding-bottom: 44vw;
  }
  .col65 {
    width: 43.3333333333vw;
  }
  .m65 {
    margin: 43.3333333333vw;
  }
  .ml65 {
    margin-left: 43.3333333333vw;
  }
  .mr65 {
    margin-right: 43.3333333333vw;
  }
  .mt65 {
    margin-top: 43.3333333333vw;
  }
  .mb65 {
    margin-bottom: 43.3333333333vw;
  }
  .p65 {
    padding: 43.3333333333vw;
  }
  .pl65 {
    padding-left: 43.3333333333vw;
  }
  .pr65 {
    padding-right: 43.3333333333vw;
  }
  .pt65 {
    padding-top: 43.3333333333vw;
  }
  .pb65 {
    padding-bottom: 43.3333333333vw;
  }
  .col64 {
    width: 42.6666666667vw;
  }
  .m64 {
    margin: 42.6666666667vw;
  }
  .ml64 {
    margin-left: 42.6666666667vw;
  }
  .mr64 {
    margin-right: 42.6666666667vw;
  }
  .mt64 {
    margin-top: 42.6666666667vw;
  }
  .mb64 {
    margin-bottom: 42.6666666667vw;
  }
  .p64 {
    padding: 42.6666666667vw;
  }
  .pl64 {
    padding-left: 42.6666666667vw;
  }
  .pr64 {
    padding-right: 42.6666666667vw;
  }
  .pt64 {
    padding-top: 42.6666666667vw;
  }
  .pb64 {
    padding-bottom: 42.6666666667vw;
  }
  .col63 {
    width: 42vw;
  }
  .m63 {
    margin: 42vw;
  }
  .ml63 {
    margin-left: 42vw;
  }
  .mr63 {
    margin-right: 42vw;
  }
  .mt63 {
    margin-top: 42vw;
  }
  .mb63 {
    margin-bottom: 42vw;
  }
  .p63 {
    padding: 42vw;
  }
  .pl63 {
    padding-left: 42vw;
  }
  .pr63 {
    padding-right: 42vw;
  }
  .pt63 {
    padding-top: 42vw;
  }
  .pb63 {
    padding-bottom: 42vw;
  }
  .col62 {
    width: 41.3333333333vw;
  }
  .m62 {
    margin: 41.3333333333vw;
  }
  .ml62 {
    margin-left: 41.3333333333vw;
  }
  .mr62 {
    margin-right: 41.3333333333vw;
  }
  .mt62 {
    margin-top: 41.3333333333vw;
  }
  .mb62 {
    margin-bottom: 41.3333333333vw;
  }
  .p62 {
    padding: 41.3333333333vw;
  }
  .pl62 {
    padding-left: 41.3333333333vw;
  }
  .pr62 {
    padding-right: 41.3333333333vw;
  }
  .pt62 {
    padding-top: 41.3333333333vw;
  }
  .pb62 {
    padding-bottom: 41.3333333333vw;
  }
  .col61 {
    width: 40.6666666667vw;
  }
  .m61 {
    margin: 40.6666666667vw;
  }
  .ml61 {
    margin-left: 40.6666666667vw;
  }
  .mr61 {
    margin-right: 40.6666666667vw;
  }
  .mt61 {
    margin-top: 40.6666666667vw;
  }
  .mb61 {
    margin-bottom: 40.6666666667vw;
  }
  .p61 {
    padding: 40.6666666667vw;
  }
  .pl61 {
    padding-left: 40.6666666667vw;
  }
  .pr61 {
    padding-right: 40.6666666667vw;
  }
  .pt61 {
    padding-top: 40.6666666667vw;
  }
  .pb61 {
    padding-bottom: 40.6666666667vw;
  }
  .col60 {
    width: 40vw;
  }
  .m60 {
    margin: 40vw;
  }
  .ml60 {
    margin-left: 40vw;
  }
  .mr60 {
    margin-right: 40vw;
  }
  .mt60 {
    margin-top: 40vw;
  }
  .mb60 {
    margin-bottom: 40vw;
  }
  .p60 {
    padding: 40vw;
  }
  .pl60 {
    padding-left: 40vw;
  }
  .pr60 {
    padding-right: 40vw;
  }
  .pt60 {
    padding-top: 40vw;
  }
  .pb60 {
    padding-bottom: 40vw;
  }
  .col59 {
    width: 39.3333333333vw;
  }
  .m59 {
    margin: 39.3333333333vw;
  }
  .ml59 {
    margin-left: 39.3333333333vw;
  }
  .mr59 {
    margin-right: 39.3333333333vw;
  }
  .mt59 {
    margin-top: 39.3333333333vw;
  }
  .mb59 {
    margin-bottom: 39.3333333333vw;
  }
  .p59 {
    padding: 39.3333333333vw;
  }
  .pl59 {
    padding-left: 39.3333333333vw;
  }
  .pr59 {
    padding-right: 39.3333333333vw;
  }
  .pt59 {
    padding-top: 39.3333333333vw;
  }
  .pb59 {
    padding-bottom: 39.3333333333vw;
  }
  .col58 {
    width: 38.6666666667vw;
  }
  .m58 {
    margin: 38.6666666667vw;
  }
  .ml58 {
    margin-left: 38.6666666667vw;
  }
  .mr58 {
    margin-right: 38.6666666667vw;
  }
  .mt58 {
    margin-top: 38.6666666667vw;
  }
  .mb58 {
    margin-bottom: 38.6666666667vw;
  }
  .p58 {
    padding: 38.6666666667vw;
  }
  .pl58 {
    padding-left: 38.6666666667vw;
  }
  .pr58 {
    padding-right: 38.6666666667vw;
  }
  .pt58 {
    padding-top: 38.6666666667vw;
  }
  .pb58 {
    padding-bottom: 38.6666666667vw;
  }
  .col57 {
    width: 38vw;
  }
  .m57 {
    margin: 38vw;
  }
  .ml57 {
    margin-left: 38vw;
  }
  .mr57 {
    margin-right: 38vw;
  }
  .mt57 {
    margin-top: 38vw;
  }
  .mb57 {
    margin-bottom: 38vw;
  }
  .p57 {
    padding: 38vw;
  }
  .pl57 {
    padding-left: 38vw;
  }
  .pr57 {
    padding-right: 38vw;
  }
  .pt57 {
    padding-top: 38vw;
  }
  .pb57 {
    padding-bottom: 38vw;
  }
  .col56 {
    width: 37.3333333333vw;
  }
  .m56 {
    margin: 37.3333333333vw;
  }
  .ml56 {
    margin-left: 37.3333333333vw;
  }
  .mr56 {
    margin-right: 37.3333333333vw;
  }
  .mt56 {
    margin-top: 37.3333333333vw;
  }
  .mb56 {
    margin-bottom: 37.3333333333vw;
  }
  .p56 {
    padding: 37.3333333333vw;
  }
  .pl56 {
    padding-left: 37.3333333333vw;
  }
  .pr56 {
    padding-right: 37.3333333333vw;
  }
  .pt56 {
    padding-top: 37.3333333333vw;
  }
  .pb56 {
    padding-bottom: 37.3333333333vw;
  }
  .col55 {
    width: 36.6666666667vw;
  }
  .m55 {
    margin: 36.6666666667vw;
  }
  .ml55 {
    margin-left: 36.6666666667vw;
  }
  .mr55 {
    margin-right: 36.6666666667vw;
  }
  .mt55 {
    margin-top: 36.6666666667vw;
  }
  .mb55 {
    margin-bottom: 36.6666666667vw;
  }
  .p55 {
    padding: 36.6666666667vw;
  }
  .pl55 {
    padding-left: 36.6666666667vw;
  }
  .pr55 {
    padding-right: 36.6666666667vw;
  }
  .pt55 {
    padding-top: 36.6666666667vw;
  }
  .pb55 {
    padding-bottom: 36.6666666667vw;
  }
  .col54 {
    width: 36vw;
  }
  .m54 {
    margin: 36vw;
  }
  .ml54 {
    margin-left: 36vw;
  }
  .mr54 {
    margin-right: 36vw;
  }
  .mt54 {
    margin-top: 36vw;
  }
  .mb54 {
    margin-bottom: 36vw;
  }
  .p54 {
    padding: 36vw;
  }
  .pl54 {
    padding-left: 36vw;
  }
  .pr54 {
    padding-right: 36vw;
  }
  .pt54 {
    padding-top: 36vw;
  }
  .pb54 {
    padding-bottom: 36vw;
  }
  .col53 {
    width: 35.3333333333vw;
  }
  .m53 {
    margin: 35.3333333333vw;
  }
  .ml53 {
    margin-left: 35.3333333333vw;
  }
  .mr53 {
    margin-right: 35.3333333333vw;
  }
  .mt53 {
    margin-top: 35.3333333333vw;
  }
  .mb53 {
    margin-bottom: 35.3333333333vw;
  }
  .p53 {
    padding: 35.3333333333vw;
  }
  .pl53 {
    padding-left: 35.3333333333vw;
  }
  .pr53 {
    padding-right: 35.3333333333vw;
  }
  .pt53 {
    padding-top: 35.3333333333vw;
  }
  .pb53 {
    padding-bottom: 35.3333333333vw;
  }
  .col52 {
    width: 34.6666666667vw;
  }
  .m52 {
    margin: 34.6666666667vw;
  }
  .ml52 {
    margin-left: 34.6666666667vw;
  }
  .mr52 {
    margin-right: 34.6666666667vw;
  }
  .mt52 {
    margin-top: 34.6666666667vw;
  }
  .mb52 {
    margin-bottom: 34.6666666667vw;
  }
  .p52 {
    padding: 34.6666666667vw;
  }
  .pl52 {
    padding-left: 34.6666666667vw;
  }
  .pr52 {
    padding-right: 34.6666666667vw;
  }
  .pt52 {
    padding-top: 34.6666666667vw;
  }
  .pb52 {
    padding-bottom: 34.6666666667vw;
  }
  .col51 {
    width: 34vw;
  }
  .m51 {
    margin: 34vw;
  }
  .ml51 {
    margin-left: 34vw;
  }
  .mr51 {
    margin-right: 34vw;
  }
  .mt51 {
    margin-top: 34vw;
  }
  .mb51 {
    margin-bottom: 34vw;
  }
  .p51 {
    padding: 34vw;
  }
  .pl51 {
    padding-left: 34vw;
  }
  .pr51 {
    padding-right: 34vw;
  }
  .pt51 {
    padding-top: 34vw;
  }
  .pb51 {
    padding-bottom: 34vw;
  }
  .col50 {
    width: 33.3333333333vw;
  }
  .m50 {
    margin: 33.3333333333vw;
  }
  .ml50 {
    margin-left: 33.3333333333vw;
  }
  .mr50 {
    margin-right: 33.3333333333vw;
  }
  .mt50 {
    margin-top: 33.3333333333vw;
  }
  .mb50 {
    margin-bottom: 33.3333333333vw;
  }
  .p50 {
    padding: 33.3333333333vw;
  }
  .pl50 {
    padding-left: 33.3333333333vw;
  }
  .pr50 {
    padding-right: 33.3333333333vw;
  }
  .pt50 {
    padding-top: 33.3333333333vw;
  }
  .pb50 {
    padding-bottom: 33.3333333333vw;
  }
  .col49 {
    width: 32.6666666667vw;
  }
  .m49 {
    margin: 32.6666666667vw;
  }
  .ml49 {
    margin-left: 32.6666666667vw;
  }
  .mr49 {
    margin-right: 32.6666666667vw;
  }
  .mt49 {
    margin-top: 32.6666666667vw;
  }
  .mb49 {
    margin-bottom: 32.6666666667vw;
  }
  .p49 {
    padding: 32.6666666667vw;
  }
  .pl49 {
    padding-left: 32.6666666667vw;
  }
  .pr49 {
    padding-right: 32.6666666667vw;
  }
  .pt49 {
    padding-top: 32.6666666667vw;
  }
  .pb49 {
    padding-bottom: 32.6666666667vw;
  }
  .col48 {
    width: 32vw;
  }
  .m48 {
    margin: 32vw;
  }
  .ml48 {
    margin-left: 32vw;
  }
  .mr48 {
    margin-right: 32vw;
  }
  .mt48 {
    margin-top: 32vw;
  }
  .mb48 {
    margin-bottom: 32vw;
  }
  .p48 {
    padding: 32vw;
  }
  .pl48 {
    padding-left: 32vw;
  }
  .pr48 {
    padding-right: 32vw;
  }
  .pt48 {
    padding-top: 32vw;
  }
  .pb48 {
    padding-bottom: 32vw;
  }
  .col47 {
    width: 31.3333333333vw;
  }
  .m47 {
    margin: 31.3333333333vw;
  }
  .ml47 {
    margin-left: 31.3333333333vw;
  }
  .mr47 {
    margin-right: 31.3333333333vw;
  }
  .mt47 {
    margin-top: 31.3333333333vw;
  }
  .mb47 {
    margin-bottom: 31.3333333333vw;
  }
  .p47 {
    padding: 31.3333333333vw;
  }
  .pl47 {
    padding-left: 31.3333333333vw;
  }
  .pr47 {
    padding-right: 31.3333333333vw;
  }
  .pt47 {
    padding-top: 31.3333333333vw;
  }
  .pb47 {
    padding-bottom: 31.3333333333vw;
  }
  .col46 {
    width: 30.6666666667vw;
  }
  .m46 {
    margin: 30.6666666667vw;
  }
  .ml46 {
    margin-left: 30.6666666667vw;
  }
  .mr46 {
    margin-right: 30.6666666667vw;
  }
  .mt46 {
    margin-top: 30.6666666667vw;
  }
  .mb46 {
    margin-bottom: 30.6666666667vw;
  }
  .p46 {
    padding: 30.6666666667vw;
  }
  .pl46 {
    padding-left: 30.6666666667vw;
  }
  .pr46 {
    padding-right: 30.6666666667vw;
  }
  .pt46 {
    padding-top: 30.6666666667vw;
  }
  .pb46 {
    padding-bottom: 30.6666666667vw;
  }
  .col45 {
    width: 30vw;
  }
  .m45 {
    margin: 30vw;
  }
  .ml45 {
    margin-left: 30vw;
  }
  .mr45 {
    margin-right: 30vw;
  }
  .mt45 {
    margin-top: 30vw;
  }
  .mb45 {
    margin-bottom: 30vw;
  }
  .p45 {
    padding: 30vw;
  }
  .pl45 {
    padding-left: 30vw;
  }
  .pr45 {
    padding-right: 30vw;
  }
  .pt45 {
    padding-top: 30vw;
  }
  .pb45 {
    padding-bottom: 30vw;
  }
  .col44 {
    width: 29.3333333333vw;
  }
  .m44 {
    margin: 29.3333333333vw;
  }
  .ml44 {
    margin-left: 29.3333333333vw;
  }
  .mr44 {
    margin-right: 29.3333333333vw;
  }
  .mt44 {
    margin-top: 29.3333333333vw;
  }
  .mb44 {
    margin-bottom: 29.3333333333vw;
  }
  .p44 {
    padding: 29.3333333333vw;
  }
  .pl44 {
    padding-left: 29.3333333333vw;
  }
  .pr44 {
    padding-right: 29.3333333333vw;
  }
  .pt44 {
    padding-top: 29.3333333333vw;
  }
  .pb44 {
    padding-bottom: 29.3333333333vw;
  }
  .col43 {
    width: 28.6666666667vw;
  }
  .m43 {
    margin: 28.6666666667vw;
  }
  .ml43 {
    margin-left: 28.6666666667vw;
  }
  .mr43 {
    margin-right: 28.6666666667vw;
  }
  .mt43 {
    margin-top: 28.6666666667vw;
  }
  .mb43 {
    margin-bottom: 28.6666666667vw;
  }
  .p43 {
    padding: 28.6666666667vw;
  }
  .pl43 {
    padding-left: 28.6666666667vw;
  }
  .pr43 {
    padding-right: 28.6666666667vw;
  }
  .pt43 {
    padding-top: 28.6666666667vw;
  }
  .pb43 {
    padding-bottom: 28.6666666667vw;
  }
  .col42 {
    width: 28vw;
  }
  .m42 {
    margin: 28vw;
  }
  .ml42 {
    margin-left: 28vw;
  }
  .mr42 {
    margin-right: 28vw;
  }
  .mt42 {
    margin-top: 28vw;
  }
  .mb42 {
    margin-bottom: 28vw;
  }
  .p42 {
    padding: 28vw;
  }
  .pl42 {
    padding-left: 28vw;
  }
  .pr42 {
    padding-right: 28vw;
  }
  .pt42 {
    padding-top: 28vw;
  }
  .pb42 {
    padding-bottom: 28vw;
  }
  .col41 {
    width: 27.3333333333vw;
  }
  .m41 {
    margin: 27.3333333333vw;
  }
  .ml41 {
    margin-left: 27.3333333333vw;
  }
  .mr41 {
    margin-right: 27.3333333333vw;
  }
  .mt41 {
    margin-top: 27.3333333333vw;
  }
  .mb41 {
    margin-bottom: 27.3333333333vw;
  }
  .p41 {
    padding: 27.3333333333vw;
  }
  .pl41 {
    padding-left: 27.3333333333vw;
  }
  .pr41 {
    padding-right: 27.3333333333vw;
  }
  .pt41 {
    padding-top: 27.3333333333vw;
  }
  .pb41 {
    padding-bottom: 27.3333333333vw;
  }
  .col40 {
    width: 26.6666666667vw;
  }
  .m40 {
    margin: 26.6666666667vw;
  }
  .ml40 {
    margin-left: 26.6666666667vw;
  }
  .mr40 {
    margin-right: 26.6666666667vw;
  }
  .mt40 {
    margin-top: 26.6666666667vw;
  }
  .mb40 {
    margin-bottom: 26.6666666667vw;
  }
  .p40 {
    padding: 26.6666666667vw;
  }
  .pl40 {
    padding-left: 26.6666666667vw;
  }
  .pr40 {
    padding-right: 26.6666666667vw;
  }
  .pt40 {
    padding-top: 26.6666666667vw;
  }
  .pb40 {
    padding-bottom: 26.6666666667vw;
  }
  .col39 {
    width: 26vw;
  }
  .m39 {
    margin: 26vw;
  }
  .ml39 {
    margin-left: 26vw;
  }
  .mr39 {
    margin-right: 26vw;
  }
  .mt39 {
    margin-top: 26vw;
  }
  .mb39 {
    margin-bottom: 26vw;
  }
  .p39 {
    padding: 26vw;
  }
  .pl39 {
    padding-left: 26vw;
  }
  .pr39 {
    padding-right: 26vw;
  }
  .pt39 {
    padding-top: 26vw;
  }
  .pb39 {
    padding-bottom: 26vw;
  }
  .col38 {
    width: 25.3333333333vw;
  }
  .m38 {
    margin: 25.3333333333vw;
  }
  .ml38 {
    margin-left: 25.3333333333vw;
  }
  .mr38 {
    margin-right: 25.3333333333vw;
  }
  .mt38 {
    margin-top: 25.3333333333vw;
  }
  .mb38 {
    margin-bottom: 25.3333333333vw;
  }
  .p38 {
    padding: 25.3333333333vw;
  }
  .pl38 {
    padding-left: 25.3333333333vw;
  }
  .pr38 {
    padding-right: 25.3333333333vw;
  }
  .pt38 {
    padding-top: 25.3333333333vw;
  }
  .pb38 {
    padding-bottom: 25.3333333333vw;
  }
  .col37 {
    width: 24.6666666667vw;
  }
  .m37 {
    margin: 24.6666666667vw;
  }
  .ml37 {
    margin-left: 24.6666666667vw;
  }
  .mr37 {
    margin-right: 24.6666666667vw;
  }
  .mt37 {
    margin-top: 24.6666666667vw;
  }
  .mb37 {
    margin-bottom: 24.6666666667vw;
  }
  .p37 {
    padding: 24.6666666667vw;
  }
  .pl37 {
    padding-left: 24.6666666667vw;
  }
  .pr37 {
    padding-right: 24.6666666667vw;
  }
  .pt37 {
    padding-top: 24.6666666667vw;
  }
  .pb37 {
    padding-bottom: 24.6666666667vw;
  }
  .col36 {
    width: 24vw;
  }
  .m36 {
    margin: 24vw;
  }
  .ml36 {
    margin-left: 24vw;
  }
  .mr36 {
    margin-right: 24vw;
  }
  .mt36 {
    margin-top: 24vw;
  }
  .mb36 {
    margin-bottom: 24vw;
  }
  .p36 {
    padding: 24vw;
  }
  .pl36 {
    padding-left: 24vw;
  }
  .pr36 {
    padding-right: 24vw;
  }
  .pt36 {
    padding-top: 24vw;
  }
  .pb36 {
    padding-bottom: 24vw;
  }
  .col35 {
    width: 23.3333333333vw;
  }
  .m35 {
    margin: 23.3333333333vw;
  }
  .ml35 {
    margin-left: 23.3333333333vw;
  }
  .mr35 {
    margin-right: 23.3333333333vw;
  }
  .mt35 {
    margin-top: 23.3333333333vw;
  }
  .mb35 {
    margin-bottom: 23.3333333333vw;
  }
  .p35 {
    padding: 23.3333333333vw;
  }
  .pl35 {
    padding-left: 23.3333333333vw;
  }
  .pr35 {
    padding-right: 23.3333333333vw;
  }
  .pt35 {
    padding-top: 23.3333333333vw;
  }
  .pb35 {
    padding-bottom: 23.3333333333vw;
  }
  .col34 {
    width: 22.6666666667vw;
  }
  .m34 {
    margin: 22.6666666667vw;
  }
  .ml34 {
    margin-left: 22.6666666667vw;
  }
  .mr34 {
    margin-right: 22.6666666667vw;
  }
  .mt34 {
    margin-top: 22.6666666667vw;
  }
  .mb34 {
    margin-bottom: 22.6666666667vw;
  }
  .p34 {
    padding: 22.6666666667vw;
  }
  .pl34 {
    padding-left: 22.6666666667vw;
  }
  .pr34 {
    padding-right: 22.6666666667vw;
  }
  .pt34 {
    padding-top: 22.6666666667vw;
  }
  .pb34 {
    padding-bottom: 22.6666666667vw;
  }
  .col33 {
    width: 22vw;
  }
  .m33 {
    margin: 22vw;
  }
  .ml33 {
    margin-left: 22vw;
  }
  .mr33 {
    margin-right: 22vw;
  }
  .mt33 {
    margin-top: 22vw;
  }
  .mb33 {
    margin-bottom: 22vw;
  }
  .p33 {
    padding: 22vw;
  }
  .pl33 {
    padding-left: 22vw;
  }
  .pr33 {
    padding-right: 22vw;
  }
  .pt33 {
    padding-top: 22vw;
  }
  .pb33 {
    padding-bottom: 22vw;
  }
  .col32 {
    width: 21.3333333333vw;
  }
  .m32 {
    margin: 21.3333333333vw;
  }
  .ml32 {
    margin-left: 21.3333333333vw;
  }
  .mr32 {
    margin-right: 21.3333333333vw;
  }
  .mt32 {
    margin-top: 21.3333333333vw;
  }
  .mb32 {
    margin-bottom: 21.3333333333vw;
  }
  .p32 {
    padding: 21.3333333333vw;
  }
  .pl32 {
    padding-left: 21.3333333333vw;
  }
  .pr32 {
    padding-right: 21.3333333333vw;
  }
  .pt32 {
    padding-top: 21.3333333333vw;
  }
  .pb32 {
    padding-bottom: 21.3333333333vw;
  }
  .col31 {
    width: 20.6666666667vw;
  }
  .m31 {
    margin: 20.6666666667vw;
  }
  .ml31 {
    margin-left: 20.6666666667vw;
  }
  .mr31 {
    margin-right: 20.6666666667vw;
  }
  .mt31 {
    margin-top: 20.6666666667vw;
  }
  .mb31 {
    margin-bottom: 20.6666666667vw;
  }
  .p31 {
    padding: 20.6666666667vw;
  }
  .pl31 {
    padding-left: 20.6666666667vw;
  }
  .pr31 {
    padding-right: 20.6666666667vw;
  }
  .pt31 {
    padding-top: 20.6666666667vw;
  }
  .pb31 {
    padding-bottom: 20.6666666667vw;
  }
  .col30 {
    width: 20vw;
  }
  .m30 {
    margin: 20vw;
  }
  .ml30 {
    margin-left: 20vw;
  }
  .mr30 {
    margin-right: 20vw;
  }
  .mt30 {
    margin-top: 20vw;
  }
  .mb30 {
    margin-bottom: 20vw;
  }
  .p30 {
    padding: 20vw;
  }
  .pl30 {
    padding-left: 20vw;
  }
  .pr30 {
    padding-right: 20vw;
  }
  .pt30 {
    padding-top: 20vw;
  }
  .pb30 {
    padding-bottom: 20vw;
  }
  .col29 {
    width: 19.3333333333vw;
  }
  .m29 {
    margin: 19.3333333333vw;
  }
  .ml29 {
    margin-left: 19.3333333333vw;
  }
  .mr29 {
    margin-right: 19.3333333333vw;
  }
  .mt29 {
    margin-top: 19.3333333333vw;
  }
  .mb29 {
    margin-bottom: 19.3333333333vw;
  }
  .p29 {
    padding: 19.3333333333vw;
  }
  .pl29 {
    padding-left: 19.3333333333vw;
  }
  .pr29 {
    padding-right: 19.3333333333vw;
  }
  .pt29 {
    padding-top: 19.3333333333vw;
  }
  .pb29 {
    padding-bottom: 19.3333333333vw;
  }
  .col28 {
    width: 18.6666666667vw;
  }
  .m28 {
    margin: 18.6666666667vw;
  }
  .ml28 {
    margin-left: 18.6666666667vw;
  }
  .mr28 {
    margin-right: 18.6666666667vw;
  }
  .mt28 {
    margin-top: 18.6666666667vw;
  }
  .mb28 {
    margin-bottom: 18.6666666667vw;
  }
  .p28 {
    padding: 18.6666666667vw;
  }
  .pl28 {
    padding-left: 18.6666666667vw;
  }
  .pr28 {
    padding-right: 18.6666666667vw;
  }
  .pt28 {
    padding-top: 18.6666666667vw;
  }
  .pb28 {
    padding-bottom: 18.6666666667vw;
  }
  .col27 {
    width: 18vw;
  }
  .m27 {
    margin: 18vw;
  }
  .ml27 {
    margin-left: 18vw;
  }
  .mr27 {
    margin-right: 18vw;
  }
  .mt27 {
    margin-top: 18vw;
  }
  .mb27 {
    margin-bottom: 18vw;
  }
  .p27 {
    padding: 18vw;
  }
  .pl27 {
    padding-left: 18vw;
  }
  .pr27 {
    padding-right: 18vw;
  }
  .pt27 {
    padding-top: 18vw;
  }
  .pb27 {
    padding-bottom: 18vw;
  }
  .col26 {
    width: 17.3333333333vw;
  }
  .m26 {
    margin: 17.3333333333vw;
  }
  .ml26 {
    margin-left: 17.3333333333vw;
  }
  .mr26 {
    margin-right: 17.3333333333vw;
  }
  .mt26 {
    margin-top: 17.3333333333vw;
  }
  .mb26 {
    margin-bottom: 17.3333333333vw;
  }
  .p26 {
    padding: 17.3333333333vw;
  }
  .pl26 {
    padding-left: 17.3333333333vw;
  }
  .pr26 {
    padding-right: 17.3333333333vw;
  }
  .pt26 {
    padding-top: 17.3333333333vw;
  }
  .pb26 {
    padding-bottom: 17.3333333333vw;
  }
  .col25 {
    width: 16.6666666667vw;
  }
  .m25 {
    margin: 16.6666666667vw;
  }
  .ml25 {
    margin-left: 16.6666666667vw;
  }
  .mr25 {
    margin-right: 16.6666666667vw;
  }
  .mt25 {
    margin-top: 16.6666666667vw;
  }
  .mb25 {
    margin-bottom: 16.6666666667vw;
  }
  .p25 {
    padding: 16.6666666667vw;
  }
  .pl25 {
    padding-left: 16.6666666667vw;
  }
  .pr25 {
    padding-right: 16.6666666667vw;
  }
  .pt25 {
    padding-top: 16.6666666667vw;
  }
  .pb25 {
    padding-bottom: 16.6666666667vw;
  }
  .col24 {
    width: 16vw;
  }
  .m24 {
    margin: 16vw;
  }
  .ml24 {
    margin-left: 16vw;
  }
  .mr24 {
    margin-right: 16vw;
  }
  .mt24 {
    margin-top: 16vw;
  }
  .mb24 {
    margin-bottom: 16vw;
  }
  .p24 {
    padding: 16vw;
  }
  .pl24 {
    padding-left: 16vw;
  }
  .pr24 {
    padding-right: 16vw;
  }
  .pt24 {
    padding-top: 16vw;
  }
  .pb24 {
    padding-bottom: 16vw;
  }
  .col23 {
    width: 15.3333333333vw;
  }
  .m23 {
    margin: 15.3333333333vw;
  }
  .ml23 {
    margin-left: 15.3333333333vw;
  }
  .mr23 {
    margin-right: 15.3333333333vw;
  }
  .mt23 {
    margin-top: 15.3333333333vw;
  }
  .mb23 {
    margin-bottom: 15.3333333333vw;
  }
  .p23 {
    padding: 15.3333333333vw;
  }
  .pl23 {
    padding-left: 15.3333333333vw;
  }
  .pr23 {
    padding-right: 15.3333333333vw;
  }
  .pt23 {
    padding-top: 15.3333333333vw;
  }
  .pb23 {
    padding-bottom: 15.3333333333vw;
  }
  .col22 {
    width: 14.6666666667vw;
  }
  .m22 {
    margin: 14.6666666667vw;
  }
  .ml22 {
    margin-left: 14.6666666667vw;
  }
  .mr22 {
    margin-right: 14.6666666667vw;
  }
  .mt22 {
    margin-top: 14.6666666667vw;
  }
  .mb22 {
    margin-bottom: 14.6666666667vw;
  }
  .p22 {
    padding: 14.6666666667vw;
  }
  .pl22 {
    padding-left: 14.6666666667vw;
  }
  .pr22 {
    padding-right: 14.6666666667vw;
  }
  .pt22 {
    padding-top: 14.6666666667vw;
  }
  .pb22 {
    padding-bottom: 14.6666666667vw;
  }
  .col21 {
    width: 14vw;
  }
  .m21 {
    margin: 14vw;
  }
  .ml21 {
    margin-left: 14vw;
  }
  .mr21 {
    margin-right: 14vw;
  }
  .mt21 {
    margin-top: 14vw;
  }
  .mb21 {
    margin-bottom: 14vw;
  }
  .p21 {
    padding: 14vw;
  }
  .pl21 {
    padding-left: 14vw;
  }
  .pr21 {
    padding-right: 14vw;
  }
  .pt21 {
    padding-top: 14vw;
  }
  .pb21 {
    padding-bottom: 14vw;
  }
  .col20 {
    width: 13.3333333333vw;
  }
  .m20 {
    margin: 13.3333333333vw;
  }
  .ml20 {
    margin-left: 13.3333333333vw;
  }
  .mr20 {
    margin-right: 13.3333333333vw;
  }
  .mt20 {
    margin-top: 13.3333333333vw;
  }
  .mb20 {
    margin-bottom: 13.3333333333vw;
  }
  .p20 {
    padding: 13.3333333333vw;
  }
  .pl20 {
    padding-left: 13.3333333333vw;
  }
  .pr20 {
    padding-right: 13.3333333333vw;
  }
  .pt20 {
    padding-top: 13.3333333333vw;
  }
  .pb20 {
    padding-bottom: 13.3333333333vw;
  }
  .col19 {
    width: 12.6666666667vw;
  }
  .m19 {
    margin: 12.6666666667vw;
  }
  .ml19 {
    margin-left: 12.6666666667vw;
  }
  .mr19 {
    margin-right: 12.6666666667vw;
  }
  .mt19 {
    margin-top: 12.6666666667vw;
  }
  .mb19 {
    margin-bottom: 12.6666666667vw;
  }
  .p19 {
    padding: 12.6666666667vw;
  }
  .pl19 {
    padding-left: 12.6666666667vw;
  }
  .pr19 {
    padding-right: 12.6666666667vw;
  }
  .pt19 {
    padding-top: 12.6666666667vw;
  }
  .pb19 {
    padding-bottom: 12.6666666667vw;
  }
  .col18 {
    width: 12vw;
  }
  .m18 {
    margin: 12vw;
  }
  .ml18 {
    margin-left: 12vw;
  }
  .mr18 {
    margin-right: 12vw;
  }
  .mt18 {
    margin-top: 12vw;
  }
  .mb18 {
    margin-bottom: 12vw;
  }
  .p18 {
    padding: 12vw;
  }
  .pl18 {
    padding-left: 12vw;
  }
  .pr18 {
    padding-right: 12vw;
  }
  .pt18 {
    padding-top: 12vw;
  }
  .pb18 {
    padding-bottom: 12vw;
  }
  .col17 {
    width: 11.3333333333vw;
  }
  .m17 {
    margin: 11.3333333333vw;
  }
  .ml17 {
    margin-left: 11.3333333333vw;
  }
  .mr17 {
    margin-right: 11.3333333333vw;
  }
  .mt17 {
    margin-top: 11.3333333333vw;
  }
  .mb17 {
    margin-bottom: 11.3333333333vw;
  }
  .p17 {
    padding: 11.3333333333vw;
  }
  .pl17 {
    padding-left: 11.3333333333vw;
  }
  .pr17 {
    padding-right: 11.3333333333vw;
  }
  .pt17 {
    padding-top: 11.3333333333vw;
  }
  .pb17 {
    padding-bottom: 11.3333333333vw;
  }
  .col16 {
    width: 10.6666666667vw;
  }
  .m16 {
    margin: 10.6666666667vw;
  }
  .ml16 {
    margin-left: 10.6666666667vw;
  }
  .mr16 {
    margin-right: 10.6666666667vw;
  }
  .mt16 {
    margin-top: 10.6666666667vw;
  }
  .mb16 {
    margin-bottom: 10.6666666667vw;
  }
  .p16 {
    padding: 10.6666666667vw;
  }
  .pl16 {
    padding-left: 10.6666666667vw;
  }
  .pr16 {
    padding-right: 10.6666666667vw;
  }
  .pt16 {
    padding-top: 10.6666666667vw;
  }
  .pb16 {
    padding-bottom: 10.6666666667vw;
  }
  .col15 {
    width: 10vw;
  }
  .m15 {
    margin: 10vw;
  }
  .ml15 {
    margin-left: 10vw;
  }
  .mr15 {
    margin-right: 10vw;
  }
  .mt15 {
    margin-top: 10vw;
  }
  .mb15 {
    margin-bottom: 10vw;
  }
  .p15 {
    padding: 10vw;
  }
  .pl15 {
    padding-left: 10vw;
  }
  .pr15 {
    padding-right: 10vw;
  }
  .pt15 {
    padding-top: 10vw;
  }
  .pb15 {
    padding-bottom: 10vw;
  }
  .col14 {
    width: 9.3333333333vw;
  }
  .m14 {
    margin: 9.3333333333vw;
  }
  .ml14 {
    margin-left: 9.3333333333vw;
  }
  .mr14 {
    margin-right: 9.3333333333vw;
  }
  .mt14 {
    margin-top: 9.3333333333vw;
  }
  .mb14 {
    margin-bottom: 9.3333333333vw;
  }
  .p14 {
    padding: 9.3333333333vw;
  }
  .pl14 {
    padding-left: 9.3333333333vw;
  }
  .pr14 {
    padding-right: 9.3333333333vw;
  }
  .pt14 {
    padding-top: 9.3333333333vw;
  }
  .pb14 {
    padding-bottom: 9.3333333333vw;
  }
  .col13 {
    width: 8.6666666667vw;
  }
  .m13 {
    margin: 8.6666666667vw;
  }
  .ml13 {
    margin-left: 8.6666666667vw;
  }
  .mr13 {
    margin-right: 8.6666666667vw;
  }
  .mt13 {
    margin-top: 8.6666666667vw;
  }
  .mb13 {
    margin-bottom: 8.6666666667vw;
  }
  .p13 {
    padding: 8.6666666667vw;
  }
  .pl13 {
    padding-left: 8.6666666667vw;
  }
  .pr13 {
    padding-right: 8.6666666667vw;
  }
  .pt13 {
    padding-top: 8.6666666667vw;
  }
  .pb13 {
    padding-bottom: 8.6666666667vw;
  }
  .col12 {
    width: 8vw;
  }
  .m12 {
    margin: 8vw;
  }
  .ml12 {
    margin-left: 8vw;
  }
  .mr12 {
    margin-right: 8vw;
  }
  .mt12 {
    margin-top: 8vw;
  }
  .mb12 {
    margin-bottom: 8vw;
  }
  .p12 {
    padding: 8vw;
  }
  .pl12 {
    padding-left: 8vw;
  }
  .pr12 {
    padding-right: 8vw;
  }
  .pt12 {
    padding-top: 8vw;
  }
  .pb12 {
    padding-bottom: 8vw;
  }
  .col11 {
    width: 7.3333333333vw;
  }
  .m11 {
    margin: 7.3333333333vw;
  }
  .ml11 {
    margin-left: 7.3333333333vw;
  }
  .mr11 {
    margin-right: 7.3333333333vw;
  }
  .mt11 {
    margin-top: 7.3333333333vw;
  }
  .mb11 {
    margin-bottom: 7.3333333333vw;
  }
  .p11 {
    padding: 7.3333333333vw;
  }
  .pl11 {
    padding-left: 7.3333333333vw;
  }
  .pr11 {
    padding-right: 7.3333333333vw;
  }
  .pt11 {
    padding-top: 7.3333333333vw;
  }
  .pb11 {
    padding-bottom: 7.3333333333vw;
  }
  .col10 {
    width: 6.6666666667vw;
  }
  .m10 {
    margin: 6.6666666667vw;
  }
  .ml10 {
    margin-left: 6.6666666667vw;
  }
  .mr10 {
    margin-right: 6.6666666667vw;
  }
  .mt10 {
    margin-top: 6.6666666667vw;
  }
  .mb10 {
    margin-bottom: 6.6666666667vw;
  }
  .p10 {
    padding: 6.6666666667vw;
  }
  .pl10 {
    padding-left: 6.6666666667vw;
  }
  .pr10 {
    padding-right: 6.6666666667vw;
  }
  .pt10 {
    padding-top: 6.6666666667vw;
  }
  .pb10 {
    padding-bottom: 6.6666666667vw;
  }
  .col9 {
    width: 6vw;
  }
  .m9 {
    margin: 6vw;
  }
  .ml9 {
    margin-left: 6vw;
  }
  .mr9 {
    margin-right: 6vw;
  }
  .mt9 {
    margin-top: 6vw;
  }
  .mb9 {
    margin-bottom: 6vw;
  }
  .p9 {
    padding: 6vw;
  }
  .pl9 {
    padding-left: 6vw;
  }
  .pr9 {
    padding-right: 6vw;
  }
  .pt9 {
    padding-top: 6vw;
  }
  .pb9 {
    padding-bottom: 6vw;
  }
  .col8 {
    width: 5.3333333333vw;
  }
  .m8 {
    margin: 5.3333333333vw;
  }
  .ml8 {
    margin-left: 5.3333333333vw;
  }
  .mr8 {
    margin-right: 5.3333333333vw;
  }
  .mt8 {
    margin-top: 5.3333333333vw;
  }
  .mb8 {
    margin-bottom: 5.3333333333vw;
  }
  .p8 {
    padding: 5.3333333333vw;
  }
  .pl8 {
    padding-left: 5.3333333333vw;
  }
  .pr8 {
    padding-right: 5.3333333333vw;
  }
  .pt8 {
    padding-top: 5.3333333333vw;
  }
  .pb8 {
    padding-bottom: 5.3333333333vw;
  }
  .col7 {
    width: 4.6666666667vw;
  }
  .m7 {
    margin: 4.6666666667vw;
  }
  .ml7 {
    margin-left: 4.6666666667vw;
  }
  .mr7 {
    margin-right: 4.6666666667vw;
  }
  .mt7 {
    margin-top: 4.6666666667vw;
  }
  .mb7 {
    margin-bottom: 4.6666666667vw;
  }
  .p7 {
    padding: 4.6666666667vw;
  }
  .pl7 {
    padding-left: 4.6666666667vw;
  }
  .pr7 {
    padding-right: 4.6666666667vw;
  }
  .pt7 {
    padding-top: 4.6666666667vw;
  }
  .pb7 {
    padding-bottom: 4.6666666667vw;
  }
  .col6 {
    width: 4vw;
  }
  .m6 {
    margin: 4vw;
  }
  .ml6 {
    margin-left: 4vw;
  }
  .mr6 {
    margin-right: 4vw;
  }
  .mt6 {
    margin-top: 4vw;
  }
  .mb6 {
    margin-bottom: 4vw;
  }
  .p6 {
    padding: 4vw;
  }
  .pl6 {
    padding-left: 4vw;
  }
  .pr6 {
    padding-right: 4vw;
  }
  .pt6 {
    padding-top: 4vw;
  }
  .pb6 {
    padding-bottom: 4vw;
  }
  .col5 {
    width: 3.3333333333vw;
  }
  .m5 {
    margin: 3.3333333333vw;
  }
  .ml5 {
    margin-left: 3.3333333333vw;
  }
  .mr5 {
    margin-right: 3.3333333333vw;
  }
  .mt5 {
    margin-top: 3.3333333333vw;
  }
  .mb5 {
    margin-bottom: 3.3333333333vw;
  }
  .p5 {
    padding: 3.3333333333vw;
  }
  .pl5 {
    padding-left: 3.3333333333vw;
  }
  .pr5 {
    padding-right: 3.3333333333vw;
  }
  .pt5 {
    padding-top: 3.3333333333vw;
  }
  .pb5 {
    padding-bottom: 3.3333333333vw;
  }
  .col4 {
    width: 2.6666666667vw;
  }
  .m4 {
    margin: 2.6666666667vw;
  }
  .ml4 {
    margin-left: 2.6666666667vw;
  }
  .mr4 {
    margin-right: 2.6666666667vw;
  }
  .mt4 {
    margin-top: 2.6666666667vw;
  }
  .mb4 {
    margin-bottom: 2.6666666667vw;
  }
  .p4 {
    padding: 2.6666666667vw;
  }
  .pl4 {
    padding-left: 2.6666666667vw;
  }
  .pr4 {
    padding-right: 2.6666666667vw;
  }
  .pt4 {
    padding-top: 2.6666666667vw;
  }
  .pb4 {
    padding-bottom: 2.6666666667vw;
  }
  .col3 {
    width: 2vw;
  }
  .m3 {
    margin: 2vw;
  }
  .ml3 {
    margin-left: 2vw;
  }
  .mr3 {
    margin-right: 2vw;
  }
  .mt3 {
    margin-top: 2vw;
  }
  .mb3 {
    margin-bottom: 2vw;
  }
  .p3 {
    padding: 2vw;
  }
  .pl3 {
    padding-left: 2vw;
  }
  .pr3 {
    padding-right: 2vw;
  }
  .pt3 {
    padding-top: 2vw;
  }
  .pb3 {
    padding-bottom: 2vw;
  }
  .col2 {
    width: 1.3333333333vw;
  }
  .m2 {
    margin: 1.3333333333vw;
  }
  .ml2 {
    margin-left: 1.3333333333vw;
  }
  .mr2 {
    margin-right: 1.3333333333vw;
  }
  .mt2 {
    margin-top: 1.3333333333vw;
  }
  .mb2 {
    margin-bottom: 1.3333333333vw;
  }
  .p2 {
    padding: 1.3333333333vw;
  }
  .pl2 {
    padding-left: 1.3333333333vw;
  }
  .pr2 {
    padding-right: 1.3333333333vw;
  }
  .pt2 {
    padding-top: 1.3333333333vw;
  }
  .pb2 {
    padding-bottom: 1.3333333333vw;
  }
  .col1 {
    width: 0.6666666667vw;
  }
  .m1 {
    margin: 0.6666666667vw;
  }
  .ml1 {
    margin-left: 0.6666666667vw;
  }
  .mr1 {
    margin-right: 0.6666666667vw;
  }
  .mt1 {
    margin-top: 0.6666666667vw;
  }
  .mb1 {
    margin-bottom: 0.6666666667vw;
  }
  .p1 {
    padding: 0.6666666667vw;
  }
  .pl1 {
    padding-left: 0.6666666667vw;
  }
  .pr1 {
    padding-right: 0.6666666667vw;
  }
  .pt1 {
    padding-top: 0.6666666667vw;
  }
  .pb1 {
    padding-bottom: 0.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .col60s {
    width: 100vw;
  }
  .m60s {
    margin: 100vw;
  }
  .ml60s {
    margin-left: 100vw;
  }
  .mr60s {
    margin-right: 100vw;
  }
  .mt60s {
    margin-top: 100vw;
  }
  .mb60s {
    margin-bottom: 100vw;
  }
  .p60s {
    padding: 100vw;
  }
  .pl60s {
    padding-left: 100vw;
  }
  .pr60s {
    padding-right: 100vw;
  }
  .pt60s {
    padding-top: 100vw;
  }
  .pb60s {
    padding-bottom: 100vw;
  }
  .col59s {
    width: 98.3333333333vw;
  }
  .m59s {
    margin: 98.3333333333vw;
  }
  .ml59s {
    margin-left: 98.3333333333vw;
  }
  .mr59s {
    margin-right: 98.3333333333vw;
  }
  .mt59s {
    margin-top: 98.3333333333vw;
  }
  .mb59s {
    margin-bottom: 98.3333333333vw;
  }
  .p59s {
    padding: 98.3333333333vw;
  }
  .pl59s {
    padding-left: 98.3333333333vw;
  }
  .pr59s {
    padding-right: 98.3333333333vw;
  }
  .pt59s {
    padding-top: 98.3333333333vw;
  }
  .pb59s {
    padding-bottom: 98.3333333333vw;
  }
  .col58s {
    width: 96.6666666667vw;
  }
  .m58s {
    margin: 96.6666666667vw;
  }
  .ml58s {
    margin-left: 96.6666666667vw;
  }
  .mr58s {
    margin-right: 96.6666666667vw;
  }
  .mt58s {
    margin-top: 96.6666666667vw;
  }
  .mb58s {
    margin-bottom: 96.6666666667vw;
  }
  .p58s {
    padding: 96.6666666667vw;
  }
  .pl58s {
    padding-left: 96.6666666667vw;
  }
  .pr58s {
    padding-right: 96.6666666667vw;
  }
  .pt58s {
    padding-top: 96.6666666667vw;
  }
  .pb58s {
    padding-bottom: 96.6666666667vw;
  }
  .col57s {
    width: 95vw;
  }
  .m57s {
    margin: 95vw;
  }
  .ml57s {
    margin-left: 95vw;
  }
  .mr57s {
    margin-right: 95vw;
  }
  .mt57s {
    margin-top: 95vw;
  }
  .mb57s {
    margin-bottom: 95vw;
  }
  .p57s {
    padding: 95vw;
  }
  .pl57s {
    padding-left: 95vw;
  }
  .pr57s {
    padding-right: 95vw;
  }
  .pt57s {
    padding-top: 95vw;
  }
  .pb57s {
    padding-bottom: 95vw;
  }
  .col56s {
    width: 93.3333333333vw;
  }
  .m56s {
    margin: 93.3333333333vw;
  }
  .ml56s {
    margin-left: 93.3333333333vw;
  }
  .mr56s {
    margin-right: 93.3333333333vw;
  }
  .mt56s {
    margin-top: 93.3333333333vw;
  }
  .mb56s {
    margin-bottom: 93.3333333333vw;
  }
  .p56s {
    padding: 93.3333333333vw;
  }
  .pl56s {
    padding-left: 93.3333333333vw;
  }
  .pr56s {
    padding-right: 93.3333333333vw;
  }
  .pt56s {
    padding-top: 93.3333333333vw;
  }
  .pb56s {
    padding-bottom: 93.3333333333vw;
  }
  .col55s {
    width: 91.6666666667vw;
  }
  .m55s {
    margin: 91.6666666667vw;
  }
  .ml55s {
    margin-left: 91.6666666667vw;
  }
  .mr55s {
    margin-right: 91.6666666667vw;
  }
  .mt55s {
    margin-top: 91.6666666667vw;
  }
  .mb55s {
    margin-bottom: 91.6666666667vw;
  }
  .p55s {
    padding: 91.6666666667vw;
  }
  .pl55s {
    padding-left: 91.6666666667vw;
  }
  .pr55s {
    padding-right: 91.6666666667vw;
  }
  .pt55s {
    padding-top: 91.6666666667vw;
  }
  .pb55s {
    padding-bottom: 91.6666666667vw;
  }
  .col54s {
    width: 90vw;
  }
  .m54s {
    margin: 90vw;
  }
  .ml54s {
    margin-left: 90vw;
  }
  .mr54s {
    margin-right: 90vw;
  }
  .mt54s {
    margin-top: 90vw;
  }
  .mb54s {
    margin-bottom: 90vw;
  }
  .p54s {
    padding: 90vw;
  }
  .pl54s {
    padding-left: 90vw;
  }
  .pr54s {
    padding-right: 90vw;
  }
  .pt54s {
    padding-top: 90vw;
  }
  .pb54s {
    padding-bottom: 90vw;
  }
  .col53s {
    width: 88.3333333333vw;
  }
  .m53s {
    margin: 88.3333333333vw;
  }
  .ml53s {
    margin-left: 88.3333333333vw;
  }
  .mr53s {
    margin-right: 88.3333333333vw;
  }
  .mt53s {
    margin-top: 88.3333333333vw;
  }
  .mb53s {
    margin-bottom: 88.3333333333vw;
  }
  .p53s {
    padding: 88.3333333333vw;
  }
  .pl53s {
    padding-left: 88.3333333333vw;
  }
  .pr53s {
    padding-right: 88.3333333333vw;
  }
  .pt53s {
    padding-top: 88.3333333333vw;
  }
  .pb53s {
    padding-bottom: 88.3333333333vw;
  }
  .col52s {
    width: 86.6666666667vw;
  }
  .m52s {
    margin: 86.6666666667vw;
  }
  .ml52s {
    margin-left: 86.6666666667vw;
  }
  .mr52s {
    margin-right: 86.6666666667vw;
  }
  .mt52s {
    margin-top: 86.6666666667vw;
  }
  .mb52s {
    margin-bottom: 86.6666666667vw;
  }
  .p52s {
    padding: 86.6666666667vw;
  }
  .pl52s {
    padding-left: 86.6666666667vw;
  }
  .pr52s {
    padding-right: 86.6666666667vw;
  }
  .pt52s {
    padding-top: 86.6666666667vw;
  }
  .pb52s {
    padding-bottom: 86.6666666667vw;
  }
  .col51s {
    width: 85vw;
  }
  .m51s {
    margin: 85vw;
  }
  .ml51s {
    margin-left: 85vw;
  }
  .mr51s {
    margin-right: 85vw;
  }
  .mt51s {
    margin-top: 85vw;
  }
  .mb51s {
    margin-bottom: 85vw;
  }
  .p51s {
    padding: 85vw;
  }
  .pl51s {
    padding-left: 85vw;
  }
  .pr51s {
    padding-right: 85vw;
  }
  .pt51s {
    padding-top: 85vw;
  }
  .pb51s {
    padding-bottom: 85vw;
  }
  .col50s {
    width: 83.3333333333vw;
  }
  .m50s {
    margin: 83.3333333333vw;
  }
  .ml50s {
    margin-left: 83.3333333333vw;
  }
  .mr50s {
    margin-right: 83.3333333333vw;
  }
  .mt50s {
    margin-top: 83.3333333333vw;
  }
  .mb50s {
    margin-bottom: 83.3333333333vw;
  }
  .p50s {
    padding: 83.3333333333vw;
  }
  .pl50s {
    padding-left: 83.3333333333vw;
  }
  .pr50s {
    padding-right: 83.3333333333vw;
  }
  .pt50s {
    padding-top: 83.3333333333vw;
  }
  .pb50s {
    padding-bottom: 83.3333333333vw;
  }
  .col49s {
    width: 81.6666666667vw;
  }
  .m49s {
    margin: 81.6666666667vw;
  }
  .ml49s {
    margin-left: 81.6666666667vw;
  }
  .mr49s {
    margin-right: 81.6666666667vw;
  }
  .mt49s {
    margin-top: 81.6666666667vw;
  }
  .mb49s {
    margin-bottom: 81.6666666667vw;
  }
  .p49s {
    padding: 81.6666666667vw;
  }
  .pl49s {
    padding-left: 81.6666666667vw;
  }
  .pr49s {
    padding-right: 81.6666666667vw;
  }
  .pt49s {
    padding-top: 81.6666666667vw;
  }
  .pb49s {
    padding-bottom: 81.6666666667vw;
  }
  .col48s {
    width: 80vw;
  }
  .m48s {
    margin: 80vw;
  }
  .ml48s {
    margin-left: 80vw;
  }
  .mr48s {
    margin-right: 80vw;
  }
  .mt48s {
    margin-top: 80vw;
  }
  .mb48s {
    margin-bottom: 80vw;
  }
  .p48s {
    padding: 80vw;
  }
  .pl48s {
    padding-left: 80vw;
  }
  .pr48s {
    padding-right: 80vw;
  }
  .pt48s {
    padding-top: 80vw;
  }
  .pb48s {
    padding-bottom: 80vw;
  }
  .col47s {
    width: 78.3333333333vw;
  }
  .m47s {
    margin: 78.3333333333vw;
  }
  .ml47s {
    margin-left: 78.3333333333vw;
  }
  .mr47s {
    margin-right: 78.3333333333vw;
  }
  .mt47s {
    margin-top: 78.3333333333vw;
  }
  .mb47s {
    margin-bottom: 78.3333333333vw;
  }
  .p47s {
    padding: 78.3333333333vw;
  }
  .pl47s {
    padding-left: 78.3333333333vw;
  }
  .pr47s {
    padding-right: 78.3333333333vw;
  }
  .pt47s {
    padding-top: 78.3333333333vw;
  }
  .pb47s {
    padding-bottom: 78.3333333333vw;
  }
  .col46s {
    width: 76.6666666667vw;
  }
  .m46s {
    margin: 76.6666666667vw;
  }
  .ml46s {
    margin-left: 76.6666666667vw;
  }
  .mr46s {
    margin-right: 76.6666666667vw;
  }
  .mt46s {
    margin-top: 76.6666666667vw;
  }
  .mb46s {
    margin-bottom: 76.6666666667vw;
  }
  .p46s {
    padding: 76.6666666667vw;
  }
  .pl46s {
    padding-left: 76.6666666667vw;
  }
  .pr46s {
    padding-right: 76.6666666667vw;
  }
  .pt46s {
    padding-top: 76.6666666667vw;
  }
  .pb46s {
    padding-bottom: 76.6666666667vw;
  }
  .col45s {
    width: 75vw;
  }
  .m45s {
    margin: 75vw;
  }
  .ml45s {
    margin-left: 75vw;
  }
  .mr45s {
    margin-right: 75vw;
  }
  .mt45s {
    margin-top: 75vw;
  }
  .mb45s {
    margin-bottom: 75vw;
  }
  .p45s {
    padding: 75vw;
  }
  .pl45s {
    padding-left: 75vw;
  }
  .pr45s {
    padding-right: 75vw;
  }
  .pt45s {
    padding-top: 75vw;
  }
  .pb45s {
    padding-bottom: 75vw;
  }
  .col44s {
    width: 73.3333333333vw;
  }
  .m44s {
    margin: 73.3333333333vw;
  }
  .ml44s {
    margin-left: 73.3333333333vw;
  }
  .mr44s {
    margin-right: 73.3333333333vw;
  }
  .mt44s {
    margin-top: 73.3333333333vw;
  }
  .mb44s {
    margin-bottom: 73.3333333333vw;
  }
  .p44s {
    padding: 73.3333333333vw;
  }
  .pl44s {
    padding-left: 73.3333333333vw;
  }
  .pr44s {
    padding-right: 73.3333333333vw;
  }
  .pt44s {
    padding-top: 73.3333333333vw;
  }
  .pb44s {
    padding-bottom: 73.3333333333vw;
  }
  .col43s {
    width: 71.6666666667vw;
  }
  .m43s {
    margin: 71.6666666667vw;
  }
  .ml43s {
    margin-left: 71.6666666667vw;
  }
  .mr43s {
    margin-right: 71.6666666667vw;
  }
  .mt43s {
    margin-top: 71.6666666667vw;
  }
  .mb43s {
    margin-bottom: 71.6666666667vw;
  }
  .p43s {
    padding: 71.6666666667vw;
  }
  .pl43s {
    padding-left: 71.6666666667vw;
  }
  .pr43s {
    padding-right: 71.6666666667vw;
  }
  .pt43s {
    padding-top: 71.6666666667vw;
  }
  .pb43s {
    padding-bottom: 71.6666666667vw;
  }
  .col42s {
    width: 70vw;
  }
  .m42s {
    margin: 70vw;
  }
  .ml42s {
    margin-left: 70vw;
  }
  .mr42s {
    margin-right: 70vw;
  }
  .mt42s {
    margin-top: 70vw;
  }
  .mb42s {
    margin-bottom: 70vw;
  }
  .p42s {
    padding: 70vw;
  }
  .pl42s {
    padding-left: 70vw;
  }
  .pr42s {
    padding-right: 70vw;
  }
  .pt42s {
    padding-top: 70vw;
  }
  .pb42s {
    padding-bottom: 70vw;
  }
  .col41s {
    width: 68.3333333333vw;
  }
  .m41s {
    margin: 68.3333333333vw;
  }
  .ml41s {
    margin-left: 68.3333333333vw;
  }
  .mr41s {
    margin-right: 68.3333333333vw;
  }
  .mt41s {
    margin-top: 68.3333333333vw;
  }
  .mb41s {
    margin-bottom: 68.3333333333vw;
  }
  .p41s {
    padding: 68.3333333333vw;
  }
  .pl41s {
    padding-left: 68.3333333333vw;
  }
  .pr41s {
    padding-right: 68.3333333333vw;
  }
  .pt41s {
    padding-top: 68.3333333333vw;
  }
  .pb41s {
    padding-bottom: 68.3333333333vw;
  }
  .col40s {
    width: 66.6666666667vw;
  }
  .m40s {
    margin: 66.6666666667vw;
  }
  .ml40s {
    margin-left: 66.6666666667vw;
  }
  .mr40s {
    margin-right: 66.6666666667vw;
  }
  .mt40s {
    margin-top: 66.6666666667vw;
  }
  .mb40s {
    margin-bottom: 66.6666666667vw;
  }
  .p40s {
    padding: 66.6666666667vw;
  }
  .pl40s {
    padding-left: 66.6666666667vw;
  }
  .pr40s {
    padding-right: 66.6666666667vw;
  }
  .pt40s {
    padding-top: 66.6666666667vw;
  }
  .pb40s {
    padding-bottom: 66.6666666667vw;
  }
  .col39s {
    width: 65vw;
  }
  .m39s {
    margin: 65vw;
  }
  .ml39s {
    margin-left: 65vw;
  }
  .mr39s {
    margin-right: 65vw;
  }
  .mt39s {
    margin-top: 65vw;
  }
  .mb39s {
    margin-bottom: 65vw;
  }
  .p39s {
    padding: 65vw;
  }
  .pl39s {
    padding-left: 65vw;
  }
  .pr39s {
    padding-right: 65vw;
  }
  .pt39s {
    padding-top: 65vw;
  }
  .pb39s {
    padding-bottom: 65vw;
  }
  .col38s {
    width: 63.3333333333vw;
  }
  .m38s {
    margin: 63.3333333333vw;
  }
  .ml38s {
    margin-left: 63.3333333333vw;
  }
  .mr38s {
    margin-right: 63.3333333333vw;
  }
  .mt38s {
    margin-top: 63.3333333333vw;
  }
  .mb38s {
    margin-bottom: 63.3333333333vw;
  }
  .p38s {
    padding: 63.3333333333vw;
  }
  .pl38s {
    padding-left: 63.3333333333vw;
  }
  .pr38s {
    padding-right: 63.3333333333vw;
  }
  .pt38s {
    padding-top: 63.3333333333vw;
  }
  .pb38s {
    padding-bottom: 63.3333333333vw;
  }
  .col37s {
    width: 61.6666666667vw;
  }
  .m37s {
    margin: 61.6666666667vw;
  }
  .ml37s {
    margin-left: 61.6666666667vw;
  }
  .mr37s {
    margin-right: 61.6666666667vw;
  }
  .mt37s {
    margin-top: 61.6666666667vw;
  }
  .mb37s {
    margin-bottom: 61.6666666667vw;
  }
  .p37s {
    padding: 61.6666666667vw;
  }
  .pl37s {
    padding-left: 61.6666666667vw;
  }
  .pr37s {
    padding-right: 61.6666666667vw;
  }
  .pt37s {
    padding-top: 61.6666666667vw;
  }
  .pb37s {
    padding-bottom: 61.6666666667vw;
  }
  .col36s {
    width: 60vw;
  }
  .m36s {
    margin: 60vw;
  }
  .ml36s {
    margin-left: 60vw;
  }
  .mr36s {
    margin-right: 60vw;
  }
  .mt36s {
    margin-top: 60vw;
  }
  .mb36s {
    margin-bottom: 60vw;
  }
  .p36s {
    padding: 60vw;
  }
  .pl36s {
    padding-left: 60vw;
  }
  .pr36s {
    padding-right: 60vw;
  }
  .pt36s {
    padding-top: 60vw;
  }
  .pb36s {
    padding-bottom: 60vw;
  }
  .col35s {
    width: 58.3333333333vw;
  }
  .m35s {
    margin: 58.3333333333vw;
  }
  .ml35s {
    margin-left: 58.3333333333vw;
  }
  .mr35s {
    margin-right: 58.3333333333vw;
  }
  .mt35s {
    margin-top: 58.3333333333vw;
  }
  .mb35s {
    margin-bottom: 58.3333333333vw;
  }
  .p35s {
    padding: 58.3333333333vw;
  }
  .pl35s {
    padding-left: 58.3333333333vw;
  }
  .pr35s {
    padding-right: 58.3333333333vw;
  }
  .pt35s {
    padding-top: 58.3333333333vw;
  }
  .pb35s {
    padding-bottom: 58.3333333333vw;
  }
  .col34s {
    width: 56.6666666667vw;
  }
  .m34s {
    margin: 56.6666666667vw;
  }
  .ml34s {
    margin-left: 56.6666666667vw;
  }
  .mr34s {
    margin-right: 56.6666666667vw;
  }
  .mt34s {
    margin-top: 56.6666666667vw;
  }
  .mb34s {
    margin-bottom: 56.6666666667vw;
  }
  .p34s {
    padding: 56.6666666667vw;
  }
  .pl34s {
    padding-left: 56.6666666667vw;
  }
  .pr34s {
    padding-right: 56.6666666667vw;
  }
  .pt34s {
    padding-top: 56.6666666667vw;
  }
  .pb34s {
    padding-bottom: 56.6666666667vw;
  }
  .col33s {
    width: 55vw;
  }
  .m33s {
    margin: 55vw;
  }
  .ml33s {
    margin-left: 55vw;
  }
  .mr33s {
    margin-right: 55vw;
  }
  .mt33s {
    margin-top: 55vw;
  }
  .mb33s {
    margin-bottom: 55vw;
  }
  .p33s {
    padding: 55vw;
  }
  .pl33s {
    padding-left: 55vw;
  }
  .pr33s {
    padding-right: 55vw;
  }
  .pt33s {
    padding-top: 55vw;
  }
  .pb33s {
    padding-bottom: 55vw;
  }
  .col32s {
    width: 53.3333333333vw;
  }
  .m32s {
    margin: 53.3333333333vw;
  }
  .ml32s {
    margin-left: 53.3333333333vw;
  }
  .mr32s {
    margin-right: 53.3333333333vw;
  }
  .mt32s {
    margin-top: 53.3333333333vw;
  }
  .mb32s {
    margin-bottom: 53.3333333333vw;
  }
  .p32s {
    padding: 53.3333333333vw;
  }
  .pl32s {
    padding-left: 53.3333333333vw;
  }
  .pr32s {
    padding-right: 53.3333333333vw;
  }
  .pt32s {
    padding-top: 53.3333333333vw;
  }
  .pb32s {
    padding-bottom: 53.3333333333vw;
  }
  .col31s {
    width: 51.6666666667vw;
  }
  .m31s {
    margin: 51.6666666667vw;
  }
  .ml31s {
    margin-left: 51.6666666667vw;
  }
  .mr31s {
    margin-right: 51.6666666667vw;
  }
  .mt31s {
    margin-top: 51.6666666667vw;
  }
  .mb31s {
    margin-bottom: 51.6666666667vw;
  }
  .p31s {
    padding: 51.6666666667vw;
  }
  .pl31s {
    padding-left: 51.6666666667vw;
  }
  .pr31s {
    padding-right: 51.6666666667vw;
  }
  .pt31s {
    padding-top: 51.6666666667vw;
  }
  .pb31s {
    padding-bottom: 51.6666666667vw;
  }
  .col30s {
    width: 50vw;
  }
  .m30s {
    margin: 50vw;
  }
  .ml30s {
    margin-left: 50vw;
  }
  .mr30s {
    margin-right: 50vw;
  }
  .mt30s {
    margin-top: 50vw;
  }
  .mb30s {
    margin-bottom: 50vw;
  }
  .p30s {
    padding: 50vw;
  }
  .pl30s {
    padding-left: 50vw;
  }
  .pr30s {
    padding-right: 50vw;
  }
  .pt30s {
    padding-top: 50vw;
  }
  .pb30s {
    padding-bottom: 50vw;
  }
  .col29s {
    width: 48.3333333333vw;
  }
  .m29s {
    margin: 48.3333333333vw;
  }
  .ml29s {
    margin-left: 48.3333333333vw;
  }
  .mr29s {
    margin-right: 48.3333333333vw;
  }
  .mt29s {
    margin-top: 48.3333333333vw;
  }
  .mb29s {
    margin-bottom: 48.3333333333vw;
  }
  .p29s {
    padding: 48.3333333333vw;
  }
  .pl29s {
    padding-left: 48.3333333333vw;
  }
  .pr29s {
    padding-right: 48.3333333333vw;
  }
  .pt29s {
    padding-top: 48.3333333333vw;
  }
  .pb29s {
    padding-bottom: 48.3333333333vw;
  }
  .col28s {
    width: 46.6666666667vw;
  }
  .m28s {
    margin: 46.6666666667vw;
  }
  .ml28s {
    margin-left: 46.6666666667vw;
  }
  .mr28s {
    margin-right: 46.6666666667vw;
  }
  .mt28s {
    margin-top: 46.6666666667vw;
  }
  .mb28s {
    margin-bottom: 46.6666666667vw;
  }
  .p28s {
    padding: 46.6666666667vw;
  }
  .pl28s {
    padding-left: 46.6666666667vw;
  }
  .pr28s {
    padding-right: 46.6666666667vw;
  }
  .pt28s {
    padding-top: 46.6666666667vw;
  }
  .pb28s {
    padding-bottom: 46.6666666667vw;
  }
  .col27s {
    width: 45vw;
  }
  .m27s {
    margin: 45vw;
  }
  .ml27s {
    margin-left: 45vw;
  }
  .mr27s {
    margin-right: 45vw;
  }
  .mt27s {
    margin-top: 45vw;
  }
  .mb27s {
    margin-bottom: 45vw;
  }
  .p27s {
    padding: 45vw;
  }
  .pl27s {
    padding-left: 45vw;
  }
  .pr27s {
    padding-right: 45vw;
  }
  .pt27s {
    padding-top: 45vw;
  }
  .pb27s {
    padding-bottom: 45vw;
  }
  .col26s {
    width: 43.3333333333vw;
  }
  .m26s {
    margin: 43.3333333333vw;
  }
  .ml26s {
    margin-left: 43.3333333333vw;
  }
  .mr26s {
    margin-right: 43.3333333333vw;
  }
  .mt26s {
    margin-top: 43.3333333333vw;
  }
  .mb26s {
    margin-bottom: 43.3333333333vw;
  }
  .p26s {
    padding: 43.3333333333vw;
  }
  .pl26s {
    padding-left: 43.3333333333vw;
  }
  .pr26s {
    padding-right: 43.3333333333vw;
  }
  .pt26s {
    padding-top: 43.3333333333vw;
  }
  .pb26s {
    padding-bottom: 43.3333333333vw;
  }
  .col25s {
    width: 41.6666666667vw;
  }
  .m25s {
    margin: 41.6666666667vw;
  }
  .ml25s {
    margin-left: 41.6666666667vw;
  }
  .mr25s {
    margin-right: 41.6666666667vw;
  }
  .mt25s {
    margin-top: 41.6666666667vw;
  }
  .mb25s {
    margin-bottom: 41.6666666667vw;
  }
  .p25s {
    padding: 41.6666666667vw;
  }
  .pl25s {
    padding-left: 41.6666666667vw;
  }
  .pr25s {
    padding-right: 41.6666666667vw;
  }
  .pt25s {
    padding-top: 41.6666666667vw;
  }
  .pb25s {
    padding-bottom: 41.6666666667vw;
  }
  .col24s {
    width: 40vw;
  }
  .m24s {
    margin: 40vw;
  }
  .ml24s {
    margin-left: 40vw;
  }
  .mr24s {
    margin-right: 40vw;
  }
  .mt24s {
    margin-top: 40vw;
  }
  .mb24s {
    margin-bottom: 40vw;
  }
  .p24s {
    padding: 40vw;
  }
  .pl24s {
    padding-left: 40vw;
  }
  .pr24s {
    padding-right: 40vw;
  }
  .pt24s {
    padding-top: 40vw;
  }
  .pb24s {
    padding-bottom: 40vw;
  }
  .col23s {
    width: 38.3333333333vw;
  }
  .m23s {
    margin: 38.3333333333vw;
  }
  .ml23s {
    margin-left: 38.3333333333vw;
  }
  .mr23s {
    margin-right: 38.3333333333vw;
  }
  .mt23s {
    margin-top: 38.3333333333vw;
  }
  .mb23s {
    margin-bottom: 38.3333333333vw;
  }
  .p23s {
    padding: 38.3333333333vw;
  }
  .pl23s {
    padding-left: 38.3333333333vw;
  }
  .pr23s {
    padding-right: 38.3333333333vw;
  }
  .pt23s {
    padding-top: 38.3333333333vw;
  }
  .pb23s {
    padding-bottom: 38.3333333333vw;
  }
  .col22s {
    width: 36.6666666667vw;
  }
  .m22s {
    margin: 36.6666666667vw;
  }
  .ml22s {
    margin-left: 36.6666666667vw;
  }
  .mr22s {
    margin-right: 36.6666666667vw;
  }
  .mt22s {
    margin-top: 36.6666666667vw;
  }
  .mb22s {
    margin-bottom: 36.6666666667vw;
  }
  .p22s {
    padding: 36.6666666667vw;
  }
  .pl22s {
    padding-left: 36.6666666667vw;
  }
  .pr22s {
    padding-right: 36.6666666667vw;
  }
  .pt22s {
    padding-top: 36.6666666667vw;
  }
  .pb22s {
    padding-bottom: 36.6666666667vw;
  }
  .col21s {
    width: 35vw;
  }
  .m21s {
    margin: 35vw;
  }
  .ml21s {
    margin-left: 35vw;
  }
  .mr21s {
    margin-right: 35vw;
  }
  .mt21s {
    margin-top: 35vw;
  }
  .mb21s {
    margin-bottom: 35vw;
  }
  .p21s {
    padding: 35vw;
  }
  .pl21s {
    padding-left: 35vw;
  }
  .pr21s {
    padding-right: 35vw;
  }
  .pt21s {
    padding-top: 35vw;
  }
  .pb21s {
    padding-bottom: 35vw;
  }
  .col20s {
    width: 33.3333333333vw;
  }
  .m20s {
    margin: 33.3333333333vw;
  }
  .ml20s {
    margin-left: 33.3333333333vw;
  }
  .mr20s {
    margin-right: 33.3333333333vw;
  }
  .mt20s {
    margin-top: 33.3333333333vw;
  }
  .mb20s {
    margin-bottom: 33.3333333333vw;
  }
  .p20s {
    padding: 33.3333333333vw;
  }
  .pl20s {
    padding-left: 33.3333333333vw;
  }
  .pr20s {
    padding-right: 33.3333333333vw;
  }
  .pt20s {
    padding-top: 33.3333333333vw;
  }
  .pb20s {
    padding-bottom: 33.3333333333vw;
  }
  .col19s {
    width: 31.6666666667vw;
  }
  .m19s {
    margin: 31.6666666667vw;
  }
  .ml19s {
    margin-left: 31.6666666667vw;
  }
  .mr19s {
    margin-right: 31.6666666667vw;
  }
  .mt19s {
    margin-top: 31.6666666667vw;
  }
  .mb19s {
    margin-bottom: 31.6666666667vw;
  }
  .p19s {
    padding: 31.6666666667vw;
  }
  .pl19s {
    padding-left: 31.6666666667vw;
  }
  .pr19s {
    padding-right: 31.6666666667vw;
  }
  .pt19s {
    padding-top: 31.6666666667vw;
  }
  .pb19s {
    padding-bottom: 31.6666666667vw;
  }
  .col18s {
    width: 30vw;
  }
  .m18s {
    margin: 30vw;
  }
  .ml18s {
    margin-left: 30vw;
  }
  .mr18s {
    margin-right: 30vw;
  }
  .mt18s {
    margin-top: 30vw;
  }
  .mb18s {
    margin-bottom: 30vw;
  }
  .p18s {
    padding: 30vw;
  }
  .pl18s {
    padding-left: 30vw;
  }
  .pr18s {
    padding-right: 30vw;
  }
  .pt18s {
    padding-top: 30vw;
  }
  .pb18s {
    padding-bottom: 30vw;
  }
  .col17s {
    width: 28.3333333333vw;
  }
  .m17s {
    margin: 28.3333333333vw;
  }
  .ml17s {
    margin-left: 28.3333333333vw;
  }
  .mr17s {
    margin-right: 28.3333333333vw;
  }
  .mt17s {
    margin-top: 28.3333333333vw;
  }
  .mb17s {
    margin-bottom: 28.3333333333vw;
  }
  .p17s {
    padding: 28.3333333333vw;
  }
  .pl17s {
    padding-left: 28.3333333333vw;
  }
  .pr17s {
    padding-right: 28.3333333333vw;
  }
  .pt17s {
    padding-top: 28.3333333333vw;
  }
  .pb17s {
    padding-bottom: 28.3333333333vw;
  }
  .col16s {
    width: 26.6666666667vw;
  }
  .m16s {
    margin: 26.6666666667vw;
  }
  .ml16s {
    margin-left: 26.6666666667vw;
  }
  .mr16s {
    margin-right: 26.6666666667vw;
  }
  .mt16s {
    margin-top: 26.6666666667vw;
  }
  .mb16s {
    margin-bottom: 26.6666666667vw;
  }
  .p16s {
    padding: 26.6666666667vw;
  }
  .pl16s {
    padding-left: 26.6666666667vw;
  }
  .pr16s {
    padding-right: 26.6666666667vw;
  }
  .pt16s {
    padding-top: 26.6666666667vw;
  }
  .pb16s {
    padding-bottom: 26.6666666667vw;
  }
  .col15s {
    width: 25vw;
  }
  .m15s {
    margin: 25vw;
  }
  .ml15s {
    margin-left: 25vw;
  }
  .mr15s {
    margin-right: 25vw;
  }
  .mt15s {
    margin-top: 25vw;
  }
  .mb15s {
    margin-bottom: 25vw;
  }
  .p15s {
    padding: 25vw;
  }
  .pl15s {
    padding-left: 25vw;
  }
  .pr15s {
    padding-right: 25vw;
  }
  .pt15s {
    padding-top: 25vw;
  }
  .pb15s {
    padding-bottom: 25vw;
  }
  .col14s {
    width: 23.3333333333vw;
  }
  .m14s {
    margin: 23.3333333333vw;
  }
  .ml14s {
    margin-left: 23.3333333333vw;
  }
  .mr14s {
    margin-right: 23.3333333333vw;
  }
  .mt14s {
    margin-top: 23.3333333333vw;
  }
  .mb14s {
    margin-bottom: 23.3333333333vw;
  }
  .p14s {
    padding: 23.3333333333vw;
  }
  .pl14s {
    padding-left: 23.3333333333vw;
  }
  .pr14s {
    padding-right: 23.3333333333vw;
  }
  .pt14s {
    padding-top: 23.3333333333vw;
  }
  .pb14s {
    padding-bottom: 23.3333333333vw;
  }
  .col13s {
    width: 21.6666666667vw;
  }
  .m13s {
    margin: 21.6666666667vw;
  }
  .ml13s {
    margin-left: 21.6666666667vw;
  }
  .mr13s {
    margin-right: 21.6666666667vw;
  }
  .mt13s {
    margin-top: 21.6666666667vw;
  }
  .mb13s {
    margin-bottom: 21.6666666667vw;
  }
  .p13s {
    padding: 21.6666666667vw;
  }
  .pl13s {
    padding-left: 21.6666666667vw;
  }
  .pr13s {
    padding-right: 21.6666666667vw;
  }
  .pt13s {
    padding-top: 21.6666666667vw;
  }
  .pb13s {
    padding-bottom: 21.6666666667vw;
  }
  .col12s {
    width: 20vw;
  }
  .m12s {
    margin: 20vw;
  }
  .ml12s {
    margin-left: 20vw;
  }
  .mr12s {
    margin-right: 20vw;
  }
  .mt12s {
    margin-top: 20vw;
  }
  .mb12s {
    margin-bottom: 20vw;
  }
  .p12s {
    padding: 20vw;
  }
  .pl12s {
    padding-left: 20vw;
  }
  .pr12s {
    padding-right: 20vw;
  }
  .pt12s {
    padding-top: 20vw;
  }
  .pb12s {
    padding-bottom: 20vw;
  }
  .col11s {
    width: 18.3333333333vw;
  }
  .m11s {
    margin: 18.3333333333vw;
  }
  .ml11s {
    margin-left: 18.3333333333vw;
  }
  .mr11s {
    margin-right: 18.3333333333vw;
  }
  .mt11s {
    margin-top: 18.3333333333vw;
  }
  .mb11s {
    margin-bottom: 18.3333333333vw;
  }
  .p11s {
    padding: 18.3333333333vw;
  }
  .pl11s {
    padding-left: 18.3333333333vw;
  }
  .pr11s {
    padding-right: 18.3333333333vw;
  }
  .pt11s {
    padding-top: 18.3333333333vw;
  }
  .pb11s {
    padding-bottom: 18.3333333333vw;
  }
  .col10s {
    width: 16.6666666667vw;
  }
  .m10s {
    margin: 16.6666666667vw;
  }
  .ml10s {
    margin-left: 16.6666666667vw;
  }
  .mr10s {
    margin-right: 16.6666666667vw;
  }
  .mt10s {
    margin-top: 16.6666666667vw;
  }
  .mb10s {
    margin-bottom: 16.6666666667vw;
  }
  .p10s {
    padding: 16.6666666667vw;
  }
  .pl10s {
    padding-left: 16.6666666667vw;
  }
  .pr10s {
    padding-right: 16.6666666667vw;
  }
  .pt10s {
    padding-top: 16.6666666667vw;
  }
  .pb10s {
    padding-bottom: 16.6666666667vw;
  }
  .col9s {
    width: 15vw;
  }
  .m9s {
    margin: 15vw;
  }
  .ml9s {
    margin-left: 15vw;
  }
  .mr9s {
    margin-right: 15vw;
  }
  .mt9s {
    margin-top: 15vw;
  }
  .mb9s {
    margin-bottom: 15vw;
  }
  .p9s {
    padding: 15vw;
  }
  .pl9s {
    padding-left: 15vw;
  }
  .pr9s {
    padding-right: 15vw;
  }
  .pt9s {
    padding-top: 15vw;
  }
  .pb9s {
    padding-bottom: 15vw;
  }
  .col8s {
    width: 13.3333333333vw;
  }
  .m8s {
    margin: 13.3333333333vw;
  }
  .ml8s {
    margin-left: 13.3333333333vw;
  }
  .mr8s {
    margin-right: 13.3333333333vw;
  }
  .mt8s {
    margin-top: 13.3333333333vw;
  }
  .mb8s {
    margin-bottom: 13.3333333333vw;
  }
  .p8s {
    padding: 13.3333333333vw;
  }
  .pl8s {
    padding-left: 13.3333333333vw;
  }
  .pr8s {
    padding-right: 13.3333333333vw;
  }
  .pt8s {
    padding-top: 13.3333333333vw;
  }
  .pb8s {
    padding-bottom: 13.3333333333vw;
  }
  .col7s {
    width: 11.6666666667vw;
  }
  .m7s {
    margin: 11.6666666667vw;
  }
  .ml7s {
    margin-left: 11.6666666667vw;
  }
  .mr7s {
    margin-right: 11.6666666667vw;
  }
  .mt7s {
    margin-top: 11.6666666667vw;
  }
  .mb7s {
    margin-bottom: 11.6666666667vw;
  }
  .p7s {
    padding: 11.6666666667vw;
  }
  .pl7s {
    padding-left: 11.6666666667vw;
  }
  .pr7s {
    padding-right: 11.6666666667vw;
  }
  .pt7s {
    padding-top: 11.6666666667vw;
  }
  .pb7s {
    padding-bottom: 11.6666666667vw;
  }
  .col6s {
    width: 10vw;
  }
  .m6s {
    margin: 10vw;
  }
  .ml6s {
    margin-left: 10vw;
  }
  .mr6s {
    margin-right: 10vw;
  }
  .mt6s {
    margin-top: 10vw;
  }
  .mb6s {
    margin-bottom: 10vw;
  }
  .p6s {
    padding: 10vw;
  }
  .pl6s {
    padding-left: 10vw;
  }
  .pr6s {
    padding-right: 10vw;
  }
  .pt6s {
    padding-top: 10vw;
  }
  .pb6s {
    padding-bottom: 10vw;
  }
  .col5s {
    width: 8.3333333333vw;
  }
  .m5s {
    margin: 8.3333333333vw;
  }
  .ml5s {
    margin-left: 8.3333333333vw;
  }
  .mr5s {
    margin-right: 8.3333333333vw;
  }
  .mt5s {
    margin-top: 8.3333333333vw;
  }
  .mb5s {
    margin-bottom: 8.3333333333vw;
  }
  .p5s {
    padding: 8.3333333333vw;
  }
  .pl5s {
    padding-left: 8.3333333333vw;
  }
  .pr5s {
    padding-right: 8.3333333333vw;
  }
  .pt5s {
    padding-top: 8.3333333333vw;
  }
  .pb5s {
    padding-bottom: 8.3333333333vw;
  }
  .col4s {
    width: 6.6666666667vw;
  }
  .m4s {
    margin: 6.6666666667vw;
  }
  .ml4s {
    margin-left: 6.6666666667vw;
  }
  .mr4s {
    margin-right: 6.6666666667vw;
  }
  .mt4s {
    margin-top: 6.6666666667vw;
  }
  .mb4s {
    margin-bottom: 6.6666666667vw;
  }
  .p4s {
    padding: 6.6666666667vw;
  }
  .pl4s {
    padding-left: 6.6666666667vw;
  }
  .pr4s {
    padding-right: 6.6666666667vw;
  }
  .pt4s {
    padding-top: 6.6666666667vw;
  }
  .pb4s {
    padding-bottom: 6.6666666667vw;
  }
  .col3s {
    width: 5vw;
  }
  .m3s {
    margin: 5vw;
  }
  .ml3s {
    margin-left: 5vw;
  }
  .mr3s {
    margin-right: 5vw;
  }
  .mt3s {
    margin-top: 5vw;
  }
  .mb3s {
    margin-bottom: 5vw;
  }
  .p3s {
    padding: 5vw;
  }
  .pl3s {
    padding-left: 5vw;
  }
  .pr3s {
    padding-right: 5vw;
  }
  .pt3s {
    padding-top: 5vw;
  }
  .pb3s {
    padding-bottom: 5vw;
  }
  .col2s {
    width: 3.3333333333vw;
  }
  .m2s {
    margin: 3.3333333333vw;
  }
  .ml2s {
    margin-left: 3.3333333333vw;
  }
  .mr2s {
    margin-right: 3.3333333333vw;
  }
  .mt2s {
    margin-top: 3.3333333333vw;
  }
  .mb2s {
    margin-bottom: 3.3333333333vw;
  }
  .p2s {
    padding: 3.3333333333vw;
  }
  .pl2s {
    padding-left: 3.3333333333vw;
  }
  .pr2s {
    padding-right: 3.3333333333vw;
  }
  .pt2s {
    padding-top: 3.3333333333vw;
  }
  .pb2s {
    padding-bottom: 3.3333333333vw;
  }
  .col1s {
    width: 1.6666666667vw;
  }
  .m1s {
    margin: 1.6666666667vw;
  }
  .ml1s {
    margin-left: 1.6666666667vw;
  }
  .mr1s {
    margin-right: 1.6666666667vw;
  }
  .mt1s {
    margin-top: 1.6666666667vw;
  }
  .mb1s {
    margin-bottom: 1.6666666667vw;
  }
  .p1s {
    padding: 1.6666666667vw;
  }
  .pl1s {
    padding-left: 1.6666666667vw;
  }
  .pr1s {
    padding-right: 1.6666666667vw;
  }
  .pt1s {
    padding-top: 1.6666666667vw;
  }
  .pb1s {
    padding-bottom: 1.6666666667vw;
  }
}
/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
/*------------------------------------------------------------------------------------ common */
.flex {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.wf-active #intro {
  opacity: 0;
}

#intro {
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  content: "";
  display: block;
  z-index: 200000;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
}

/*
html {
  @include base-transition(opacity);
  transition-duration: 0.5s;
  opacity: 0;
}
*/
/*
.wf-loading {
  visibility: hidden;
}

.wf-active {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.5s;
}
*/
.load {
  transition: transform 1.3s cubic-bezier(0.25, 1, 0.5, 1) 1s, opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  transform-origin: center;
}

.lazyloaded {
  opacity: 1;
  transform: scale(1);
}

.img-wrap {
  overflow: hidden;
}
.img-wrap .load {
  transform: scale(1.3);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
.img-wrap .lazyloaded {
  animation: loaded 1.3s cubic-bezier(0.19, 1, 0.22, 1) 1s both;
  opacity: 1;
  transform: scale(1);
}

@keyframes loaded {
  0% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  }
}
img.img-full {
  max-width: 100%;
  width: 100%;
  height: auto;
}

img.img-ofi {
  -o-object-fit: cover;
  object-fit: cover;
  object-position: top center;
  font-family: "object-fit: cover;";
  height: 100%;
  width: 100%;
}

:root {
  --scrollbar: 0px;
}

body {
  background: #fff;
  min-width: 1100px;
}
@media screen and (max-width: 767px) {
  body {
    min-width: auto;
  }
}
@media screen and (min-width: 768px) {
  body:after {
    position: fixed;
    top: 0;
    right: 120px;
    height: 100%;
    width: 1px;
    background: rgba(230, 230, 230, 0.5);
    content: "";
    z-index: 20000;
    mix-blend-mode: multiply;
  }
}

.wrapper {
  padding-right: 120px;
}
@media screen and (max-width: 767px) {
  .wrapper {
    padding-right: 0;
  }
}

.pan-ttl {
  letter-spacing: 0.05em;
  text-align: center;
  font-size: 96px;
  font-size: 9.6rem;
  position: relative;
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 800, "slnt" 0;
}
@media screen and (max-width: 767px) {
  .pan-ttl {
    font-size: 36px;
    font-size: 3.6rem;
  }
}

.bg-blue {
  position: fixed;
  top: calc(-100dvh - 270px - 20px);
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #184de3;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  .bg-blue {
    top: calc(-100dvh - 92px - 20px);
  }
}
.bg-blue .water-wrap-top {
  position: absolute;
  left: 0;
  z-index: 1;
  display: block;
  transform-origin: center top;
}
@media screen and (min-width: 768px) {
  .bg-blue .water-wrap-top {
    background: url(bg-blue-bottom.svg) repeat-x;
    background-position: center bottom;
    width: 100%;
    height: 270px;
    bottom: -270px;
    animation: water-bg-top 1s ease-in-out both infinite;
  }
}
@media screen and (max-width: 767px) {
  .bg-blue .water-wrap-top {
    background: url(bg-blue-bottom.svg) repeat-x;
    background-position: center bottom;
    width: 500px;
    height: 92px;
    bottom: -92px;
    animation: water-bg-top-sp 1s linear both infinite;
    background-size: contain;
  }
}
@keyframes water-bg-top {
  0% {
    scale: 1 0.5;
    transform: translateY(0);
  }
  50% {
    scale: 1 1;
    transform: translateY(-50px);
  }
  100% {
    scale: 1 0.5;
    transform: translateY(0);
  }
  /*
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: calc(1465px / 2) 0;
    //transform: translateY(-12px);
  }
  100% {
    background-position: 1465px 0;
  }
    */
}
@keyframes water-bg-top-sp {
  0% {
    scale: 1 0.5;
    transform: translateY(0);
  }
  50% {
    scale: 1 1;
    transform: translateY(-19px);
  }
  100% {
    scale: 1 0.5;
    transform: translateY(0);
  }
}

/*------------------------------------------------------------------------------------ btn */
.btn {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 3px 32px 0px 22px;
  min-height: 35px;
  line-height: 1;
  z-index: 1;
  clip-path: polygon(0% 0%, 90% 0%, 110% 50%, 90% 100%, 0% 100%);
}
.btn:after {
  overflow: hidden;
  z-index: 1;
  transform: scaleY(1);
  transition-property: transform;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center bottom;
  transition-duration: 0.3s;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn input {
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
  background: none;
  z-index: 2;
  display: inline-block;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 700;
  font-variation-settings: "wght" 600, "slnt" 0;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  position: relative;
}
.btn .btn-inner {
  z-index: 2;
  overflow: hidden;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  position: relative;
  white-space: nowrap;
}
.btn .btn-inner span {
  display: inline-block;
}
.btn:hover .btn-inner span:nth-child(1) {
  animation: act 0.3s ease-in-out 0.02s both;
}
.btn:hover .btn-inner span:nth-child(2) {
  animation: act 0.3s ease-in-out 0.04s both;
}
.btn:hover .btn-inner span:nth-child(3) {
  animation: act 0.3s ease-in-out 0.06s both;
}
.btn:hover .btn-inner span:nth-child(4) {
  animation: act 0.3s ease-in-out 0.08s both;
}
.btn:hover .btn-inner span:nth-child(5) {
  animation: act 0.3s ease-in-out 0.1s both;
}
.btn:hover .btn-inner span:nth-child(6) {
  animation: act 0.3s ease-in-out 0.12s both;
}
.btn:hover .btn-inner span:nth-child(7) {
  animation: act 0.3s ease-in-out 0.14s both;
}
.btn:hover .btn-inner span:nth-child(8) {
  animation: act 0.3s ease-in-out 0.16s both;
}
.btn:hover .btn-inner span:nth-child(9) {
  animation: act 0.3s ease-in-out 0.18s both;
}
.btn:hover:after {
  transform: scaleY(0);
  transform-origin: center top;
}

@keyframes act {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-16px);
  }
  51% {
    transform: translateY(16px);
  }
  100% {
    transform: translateY(0);
  }
}
.ja .btn-inner, .ja input {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}

.arrow:before {
  right: 30px;
  z-index: 3;
  position: absolute;
  content: "";
  display: block;
  width: 5px;
  height: 6px;
  background: url(arrow.svg) no-repeat;
  background-size: contain;
  top: calc(50% - 3px);
  right: 8px;
}
@media screen and (max-width: 767px) {
  .arrow:before {
    top: calc(50% - 3px);
  }
}

.arrow-c {
  position: relative;
  display: block;
}
.arrow-c:before {
  right: 30px;
  z-index: 3;
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  height: 5px;
  background: url(arrow.svg) no-repeat;
  background-size: contain;
  top: 7px;
  left: 8px;
}
.arrow-c:after {
  position: absolute;
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background: #E52229;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.buy {
  text-align: center;
  border: 1px solid #E52229;
  background: rgb(253.7, 9.3, 18.0733333333);
  padding: 3px 32px 0px 22px;
  min-height: 35px;
}
.buy span {
  color: #fff;
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 600, "slnt" 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}
.buy:hover {
  color: #fff;
}
.buy:after {
  background: #E52229;
}
.buy.sold {
  font-family: earlyman;
  border: 1px solid #b4b4b4;
  background-color: #b4b4b4;
}
.buy.sold::after {
  background-color: #b4b4b4;
}

.black {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.black:hover {
  color: #fff;
  background: #333;
  border-color: #333;
}
.black:after {
  background: #000;
}

.red {
  border: 1px solid #E52229;
  background: rgb(253.7, 9.3, 18.0733333333);
  color: #fff;
}
.red:hover {
  color: #fff;
}
.red:after {
  background: #E52229;
}

.yellow {
  border: 1px solid #FDF10E;
  background: rgb(253.8395061728, 246.8765432099, 115.1604938272);
}
.yellow:hover {
  color: #000;
}
.yellow:after {
  background: #FDF10E;
}

.gray {
  border: 1px solid #f2f2f2;
  background: white;
}
.gray:hover {
  color: #000;
}
.gray:before {
  background: url(arrow-b.svg) no-repeat;
}
.gray:after {
  background: #f2f2f2;
}

.back {
  padding: 3px 22px 0px 32px;
  border: 1px solid #b4b4b4;
  background: rgb(200.4, 200.4, 200.4);
  clip-path: polygon(100% 100%, 10% 100%, -10% 50%, 10% 0%, 100% 0%);
}
.back .btn-inner {
  color: #fff;
}
.back:hover {
  color: #000;
}
.back:after {
  background: #b4b4b4;
}
.back:before {
  left: 10px;
  transform: scaleX(-1);
}

.arrow-btn {
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
}
.arrow-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  background: url(arrow.png) no-repeat center/contain;
  width: 12px;
  height: 17px;
}
.arrow-btn.back {
  padding: 0;
}
.arrow-btn.back::after {
  rotate: 180deg;
}

.black-ttl {
  white-space: nowrap;
}
.black-ttl span {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 800, "slnt" 0;
  color: #fff;
  display: inline-block;
  background-color: #000;
  padding: 8px;
  margin-right: 16px;
}

/*------------------------------------------------------------------------------------ steam */
.steam-wrap {
  width: calc(100vw - var(--scrollbar));
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1600;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .steam-wrap {
    width: 100vw;
  }
}

.steam {
  opacity: 0;
  position: fixed;
  top: 50%;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center;
  pointer-events: none;
}

.steam-mov {
  position: relative;
  display: block;
  transform-origin: center;
}

.steam-obj {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  transform-origin: center;
}

.steam-p1 {
  width: 228px;
  height: 225px;
  background-image: url(steam1.png);
}
@media screen and (max-width: 767px) {
  .steam-p1 {
    width: 152px;
    height: 150px;
  }
}

.steam-p2 {
  width: 123px;
  height: 119px;
  background-image: url(steam2.png);
}
@media screen and (max-width: 767px) {
  .steam-p2 {
    width: 82px;
    height: 79px;
  }
}

.steam-p3 {
  width: 145px;
  height: 138px;
  background-image: url(steam3.png);
}
@media screen and (max-width: 767px) {
  .steam-p3 {
    width: 96px;
    height: 92px;
  }
}

.steam-p4 {
  width: 120px;
  height: 177px;
  background-image: url(steam4.png);
}
@media screen and (max-width: 767px) {
  .steam-p4 {
    width: 80px;
    height: 118px;
  }
}

.steam1 {
  left: 12vw;
}

.steam2 {
  left: 35vw;
}

.steam3 {
  left: 55vw;
}

.steam4 {
  left: 78vw;
}

/*------------------------------------------------------------------------------------ footer */
.sns-box {
  margin: 160px auto 0;
}
@media screen and (max-width: 767px) {
  .sns-box {
    margin: 100px 60px;
  }
}
.sns-box .insta {
  flex: 1;
  margin-right: 70px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sns-box .insta {
    margin-right: 0;
  }
}
.sns-box .insta:after {
  margin: 0 70px;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #E6E6E6;
  position: absolute;
  left: 100%;
  top: 0;
}
@media screen and (max-width: 767px) {
  .sns-box .insta:after {
    display: none;
  }
}
.sns-box .twitter {
  flex: 1;
  margin-left: 70px;
}

@media screen and (max-width: 767px) {
  .sns-box {
    display: block;
  }
  .sns-box .twitter {
    margin-top: 40px;
    margin-left: 0;
  }
}
footer {
  padding-top: 150px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  footer {
    margin-right: -120px;
  }
}
footer .footer-inner {
  position: relative;
  margin: 0 190px 0 70px;
  padding: 60px 0 50px 40px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 767px) {
  footer .footer-inner {
    margin: 0 20px;
    padding: 30px 0 0;
  }
}
footer .footer-inner:after {
  position: absolute;
  top: -97px;
  right: 20px;
  content: "";
  background: url("footer-totan.png") no-repeat;
  background-size: contain;
  display: block;
  width: 63px;
  height: 117px;
}
@media screen and (max-width: 767px) {
  footer .footer-inner:after {
    right: 40px;
    top: -66px;
    width: 43px;
    height: 80px;
  }
}
footer .footer-logo {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  footer .footer-logo {
    width: 100%;
    text-align: center;
    display: block;
  }
}
footer .footer-logo .logo {
  margin-right: 40px;
}
footer .footer-logo .logo a {
  width: 120px;
  height: 98px;
  background: url(logo.svg?20221022) no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
  display: block;
}
@media screen and (max-width: 767px) {
  footer .footer-logo .logo {
    display: inline-block;
    margin: 0 auto 12px;
  }
  footer .footer-logo .logo a {
    width: 100px;
    height: 82px;
  }
}
footer .footer-logo p {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  footer .footer-logo p {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
  }
}
footer .footer-logo p a {
  text-decoration: underline;
}
footer .footer-nav {
  margin-left: auto;
  width: 380px;
}
@media screen and (max-width: 767px) {
  footer .footer-nav {
    width: 100%;
    margin-top: 40px;
  }
}
footer .footer-nav ul {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column wrap;
  height: 140px;
  margin-top: -4px;
}
@media screen and (max-width: 767px) {
  footer .footer-nav ul {
    height: 175px;
    margin-top: -8px;
  }
}
footer .footer-nav ul li {
  width: 50%;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 4px 0;
}
@media screen and (max-width: 767px) {
  footer .footer-nav ul li {
    border-top: 1px solid #E6E6E6;
    padding: 8px 0;
  }
}
footer .footer-nav ul li a {
  padding-left: 20px;
  position: relative;
  display: block;
}
footer .footer-nav ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 3px 0 3px 3px;
  border-color: transparent #000 transparent #000;
}

.copyright {
  text-align: center;
  padding: 50px 120px 100px 0;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .copyright {
    padding: 30px auto 100px;
    font-size: 10px;
    font-size: 1rem;
  }
}

.pagetop {
  transition-property: opacity;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  left: 5px;
  bottom: 10px;
  z-index: 1995;
}
@media screen and (max-width: 767px) {
  .pagetop {
    left: -10px;
    bottom: -5px;
  }
}
.pagetop.show {
  pointer-events: auto;
  opacity: 1;
}
.pagetop .arrow {
  padding-right: 30px;
  padding-left: 50px;
}
.pagetop .arrow .btn-inner {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: inter-variable, sans-serif;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pagetop .arrow .btn-inner {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.pagetop .arrow:before {
  background-image: url("arrow-b.svg");
  right: auto;
  left: 30px;
  transform: rotate(-90deg);
  top: calc(50% - 5px);
}

/*------------------------------------------------------------------------------------ header */
header .logo {
  z-index: 2000;
  position: fixed;
  top: 32px;
  right: 32px;
}
@media screen and (max-width: 767px) {
  header .logo {
    top: 16px;
    right: 16px;
  }
}
header .logo a {
  overflow: hidden;
  position: relative;
  width: 173px;
  height: 141px;
  background: url(logo.svg) no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
  display: block;
}
@media screen and (max-width: 767px) {
  header .logo a {
    width: 100px;
    height: 82px;
  }
}
header .logo a:before {
  opacity: 0;
  content: "";
  top: 0;
  left: 0%;
  position: absolute;
  display: block;
  width: 173px;
  height: 141px;
  background: url(logo_w.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  header .logo a:before {
    width: 100px;
    height: 82px;
  }
}
header .sento {
  z-index: 1999;
  position: fixed;
  top: 40px;
  left: 32px;
}
@media screen and (max-width: 767px) {
  header .sento {
    top: 16px;
    left: 14px;
  }
  header .sento img {
    width: 46px;
    height: 33px;
  }
}
header .sento ul {
  position: absolute;
  top: 0;
  right: -80px;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
header .sento ul li {
  line-height: 1.7;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  color: #E52229;
}
@media screen and (max-width: 767px) {
  header .sento ul {
    top: -4px;
    right: -60px;
  }
  header .sento ul li {
    line-height: 1.3;
    transform: scale(0.8);
  }
}
header .nav-btn {
  z-index: 1997;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
}
header .nav-btn a {
  position: relative;
  display: block;
  width: 120px;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  header .nav-btn a {
    width: 60px;
  }
}
header .nav-btn a:before {
  transition-property: width, transform;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #fff;
}
header .nav-btn a:after {
  transition-property: width, transform;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center;
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #fff;
}
header .nav-btn a:hover .nav-btn-line span {
  background-position: 84px 0;
}
@media screen and (max-width: 767px) {
  header .nav-btn a:hover .nav-btn-line span {
    background-position: 56px 0;
  }
}
header .nav-btn a .nav-btn-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header .nav-btn a .nav-btn-line span {
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-duration: 3s;
  display: block;
  background: url(nav-line.svg);
  backround-size: contain;
  background-position: 0 0;
  background-repeat: repeat-x;
  width: 42px;
  height: 4px;
}
@media screen and (max-width: 767px) {
  header .nav-btn a .nav-btn-line span {
    background-image: url(nav-line-sp.svg);
    width: 28px;
    height: 4px;
  }
}
header .nav-btn a .nav-btn-line span:first-child {
  transform: translateY(-4px);
}
header .nav-btn a .nav-btn-line span:last-child {
  transform: translateY(4px);
}
header .cart {
  z-index: 1998;
  position: fixed;
  bottom: 0;
  right: 0;
}
header .cart a {
  width: 120px;
  padding: 32px 0 32px 30px;
  display: block;
}
@media screen and (max-width: 767px) {
  header .cart a {
    width: 60px;
    padding: 12px 0 20px 10px;
  }
}
header .cart a:after {
  margin-top: 24px;
  margin-left: 16px;
  z-index: 95;
  content: "";
  display: block;
  width: 28px;
  height: 30px;
  background: url(cart.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  header .cart a:after {
    margin-top: 16px;
    margin-left: 9px;
    width: 22px;
    height: 24px;
  }
}
header .cart a:before {
  position: absolute;
  bottom: 32px;
  opacity: 0;
  margin-top: 24px;
  margin-left: 16px;
  z-index: 95;
  content: "";
  display: block;
  width: 28px;
  height: 30px;
  background: url(cart_w.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  header .cart a:before {
    bottom: 16px;
    margin-top: 16px;
    margin-left: 9px;
    width: 22px;
    height: 24px;
  }
}
header .cart span {
  position: relative;
  font-family: earlyman;
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  display: block;
  width: 60px;
  height: 60px;
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  header .cart span {
    letter-spacing: normal;
    font-size: 20px;
    font-size: 2rem;
    padding-top: 3px;
    width: 40px;
    height: 40px;
  }
}
header .cart span:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: #000;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  header .cart span:before {
    width: 40px;
    height: 40px;
  }
}
header .cart span:after {
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-radius: 3px;
  border-color: #000 transparent transparent transparent;
}
@media screen and (max-width: 767px) {
  header .cart span:after {
    bottom: -4px;
    border-width: 5px 3px 0 3px;
  }
}

nav {
  z-index: 1996;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(100vw - var(--scrollbar));
  height: 100%;
  pointer-events: none;
}
nav .flex {
  position: absolute;
  top: 49%;
  left: 0%;
  transform: translate(0%, -50%);
  opacity: 0;
  width: 64%;
  margin: 0 18%;
  transition-property: "opacity";
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 767px) {
  nav .flex {
    display: none;
    width: calc(100% - 100px);
    margin: 0 60px 0 30px;
  }
}
@media screen and (min-width: 768px) {
  nav .flex ul:first-child li {
    margin-top: 35px;
  }
}
nav .flex ul {
  width: 50%;
}
@media screen and (max-width: 767px) {
  nav .flex ul {
    width: 100%;
  }
}
nav .flex ul li {
  margin-top: 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  nav .flex ul li {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
nav .flex ul li a {
  line-height: 1.1;
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 800, "slnt" 0;
  font-size: 34px;
  font-size: 3.4rem;
  color: #fff;
}
nav .flex ul li a:hover {
  color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 767px) {
  nav .flex ul li a {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
nav .flex ul li a span {
  letter-spacing: 0.05em;
  font-size: 13px;
  font-size: 1.3rem;
  color: #E52229;
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
}
@media screen and (max-width: 767px) {
  nav .flex ul li a span {
    margin-bottom: 4px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
nav .flex ul li .sub-nav {
  display: flex;
  width: 100%;
}
nav .flex ul li .sub-nav li {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  nav .flex ul li .sub-nav li {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
nav .flex ul li .sub-nav li:not(:last-child):after {
  display: inline-block;
  content: " / ";
  opacity: 0.6;
  color: transparent;
  margin: 0 6px;
  text-shadow: 1px 0 0 #fff, 0 0 0 #000, 1px 0 0 #fff;
}
@media screen and (max-width: 767px) {
  nav .flex ul li .sub-nav li:not(:last-child):after {
    margin: 0 3px;
  }
}
nav .flex ul li .sub-nav li a {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  nav .flex ul li .sub-nav li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
nav:before {
  position: absolute;
  bottom: 0;
  right: 120px;
  content: "";
  display: block;
  height: 0;
  width: 1px;
  background: #fff;
  transition-property: height, background;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0s;
}
@media screen and (max-width: 767px) {
  nav:before {
    right: 60px;
  }
}
nav:after {
  z-index: -1;
  transition: right 0.7s 0s cubic-bezier(0.19, 1, 0.22, 1), background 0.7s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  content: "";
  position: absolute;
  top: 0;
  right: -100vw;
  width: calc(100vw - var(--scrollbar));
  height: 100%;
  background: rgba(230, 230, 230, 0.4);
}

.menu-hover header nav:after {
  right: calc(-100vw + 120px);
}
@media screen and (max-width: 767px) {
  .menu-hover header nav:after {
    right: -100vw;
  }
}

.menu-open-act.menu-hover .nav-btn a:before, .menu-open-act.menu-hover .nav-btn a:after {
  animation: close 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s backwards;
}
@media screen and (max-width: 767px) {
  .menu-open-act.menu-hover .nav-btn a:before, .menu-open-act.menu-hover .nav-btn a:after {
    animation: closeSp 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s backwards;
  }
}

@keyframes close {
  0% {
    width: 0;
  }
  100% {
    width: 60px;
  }
}
@keyframes closeSp {
  0% {
    width: 0;
  }
  100% {
    width: 30px;
  }
}
.menu-open-act header .nav-btn a:before {
  width: 60px;
}
@media screen and (max-width: 767px) {
  .menu-open-act header .nav-btn a:before {
    width: 30px;
  }
}
.menu-open-act header .nav-btn a:after {
  width: 60px;
}
@media screen and (max-width: 767px) {
  .menu-open-act header .nav-btn a:after {
    width: 30px;
  }
}
.menu-open-act header nav .flex {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .menu-open-act header nav .flex {
    display: block;
  }
}

.menu-open header .logo a:before {
  opacity: 1;
}
.menu-open header .cart a:before {
  opacity: 1;
}
.menu-open header .cart a span {
  color: #000;
}
.menu-open header .cart a span:before {
  background: #fff;
}
.menu-open header .cart a span:after {
  border-color: #fff transparent transparent transparent;
}
.menu-open header nav {
  pointer-events: auto;
}
.menu-open header nav:before {
  height: 100%;
  transition-delay: 0.3s;
  background: rgba(255, 255, 255, 0.2);
}
.menu-open header nav:after {
  right: 0;
  background: rgba(0, 0, 0, 0.94);
}

/*------------------------------------------------------------------------------------ line-height */
.lh210 {
  line-height: 2.1;
}

.lh240 {
  line-height: 2.4;
}

/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
/*------------------------------------------------------------------------------------ bnr追加 */
.bnr-amami {
  position: absolute;
  bottom: -27px;
  left: 0;
  z-index: 1995;
  transform: rotate(-3deg);
  animation: atami 2s cubic-bezier(0.45, 0, 0.55, 1) both infinite;
  transform-origin: left center;
}
@media screen and (max-width: 767px) {
  .bnr-amami {
    position: static;
    bottom: auto;
    left: auto;
    transform-origin: center;
    margin: -80px 0 -40px;
  }
}

@keyframes atami {
  0% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
.news {
  display: none;
}

@media screen and (max-width: 767px) {
  .mv {
    height: auto !important;
  }
}

/*------------------------------------------------------------------------------------ top */
.news {
  z-index: 1996;
  position: absolute;
  bottom: 32px;
  left: 32px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
.news span {
  font-weight: 700;
  color: #000;
}
.news {
  animation: scroll 2s linear both infinite;
}
@media screen and (max-width: 767px) {
  .news {
    bottom: 5vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
    bottom: calc(var(--vh, 1vh) * 5);
    transform: translateY(50%);
    left: 16px;
  }
}

@keyframes scroll {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
/*----------------------------------------------------------------------------- 空いチャンス・混ピンチの表示 */
#state-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 2001;
  pointer-events: none;
}
#state-wrap .target {
  position: absolute;
  display: block;
  opacity: 0;
  content: "";
  width: 3px;
  height: 3px;
  background: #ff0000;
  border-radius: 50%;
  z-index: 30;
}
#state-wrap .target.t1 {
  top: 67px;
  left: 250px;
}
@media screen and (max-width: 767px) {
  #state-wrap .target.t1 {
    top: 35px;
    left: 165px;
  }
}
#state-wrap .target.t2 {
  top: 40%;
  left: 10%;
}
@media screen and (max-width: 767px) {
  #state-wrap .target.t2 {
    top: 30%;
    left: 10%;
  }
}
#state-wrap .target.t3 {
  top: 80%;
  left: 40%;
}
@media screen and (max-width: 767px) {
  #state-wrap .target.t3 {
    top: 70%;
    left: 30%;
  }
}
#state-wrap-move {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 43.9238653001vw;
  height: auto;
}
@media screen and (max-width: 767px) {
  #state-wrap-move {
    width: 74.6666666667vw;
  }
}
#state-wrap-clip {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  clip-path: ellipse(130vw 130vw at 50% 50%);
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-duration: 0.4s;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip {
    clip-path: ellipse(110vh 110vh at 50% 50%);
  }
}
#state-wrap-clip.hide {
  clip-path: ellipse(21.9619326501vw 16.1054172767vw at 50% 50%);
}
@media screen and (max-width: 767px) {
  #state-wrap-clip.hide {
    clip-path: ellipse(37.3333333333vw 27.3333333333vw at 50% 50%);
  }
}
#state-wrap-clip:before {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  content: "";
  width: 25.1830161054vw;
  height: 6.2957540264vw;
  background-image: url("imanara.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip:before {
    width: 37.3333333333vw;
    height: 9.3333333333vw;
  }
}
#state-wrap-clip .chance {
  width: 43.9238653001vw;
  height: auto;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip .chance {
    width: 74.6666666667vw;
  }
}
#state-wrap-clip .hand {
  width: 15.9590043924vw;
  height: auto;
  position: absolute;
  top: 160px;
  left: 191px;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip .hand {
    width: 34.6666666667vw;
    top: 76px;
    left: 80px;
  }
}
#state-wrap-clip .state {
  position: absolute;
  z-index: 1997;
  opacity: 0;
}
#state-wrap-clip .state#st1 {
  rotate: 172deg;
  left: 24.5973645681vw;
  top: -4.7584187408vw;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip .state#st1 {
    left: 34.6666666667vw;
    top: 13.3333333333vw;
    rotate: -165deg;
  }
}
#state-wrap-clip .state#st2 {
  rotate: -45deg;
  left: 57.9795021962vw;
  top: 27.0863836018vw;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip .state#st2 {
    left: 39.4666666667vw;
    top: 102.6666666667vw;
  }
}
#state-wrap-clip .state#st3 {
  rotate: -15deg;
  left: 59.2972181552vw;
  top: -2.7086383602vw;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip .state#st3 {
    left: -18.4vw;
    top: 25.6vw;
    rotate: 125deg;
  }
}
#state-wrap-clip .state#st4 {
  rotate: 155deg;
  left: -6.0761346999vw;
  top: -1.756954612vw;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip .state#st4 {
    left: -3.2vw;
    top: -25.8666666667vw;
  }
}
#state-wrap-clip .state#st5 {
  rotate: 10deg;
  left: 0vw;
  top: 27.2327964861vw;
}
@media screen and (max-width: 767px) {
  #state-wrap-clip .state#st5 {
    left: -15.7333333333vw;
    top: 90.6666666667vw;
  }
}
#state-wrap-clip .state#st6 {
  rotate: 0deg;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}

#state-wrap.pinch #state-wrap-clip:before {
  background-image: url("imadato.svg");
}

.m-word {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 100;
  color: #fff;
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 700, "slnt" 0;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .m-word {
    font-size: 24px;
    font-size: 2.4rem;
    bottom: 20px;
    left: 20px;
  }
}
.m-word span {
  margin-top: 8px;
  line-height: 1.4;
  display: block;
  font-size: 8px;
  font-size: 0.8rem;
  font-variation-settings: "wght" 500, "slnt" 0;
}
@media screen and (max-width: 767px) {
  .m-word span {
    font-size: 6px;
    font-size: 0.6rem;
  }
}

/*------------------------------------------------------------------------------------ mv0（リアルタイム速報） */
.mv0.active.lazyloaded .realtime {
  scale: 1;
  transition-delay: 0.2s;
}
.mv0.active.lazyloaded .mv-i {
  opacity: 1;
}
.mv0.active.lazyloaded .t {
  animation: t 12s linear 0s forwards infinite;
}
.mv0.active.lazyloaded .c {
  animation: c 1s linear 0s forwards infinite;
}

.mv0 {
  position: relative;
  height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  max-height: 1000px;
}
@media screen and (max-width: 767px) {
  .mv0 {
    height: 64vh;
  }
}

.realtime {
  scale: 0;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background: #fff;
  align-items: center;
  justify-content: center;
  height: 100%;
  display: flex;
}
@media screen and (max-width: 767px) {
  .realtime {
    margin-top: 10vh;
    height: 64vh;
    flex-direction: column;
  }
}
.realtime .r2 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .realtime .r2 {
    margin-left: 60px;
  }
}
@media screen and (max-width: 767px) {
  .realtime .r2 {
    margin-top: -2.6666666667vw;
  }
}
.realtime .r2 .clock {
  position: relative;
  width: 284px;
  height: 203px;
  background: url("clock.svg") no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .realtime .r2 .clock {
    width: 56.8vw;
    height: 40.5333333333vw;
  }
}
.realtime .r2 .clock::before {
  content: "";
  display: block;
  position: absolute;
  top: -47px;
  left: -20px;
  width: 120px;
  height: 90px;
  background: url(totang-cat.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .realtime .r2 .clock::before {
    width: 90px;
    height: 67px;
    top: -36px;
    left: -16px;
  }
}
.realtime .r2 .t {
  position: absolute;
  top: 50%;
  left: 45%;
  translate: 0 -100%;
  transform-origin: center bottom;
  background: url("tanshin.svg") no-repeat;
  background-size: contain;
  background-position: center;
  width: 17px;
  height: 46px;
}
@media screen and (max-width: 767px) {
  .realtime .r2 .t {
    width: 13px;
    height: 35px;
  }
}
@keyframes t {
  0% {
    rotate: 81deg;
  }
  25% {
    rotate: 171deg;
  }
  50% {
    rotate: 261deg;
  }
  75% {
    rotate: 351deg;
  }
  100% {
    rotate: 440deg;
  }
}
.realtime .r2 .c {
  position: absolute;
  top: 50%;
  left: 45%;
  translate: 0 -100%;
  transform-origin: center bottom;
  background: url("choshin.svg") no-repeat;
  background-size: contain;
  background-position: center;
  width: 17px;
  height: 56px;
}
@media screen and (max-width: 767px) {
  .realtime .r2 .c {
    width: 13px;
    height: 44px;
  }
}
@keyframes c {
  0% {
    rotate: 1deg;
  }
  25% {
    rotate: 91deg;
  }
  50% {
    rotate: 181deg;
  }
  75% {
    rotate: 271deg;
  }
  100% {
    rotate: 360deg;
  }
}
.realtime .r2 p {
  letter-spacing: normal;
  text-align: center;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 900;
  font-size: 20px;
  font-size: 2rem;
}
.realtime .r3 {
  padding-left: 32px;
}
@media screen and (max-width: 767px) {
  .realtime .r3 {
    padding: 20px 56px 0;
  }
}
.realtime .r3 .flex {
  justify-content: center;
  justify-content: flex-start;
}
.realtime .r3 #datepicker {
  display: none;
}
.realtime .r3 .date-wrap {
  line-height: 1;
  position: relative;
}
.realtime .r3 .date-wrap .date {
  font-family: earlyman;
  font-size: 36px;
  font-size: 3.6rem;
}
@media screen and (max-width: 767px) {
  .realtime .r3 .date-wrap .date {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
.realtime .r3 .date-wrap .w {
  font-family: earlyman;
  font-size: 26px;
  font-size: 2.6rem;
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  .realtime .r3 .date-wrap .w {
    margin-left: 4px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.realtime .r3 .date-wrap .time {
  margin-top: 10px;
  position: relative;
}
.realtime .r3 .illust {
  position: absolute;
  right: -10px;
  bottom: calc(100% + 10px);
}
@media screen and (max-width: 767px) {
  .realtime .r3 .illust {
    bottom: calc(100% + 6px);
    right: 0px;
    width: 20vw;
    height: 18.6666666667vw;
  }
}
.realtime .r3 .illust::before, .realtime .r3 .illust::after {
  content: "";
  display: block;
  position: absolute;
  background: no-repeat center/contain;
  bottom: 8px;
}
.realtime .r3 .illust::before {
  background-image: url(curve02.svg);
  width: 46px;
  height: 23px;
  right: calc(100% + 17px);
}
@media screen and (max-width: 767px) {
  .realtime .r3 .illust::before {
    width: 26px;
    height: 13px;
    right: calc(100% + 11px);
  }
}
.realtime .r3 .illust::after {
  background-image: url(curve04.svg);
  width: 85px;
  height: 14px;
  left: calc(100% + 13px);
}
@media screen and (max-width: 767px) {
  .realtime .r3 .illust::after {
    display: none;
    width: 48px;
    height: 8px;
    left: calc(100% + 3px);
  }
}
.realtime .r3 p {
  margin-top: 12px;
  text-align: left;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 900;
  display: inline-block;
  max-width: 500px;
  line-height: 1.4;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .realtime .r3 p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.mv0 .mv-i {
  position: absolute;
  z-index: 1996;
  display: block;
  opacity: 0;
}
.mv0 .i1 {
  width: 8.78477306vw;
  top: 129px;
  left: 779px;
}
@media screen and (max-width: 767px) {
  .mv0 .i1 {
    inset: auto;
    right: 23px;
    top: 40px;
    width: 17.3333333333vw;
  }
}
.mv0 .i1::before {
  content: "";
  display: block;
  position: absolute;
  background: no-repeat center/contain;
  background-image: url(curve02.svg);
  width: 36px;
  height: 18px;
  top: 60px;
  z-index: 1;
  left: 340px;
}
@media screen and (max-width: 767px) {
  .mv0 .i1::before {
    width: 23px;
    height: 11px;
    top: 20px;
    left: -80px;
  }
}
.mv0 .i2 {
  width: 6.588579795vw;
  top: 420px;
  left: 8.0527086384vw;
}
@media screen and (max-width: 767px) {
  .mv0 .i2 {
    height: 65px;
    width: 70px;
    height: 70px;
    inset: auto;
    bottom: 5.3333333333vw;
    right: -5px;
  }
}
.mv0 .i2::before {
  content: "";
  display: block;
  position: absolute;
  top: 150px;
  left: -13px;
  background: no-repeat center/contain;
  background-image: url(curve01.svg);
  width: 48px;
  height: 14px;
}
@media screen and (max-width: 767px) {
  .mv0 .i2::before {
    left: -113px;
    top: 23px;
    width: 36px;
    height: 11px;
  }
}
.mv0 .i3 {
  width: 5.8565153734vw;
  top: 500px;
  right: 8.78477306vw;
}
@media screen and (max-width: 767px) {
  .mv0 .i3 {
    width: 45px;
    height: 45px;
    inset: auto;
    left: -5px;
    top: 185px;
  }
}
.mv0 .i3::before {
  content: "";
  display: block;
  position: absolute;
  background: no-repeat center/contain;
  background-image: url(curve03.svg);
  width: 50px;
  height: 17px;
  rotate: 4deg;
  top: 20px;
  right: 194px;
}
@media screen and (max-width: 767px) {
  .mv0 .i3::before {
    display: none;
  }
}
.mv0 .i4 {
  top: 181px;
  left: calc(50% - 117px);
}
@media screen and (max-width: 767px) {
  .mv0 .i4 {
    top: 38px;
    left: 20px;
    width: 22px;
    height: 40px;
  }
}
.mv0 .i5 {
  top: 240px;
  left: 4.6852122987vw;
}
@media screen and (max-width: 767px) {
  .mv0 .i5 {
    inset: auto;
    top: auto;
    bottom: 6.6666666667vw;
    left: 25px;
    width: 54px;
    height: 36px;
  }
}

.mv-img {
  height: 100vh;
  max-height: 1000px;
}
@media screen and (max-width: 767px) {
  .mv-img {
    height: 74vh;
    overflow: hidden;
  }
  .mv-img .img-ofi {
    object-position: center left;
  }
}

/*------------------------------------------------------------------------------------ mv1（キモチィー） */
.mv1.active.lazyloaded {
  opacity: 1 !important;
  transform: scale(1) !important;
}
@media screen and (min-width: 768px) {
  .mv1.active.lazyloaded span {
    transform: translateX(-50%) scale(1) rotate(0);
  }
}
@media screen and (max-width: 767px) {
  .mv1.active.lazyloaded {
    opacity: 1 !important;
    transform: scale(1) !important;
    animation: spMv 2s cubic-bezier(0.45, 0, 0.55, 1) 1.3s both;
  }
  .mv1.active.lazyloaded span {
    animation: spMv-txt 2s cubic-bezier(0.45, 0, 0.55, 1) 1.3s both;
  }
}

@keyframes spMv-txt {
  0% {
    transform: translateX(-50%) scale(0) rotate(10deg);
  }
  50% {
    transform: translateX(-50%) scale(1) rotate(0);
  }
  100% {
    transform: translateX(5%) translateY(5%) scale(0.18) rotate(10deg);
  }
}
@keyframes spMv {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
.mv {
  position: relative;
  overflow: hidden;
  width: 100vw;
  min-width: 1100px;
}
@media screen and (max-width: 767px) {
  .mv .mv1 {
    background-image: url(top-mv-sp.jpg);
  }
}
@media screen and (min-width: 768px) {
  .mv .mv1 {
    background-image: url(top-mv.jpg);
  }
}
.mv .mv1 {
  position: relative;
  width: 100vw;
  background-size: cover;
  background-position: center;
  height: 100vh;
  max-height: 1000px;
}
.mv .mv1 span {
  display: inline-block;
  transform-origin: center;
  transition-delay: 0.25s;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(0) rotate(10deg);
}
.mv .mv1 span img {
  height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  height: calc(var(--vh, 1vh) * 100);
  width: auto;
  max-height: 1000px;
}
@media screen and (max-width: 767px) {
  .mv {
    min-width: auto;
  }
  .mv .mv1 {
    overflow: hidden;
    height: 74vh;
    background-position: left top;
    background-size: 200vw auto;
    background-repeat: no-repeat;
  }
  .mv .mv1 span {
    transform-origin: center;
    transition-delay: 0.9s;
    transition-duration: 1.5s;
    transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
  }
  .mv .mv1 span img {
    height: 90vh;
    width: auto;
  }
}

#top-mv-slide .swiper-slide-active:not(:has(.mv1)) .lazyloaded,
#top-mv-slide .swiper-slide-duplicate-active:not(:has(.mv1)) .lazyloaded,
#top-mv-slide .swiper-slide-duplicate-prev:not(:has(.mv1)) .lazyloaded,
#top-mv-slide .swiper-slide-prev:not(:has(.mv1)) .lazyloaded {
  animation: topScale 7s linear 0s 1 normal both;
  display: block;
}

@keyframes topScale {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.15, 1.15, 1);
  }
}
/*------------------------------------------------------------------------------------ about */
.about {
  width: 1100px;
  margin: 160px auto 0;
}
@media screen and (max-width: 767px) {
  .about {
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 40px 0 0 40px;
  }
}
.about .about-txt {
  position: relative;
}
.about .txt1 {
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 10px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 2.153;
}
@media screen and (max-width: 767px) {
  .about .txt1 {
    margin-left: auto;
    letter-spacing: 0.05em;
    position: static;
    left: auto;
    bottom: auto;
    margin-top: 40px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.2;
  }
}
.about .txt1 [data-ruby] {
  position: relative;
}
.about .txt1 [data-ruby]::before {
  content: attr(data-ruby);
  text-align: center;
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 500;
  transform: scale(0.9);
  transform-origin: center;
}
@media screen and (max-width: 767px) {
  .about .txt1 [data-ruby]::before {
    transform: scale(0.8);
    line-height: 1;
    top: -10px;
    white-space: nowrap;
    left: -2px;
  }
}
.about .txt1 span {
  position: relative;
  z-index: 1;
}
.about .txt1 img {
  margin: 0 10px;
  vertical-align: middle;
  transform: translateY(-3px);
  transform-origin: center;
}
@media screen and (max-width: 767px) {
  .about .txt1 img {
    position: absolute;
    vertical-align: baseline;
    transform: scale(0.7);
  }
}
@media screen and (max-width: 767px) {
  .about .txt1 span:has(img) {
    padding-right: 70px;
  }
  .about .txt1 span:has(.a-sento) {
    padding-right: 48px;
  }
  .about .txt1 span:has(.a-hara) {
    padding-right: 88px;
  }
  .about .txt1 .a-biwako {
    top: -15px;
    left: 99px;
  }
  .about .txt1 .a-shimabara {
    top: -15px;
    left: 81px;
  }
  .about .txt1 .a-sento {
    top: -4px;
    left: 100px;
  }
  .about .txt1 .a-hara {
    top: -15px;
    left: 52px;
  }
}
.about .yu {
  width: 315px;
  position: relative;
  margin-right: 50px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .about .yu {
    width: 245px;
    margin: 50px 25px 0;
  }
}
.about .yu .f1,
.about .yu .f2,
.about .yu .f3 {
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  transform-origin: center bottom;
  position: absolute;
  z-index: -1;
}
.about .yu .f1 {
  transform: rotate(-10deg) scaleY(0);
  top: 40px;
  left: 20px;
}
@media screen and (max-width: 767px) {
  .about .yu .f1 {
    top: 20px;
    left: 10px;
  }
}
.about .yu .f2 {
  transition-delay: 0.05s;
  transform: rotate(18deg) scaleY(0);
  top: -30px;
  right: 10px;
}
@media screen and (max-width: 767px) {
  .about .yu .f2 {
    top: -40px;
  }
}
.about .yu .f3 {
  transition-delay: 0.1s;
  transform: rotate(11deg) scaleY(0);
  top: -10px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .about .yu .f3 {
    transform: rotate(0deg) scaleY(0);
    top: -50px;
    right: 10px;
  }
}
.about .yu.is-active .f1 {
  transform: rotate(-40deg);
  left: 0px;
}
@media screen and (max-width: 767px) {
  .about .yu.is-active .f1 {
    transform: rotate(-40deg) scale(0.9);
  }
}
.about .yu.is-active .f2 {
  transform: rotate(18deg);
}
@media screen and (max-width: 767px) {
  .about .yu.is-active .f2 {
    transform: rotate(18deg) scale(0.9);
  }
}
.about .yu.is-active .f3 {
  right: -20px;
  top: 12px;
  transform: rotate(31deg);
}
@media screen and (max-width: 767px) {
  .about .yu.is-active .f3 {
    transform: rotate(31deg) scale(0.9);
  }
}

.sento {
  max-width: 1256px;
  margin-inline: auto;
}
.sento h2 {
  font-size: 40px;
  font-size: 4rem;
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 700, "slnt" 0;
  position: relative;
  line-height: 1;
  margin: 120px 72px 0;
}
.sento h2 span {
  background-color: #fff;
  padding-right: 24px;
}
.sento h2:after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .sento h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin: 120px 40px 0;
  }
  .sento h2 span {
    background-color: #fff;
    padding-right: 24px;
  }
  .sento h2:after {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    z-index: -1;
  }
}
.sento .flex {
  margin-top: 70px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .sento .flex {
    display: block;
    margin-top: 50px;
  }
}
.sento .flex .sento-block {
  width: 42.4597364568vw;
  max-width: 580px;
  display: block;
}
.sento .flex .sento-block:hover {
  color: #000;
}
.sento .flex .sento-block:hover img {
  transform-origin: bottom center;
  translate: 0 -15px;
}
@media screen and (max-width: 767px) {
  .sento .flex .sento-block:hover img {
    translate: 0 -8px;
  }
}
.sento .flex .sento-block:hover h3 {
  color: #E52229;
}
.sento .flex .sento-block:hover h3 span {
  animation: sento 0.5s cubic-bezier(0.45, 0, 0.55, 1) 0s both infinite;
}
@keyframes sento {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 10px 0;
  }
  100% {
    translate: 0 0;
  }
}
@media screen and (max-width: 767px) {
  .sento .flex .sento-block {
    width: 100%;
    max-width: none;
  }
  .sento .flex .sento-block:last-child {
    margin-top: 60px;
  }
}
.sento .flex .sento-block p {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 32px 0 0 52px;
}
@media screen and (max-width: 767px) {
  .sento .flex .sento-block p {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 24px 0 0 34px;
  }
}
.sento .flex .sento-block img {
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.sento .flex .sento-block h3 {
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: inter-variable, sans-serif;
  margin-top: 8px;
  margin-left: 70px;
  font-variation-settings: "wght" 500, "slnt" 0;
}
.sento .flex .sento-block h3 span {
  color: #E52229;
  font-variation-settings: "wght" 800, "slnt" 0;
}
@media screen and (max-width: 767px) {
  .sento .flex .sento-block h3 {
    font-size: 25px;
    font-size: 2.5rem;
    margin-top: 4px;
    margin-left: 50px;
  }
}
.sento .flex .sento-block .arrow-c {
  position: absolute;
  top: calc(50% - 9px);
  left: -43px;
}
@media screen and (max-width: 767px) {
  .sento .flex .sento-block .arrow-c {
    left: -28px;
  }
}

/*------------------------------------------------------------------------------------ bnr */
.bnr {
  width: 1100px;
  margin: 160px auto 0;
}
@media screen and (max-width: 767px) {
  .bnr {
    width: auto;
    margin: 120px 60px 0;
  }
}
.bnr .flex {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .bnr .flex {
    display: block;
  }
  .bnr .flex p {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .bnr .flex p:not(:nth-child(3n)) {
    margin-right: auto;
  }
  .bnr .flex p:nth-child(n+4) {
    margin-top: 32px;
  }
}
.bnr .flex p a {
  position: relative;
  display: block;
}
.bnr .flex p a:hover {
  transform: translateY(-10px);
}
.bnr .flex p a:before {
  z-index: 2;
  content: "";
  display: block;
  position: absolute;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.bnr .flex p:nth-child(1) a:before {
  background: url(bnr-sauna2.svg) no-repeat;
  background-size: contain;
  width: 84px;
  height: 57px;
  top: -10px;
  left: 10px;
}
@media screen and (max-width: 767px) {
  .bnr .flex p:nth-child(1) a:before {
    width: 72px;
    height: 49px;
  }
}
.bnr .flex p:nth-child(1) a:hover:before {
  transform: translateY(-20px) rotate(17deg);
}
.bnr .flex p:nth-child(2) a:before {
  background: url(bnr-podcast2.png) no-repeat;
  background-size: contain;
  width: 56px;
  height: 36px;
  transform: rotate(15deg);
  top: -5px;
  right: 54px;
}
@media screen and (max-width: 767px) {
  .bnr .flex p:nth-child(2) a:before {
    width: 50px;
    height: 32px;
    top: -10px;
    right: 40px;
  }
}
.bnr .flex p:nth-child(2) a:hover:before {
  transform: translate(-5px, -16px) rotate(0deg);
}
.bnr .flex p:nth-child(3) a:before {
  background: url(bnr-manga2.svg) no-repeat;
  background-size: contain;
  width: 47px;
  height: 114px;
  top: -10px;
  left: 15px;
}
@media screen and (max-width: 767px) {
  .bnr .flex p:nth-child(3) a:before {
    left: 13px;
    width: 36px;
    height: 88px;
  }
}
.bnr .flex p:nth-child(3) a:hover:before {
  transform: translateY(-20px);
}
.bnr .flex p:nth-child(4) a:before {
  background: url(bnr-twitter2.svg) no-repeat;
  background-size: contain;
  width: 84px;
  height: 57px;
  top: 16px;
  left: 20px;
  transform-origin: left bottom;
  transform: rotate(10deg);
}
@media screen and (max-width: 767px) {
  .bnr .flex p:nth-child(4) a:before {
    width: 72px;
    height: 49px;
    top: 6px;
    left: 16px;
  }
}
.bnr .flex p:nth-child(4) a:hover:before {
  transform: rotate(0deg);
}
.bnr .flex p:nth-child(5) a:before {
  background: url(bnr-ig2.svg) no-repeat;
  background-size: contain;
  width: 119px;
  height: 38px;
  top: 30px;
  left: 22px;
  transform-origin: left bottom;
}
@media screen and (max-width: 767px) {
  .bnr .flex p:nth-child(5) a:before {
    width: 95px;
    height: 30px;
    top: 20px;
    left: 16px;
  }
}
.bnr .flex p:nth-child(5) a:hover:before {
  rotate: -10deg;
}
.bnr .flex p:nth-child(6) a:before {
  background: url(bnr-suumo2.png) no-repeat;
  background-size: contain;
  width: 163px;
  height: 133px;
  top: 7px;
  left: 15px;
  transform-origin: left bottom;
}
@media screen and (max-width: 767px) {
  .bnr .flex p:nth-child(6) a:before {
    width: 48%;
    height: 97%;
    top: 4px;
    left: 9px;
  }
}
.bnr .flex p:nth-child(6) a:hover:before {
  transform: translateY(-5px) rotate(-4deg);
}

.online-ttl {
  width: 1100px;
  padding-top: 220px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 767px) {
  .online-ttl {
    width: auto;
    padding-top: 263px;
    margin: 0 auto 40px;
  }
}
.online-ttl .online-desc {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .online-ttl .online-desc {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.online-ttl .pan-ttl {
  margin-top: 16px;
  position: relative;
  color: #fff;
}
.online-ttl .pan-ttl img {
  z-index: -1;
  position: absolute;
  top: -90px;
  right: 110px;
}
@media screen and (max-width: 767px) {
  .online-ttl .pan-ttl img {
    width: 130px;
    top: -166px;
    right: 70px;
  }
}
@media screen and (max-width: 767px) {
  .online-ttl .pan-ttl {
    position: relative;
    text-align: center;
  }
  .online-ttl .pan-ttl span {
    line-height: 1.2;
    font-size: 48px;
    font-size: 4.8rem;
  }
  .online-ttl .pan-ttl span:after {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.online-ttl .wait {
  font-weight: 700;
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  text-align: center;
  color: #fff;
  margin: 24px 35% 0;
}
@media screen and (max-width: 767px) {
  .online-ttl .wait {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 16px 20% 0;
  }
}
.online-ttl .attention {
  font-weight: 500;
  margin-top: 16px;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .online-ttl .attention {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.online {
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .online {
    width: auto;
    margin: 0 auto;
  }
}
.online .category-ttl {
  margin-top: 100px;
  margin-bottom: 40px;
  text-align: center;
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 700, "slnt" 0;
  color: #fff;
  font-size: 80px;
  font-size: 8rem;
}
@media screen and (max-width: 767px) {
  .online .category-ttl {
    font-size: 56px;
    font-size: 5.6rem;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}
.online .category-ttl span {
  display: block;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .online .category-ttl span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.online .item-list {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  margin-bottom: -60px;
}
@media screen and (max-width: 767px) {
  .online .item-list {
    margin: 60px 0 -40px 0;
  }
}
.online .item-list a {
  display: block;
  overflow: hidden;
  position: relative;
}
.online .item-list a:hover:after {
  top: 40%;
  left: 0;
  transform: rotate(0);
}
@media screen and (max-width: 767px) {
  .online .item-list a:hover:after {
    top: 30%;
  }
}
.online .item-list a:after {
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 3;
  top: 40%;
  left: -140px;
  transform: rotate(-90deg);
  transform-origin: left bottom;
  content: "";
  width: 140px;
  height: 132px;
  background: url(wait.png) no-repeat;
  background-size: contain;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .online .item-list a:after {
    top: 30%;
    left: -140px;
    width: 125px;
    height: 118px;
  }
}
.online .item-list .copy {
  z-index: 2;
  opacity: 0;
  position: absolute;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  letter-spacing: 0.05em;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 900;
  background: #fff;
  padding: 16px 3px;
  border: 3px solid #000;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .online .item-list .copy {
    top: -20px;
    right: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 1px;
    border: 2px solid #000;
    white-space: nowrap;
  }
}
.online .item-list .copy:after {
  content: "";
  display: block;
  position: absolute;
  left: -28px;
  bottom: 20px;
  background: url(copy.svg) no-repeat;
  width: 28px;
  height: 21px;
}
@media screen and (max-width: 767px) {
  .online .item-list .copy:after {
    left: -20px;
    bottom: 20px;
    width: 20px;
    height: 15px;
  }
}
.online .item-list .copy {
  top: 20px;
  right: -20px;
}
@media screen and (max-width: 767px) {
  .online .item-list .copy {
    top: -20px;
    right: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 1px;
    border: 2px solid #000;
    white-space: nowrap;
  }
}
.online .item-list .item {
  position: relative;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .online .item-list .item:nth-child(3n+2), .online .item-list .item:nth-child(3n) {
    margin-left: 100px;
  }
  .online .item-list .item:nth-child(3n+2) {
    margin-top: 60px;
  }
  .online .item-list .item:nth-child(3n) {
    margin-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .online .item-list .item {
    margin-bottom: 60px;
  }
  .online .item-list .item:nth-child(2n) {
    margin-left: auto;
  }
}
.online .item-list .tag-new::before,
.online .item-list .tag-cool::before,
.online .item-list .tag-limited::before {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 15px;
  content: "";
  display: inline-block;
  transform: translateY(-50%);
}
.online .item-list .tag-new::before {
  width: 103px;
  height: 65px;
  background: url("new_item.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .online .item-list .tag-new::before {
    width: 103px;
    height: 65px;
  }
}
.online .item-list .tag-cool::before {
  width: 157px;
  height: 88px;
  background: url("cool_item.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .online .item-list .tag-cool::before {
    width: 136px;
    height: 76px;
  }
}
.online .item-list .tag-limited::before {
  width: 118px;
  height: 95px;
  background: url("limited_item.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .online .item-list .tag-limited::before {
    width: 95px;
    height: 76px;
  }
}
.online .item-list .txt {
  padding: 0 15px 15px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.online .item-list .txt:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  content: "";
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.online .item-list .img-wrap {
  position: relative;
}
.online .item-list .img-wrap:after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(sento.svg) #e6e6e6 no-repeat;
  background-position: center;
  background-size: 60px auto;
}
.online .item-list .img-wrap img {
  width: 300px;
  height: 398px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .online .item-list .img-wrap img {
    width: 70vw;
    height: 93.1vw;
  }
}
.online .item-list .name {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .online .item-list .name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.online .item-list .name br {
  display: none;
}
.online .item-list .price {
  position: relative;
  z-index: 1;
  color: #fff;
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 600, "slnt" 0;
  line-height: 1;
  letter-spacing: normal;
  font-size: 34px;
  font-size: 3.4rem;
}
.online .item-list .price span {
  margin-left: 2px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .online .item-list .price {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .online .item-list .price span {
    font-size: 10px;
    font-size: 1rem;
  }
}
.online .item-list .buy {
  z-index: 1;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .online .item-list .buy {
    transform: scale(0.9);
    transform-origin: right center;
  }
}

.more_show {
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .more_show {
    margin-top: 40px;
  }
}

.nya-ko {
  overflow: hidden;
  position: relative;
  margin-left: calc((100vw - 120px - 1100px - var(--scrollbar)) / 2 * -1);
  margin-right: calc((100vw - 120px - 1100px - var(--scrollbar)) / 2 * -1 - 120px);
  padding-left: calc((100vw - 120px - 1100px - var(--scrollbar)) / 2 * 1);
  padding-right: calc((100vw - 120px - 1100px - var(--scrollbar)) / 2 * 1 + 120px);
  background: url(nyako-bg.svg) no-repeat;
  background-position: -30px center;
}
@media screen and (max-width: 767px) {
  .nya-ko {
    background: url(nyako-bg-sp.svg) no-repeat;
    background-position: -30px top;
    margin: 0;
    padding: 0;
  }
}
.nya-ko:after {
  position: absolute;
  right: -120px;
  bottom: 30px;
  content: "";
  background: url(tail.svg) no-repeat;
  background-size: contain;
  width: 287px;
  height: 124px;
  transform-origin: right center;
}
@media screen and (max-width: 767px) {
  .nya-ko:after {
    right: -100px;
    bottom: 120px;
    width: 200px;
    height: 86px;
  }
}
.nya-ko.is-active:after {
  animation: tail 0.7s cubic-bezier(0.45, 0, 0.55, 1) 0s forwards 3 alternate-reverse;
}
@keyframes tail {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0);
  }
}
.nya-ko .nya-ko-inner {
  margin: 110px 60px 40px 90px;
}
@media screen and (max-width: 767px) {
  .nya-ko .nya-ko-inner {
    margin: 80px 50px;
  }
}
.nya-ko .flex {
  align-items: center;
}
.nya-ko .txt {
  position: relative;
  margin-bottom: 20px;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .nya-ko .txt {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    position: static;
    margin-bottom: 0;
    margin-top: 30px;
  }
}
.nya-ko .txt .lead {
  font-size: 18px;
  font-size: 1.8rem;
  color: #00aa25;
  font-weight: 700;
  padding-left: 130px;
}
@media screen and (max-width: 767px) {
  .nya-ko .txt .lead {
    line-height: 1.5;
    text-align: center;
    padding-left: 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.nya-ko .txt .name {
  margin-top: 4px;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  padding-left: 130px;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .nya-ko .txt .name {
    margin-right: 60px;
  }
}
@media screen and (max-width: 767px) {
  .nya-ko .txt .name {
    position: relative;
    font-size: 40px;
    font-size: 4rem;
    padding-left: 0;
    text-align: center;
  }
}
.nya-ko .txt .book_img {
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.nya-ko .txt .writer {
  margin-top: 8px;
  padding-left: 130px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .nya-ko .txt .writer {
    padding-left: 0px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
  }
}
.nya-ko .txt .desc {
  margin-top: 16px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .nya-ko .txt .desc {
    margin: 20px 10px 0;
    text-align: justify;
  }
}
.nya-ko .txt .flex {
  margin-top: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .nya-ko .txt .flex {
    margin: 60px 10px 0;
  }
}
.nya-ko .txt .price {
  font-family: inter-variable, sans-serif;
  font-variation-settings: "wght" 600, "slnt" 0;
  line-height: 1;
  font-size: 34px;
  font-size: 3.4rem;
  color: #fff;
}
.nya-ko .txt .price > span {
  margin-left: 2px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .nya-ko .txt .price {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .nya-ko .txt .price > span {
    font-size: 10px;
    font-size: 1rem;
  }
}
.nya-ko .txt .buy {
  margin-left: 24px;
}
.nya-ko .img {
  transform: rotate(3deg);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
}
.nya-ko .img:before {
  z-index: 2;
  position: absolute;
  top: -60px;
  left: 30px;
  display: block;
  content: "";
  background: url(limited_item.svg) no-repeat;
  background-size: contain;
  width: 157px;
  height: 121px;
  rotate: 6deg;
}
@media screen and (max-width: 767px) {
  .nya-ko .img:before {
    top: -52px;
    left: 20px;
    width: 150px;
    height: 104px;
  }
}
@media screen and (max-width: 767px) {
  .nya-ko .img {
    transform: rotate(2deg);
    margin: 0 15px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }
}
.nya-ko .img img {
  width: 380px;
  min-height: 505px;
}
@media screen and (max-width: 767px) {
  .nya-ko .img img {
    min-height: 377px;
  }
}

/*------------------------------------------------------------------------------------ culture */
.water-wrap {
  overflow: hidden;
  margin-top: 200px;
  position: relative;
  z-index: 1500;
  /*
  @include mq-pc {
    background: url(water-bg-middle.jpg) #e4f4fa;
    background-position: center top;
    width: calc(100vw - var(--scrollbar));
    animation: water-bg-middle 6s linear both infinite;
  }
  @include mq-sp {
    background: url(water-bg-middle-sp.jpg) #e4f4fa;
    background-position: center top;
    width: auto;
    animation: water-bg-middle-sp 6s linear both infinite;
  }
  .water-wrap-top {
    position: relative;
    z-index: 1;
    display: block;
    @include mq-pc {
      background: url(water-mask.png) repeat-x;
      background-position: center top;
      height: 40px;
      animation: water-bg-top 6s linear both infinite;
    }
    @include mq-sp {
      background: url(water-mask-sp.png) repeat-x;
      background-position: center top;
      background-size: 72px 13px;
      width: auto;
      height: 13px;
      animation: water-bg-top-sp 4s linear both infinite;
    }
  }
  */
}

@keyframes water-bg-middle {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 288px -288px;
  }
  100% {
    background-position: 0 -576px;
  }
}
@keyframes water-bg-middle-sp {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 288px -288px;
  }
  100% {
    background-position: 0 -576px;
  }
}
.culture {
  width: 1100px;
  margin: 200px auto 0;
}
@media screen and (max-width: 767px) {
  .culture {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .culture .ttl-culture {
    position: relative;
    display: block;
    width: auto;
    margin: 0 60px;
  }
}
.culture .ttl-culture h2 {
  width: 45%;
  margin-right: 10%;
}
.culture .ttl-culture h2 svg {
  float: right;
  height: 459px;
}
.culture .ttl-culture h2 svg .jsani {
  opacity: 0;
  transform-origin: center;
  transform-box: fill-box;
}
.culture .ttl-culture h2 svg {
  /*
    #m1,#m2,#m3,#m4,#m5,#m6 {
    opacity:0;
    }
  */
}
@media screen and (max-width: 767px) {
  .culture .ttl-culture h2 {
    width: 64%;
    margin: 0 auto;
  }
  .culture .ttl-culture h2 svg {
    float: none;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .culture .ttl-culture .txt {
    margin-top: 32px;
  }
}
.culture .ttl-culture p {
  color: #fff;
  font-weight: 500;
  line-height: 2.13;
}
.culture .ttl-culture p:not(:first-child) {
  margin-top: 28px;
}
@media screen and (max-width: 767px) {
  .culture .ttl-culture p br {
    display: none;
  }
  .culture .ttl-culture p:not(:first-child) {
    margin-top: 20px;
  }
}
.culture .ttl-culture p.banto {
  margin-top: 32px;
  line-height: 1.85;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}
.culture .ttl-culture p.banto span {
  line-height: 1;
  display: inline-block;
  transform: translateY(-2px);
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 2px;
  border: 1px solid #fff;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .culture .ttl-culture p.banto {
    position: absolute;
    top: 14%;
    left: 2%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    letter-spacing: -0.02em;
  }
  .culture .ttl-culture p.banto span {
    margin-right: 0;
    margin-bottom: 6px;
    transform: translatex(0.5px);
    padding: 1px 2px 1px 1px;
  }
}

.culture-photo {
  margin-top: 100px;
  margin-left: calc((100vw - 1100px - var(--scrollbar)) / 2 * -1);
  margin-right: calc((100vw - 1100px - var(--scrollbar)) / 2 * -1);
  position: relative;
  height: 169vw;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .culture-photo {
    margin: 100px 0;
    position: relative;
    height: 680vw;
  }
}
.culture-photo .img-wrap {
  position: absolute;
}
.culture-photo .img-wrap img {
  max-width: none;
  width: 100%;
}
.culture-photo .img-wrap:nth-child(1) {
  width: 27.777778vw;
  top: 0;
  left: -3.472222vw;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(1) {
    width: 80vw;
    left: 0vw;
  }
}
.culture-photo .img-wrap:nth-child(2) {
  width: 13.194444vw;
  top: 27.777778vw;
  left: 22.361111vw;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(2) {
    width: 35vw;
    top: 75vw;
    left: 55vw;
  }
}
.culture-photo .img-wrap:nth-child(3) {
  width: 16.666667vw;
  top: 10.833333vw;
  left: 32.430556vw;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(3) {
    width: 50vw;
    top: 110vw;
    left: 25vw;
  }
}
.culture-photo .img-wrap:nth-child(4) {
  width: 38.194444vw;
  top: 9.861111vw;
  left: 63.888889vw;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(4) {
    width: 90vw;
    top: 195vw;
    left: 10vw;
  }
}
.culture-photo .img-wrap:nth-child(5) {
  width: 22.222222vw;
  top: 51.736111vw;
  left: 77.777778vw;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(5) {
    width: 40vw;
    top: 280vw;
    left: 60vw;
  }
}
.culture-photo .img-wrap:nth-child(6) {
  width: 29.166667vw;
  top: 46.805556vw;
  left: 41.527778vw;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(6) {
    width: 80vw;
    top: 325vw;
    left: 10vw;
  }
}
.culture-photo .img-wrap:nth-child(7) {
  width: 12.5vw;
  top: 68.402778vw;
  left: 20.972222vw;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(7) {
    width: 30vw;
    top: 475vw;
    left: 50vw;
  }
}
.culture-photo .img-wrap:nth-child(8) {
  width: 16.666667vw;
  top: 57.430556vw;
  left: 5.763889vw;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(8) {
    width: 40vw;
    top: 450vw;
    left: 15vw;
  }
}
.culture-photo .img-wrap:nth-child(9) {
  width: 100vw;
  top: 98.472222vw;
  padding: 0 120px;
}
@media screen and (max-width: 767px) {
  .culture-photo .img-wrap:nth-child(9) {
    padding: 0;
    width: 170vw;
    top: 535vw;
    left: -35vw;
  }
}

.coming {
  width: 1100px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 767px) {
  .coming {
    width: auto;
  }
}
.coming h3 {
  text-align: center;
  margin-top: 100px;
  margin-left: 64px;
  font-size: 64px;
  font-size: 6.4rem;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .coming h3 {
    margin-top: 100px;
    margin-left: 28px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.coming h3 + p {
  text-align: center;
  margin-top: 16px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .coming h3 + p {
    margin-top: 16px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
/*------------------------------------------------------------------------------------ top */
.online-top-text {
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .online-top-text {
    width: auto;
  }
}
.online-top-text {
  height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  height: calc(var(--vh, 1vh) * 100);
  min-height: 700px;
  max-height: 1000px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .online-top-text {
    height: auto; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
    min-height: 0;
    max-height: none;
  }
}
.online-top-text .online-top-text-inner {
  width: 1100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .online-top-text .online-top-text-inner {
    width: 100%;
    position: static;
    top: auto;
    transform: none;
  }
}
@media screen and (max-width: 767px) {
  .online-top-text .online-top-text-sp {
    height: 100svh;
    position: relative;
  }
  .online-top-text .online-top-text-sp-inner {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.online-top-text .online-desc {
  font-weight: 700;
  margin-top: 60px;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .online-top-text .online-desc {
    margin-top: 0;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 0;
    text-align: center;
    color: #fff;
  }
}
.online-top-text .pan-ttl {
  margin-top: 16px;
  text-align: left;
}
.online-top-text .pan-ttl span {
  font-size: 76px;
  font-size: 7.6rem;
}
.online-top-text .pan-ttl span:after {
  font-size: 76px;
  font-size: 7.6rem;
}
@media screen and (max-width: 767px) {
  .online-top-text .pan-ttl {
    position: relative;
    text-align: center;
    color: #fff;
  }
  .online-top-text .pan-ttl span {
    line-height: 1.3;
    font-size: 48px;
    font-size: 4.8rem;
  }
  .online-top-text .pan-ttl span:after {
    font-size: 48px;
    font-size: 4.8rem;
  }
  .online-top-text .pan-ttl img {
    position: absolute;
    width: 160px;
    top: -250px;
    left: 18%;
  }
}
.online-top-text .attention {
  text-align: left;
}

.online-news {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .online-news {
    margin: 40px 40px 0;
  }
}
.online-news .online-news-ttl {
  font-family: earlyman;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
}
.online-news ul {
  width: 40%;
  margin: 16px 0 40px;
}
@media screen and (max-width: 767px) {
  .online-news ul {
    width: 100%;
  }
}
.online-news ul li {
  font-weight: 500;
  display: block;
  padding: 4px 0;
}
.online-news ul li a {
  display: block;
}
.online-news ul li a:hover {
  transform: translateX(16px);
}
.online-news ul li .flex {
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.online-news ul li .date {
  width: 25%;
  font-size: 15px;
  font-size: 1.5rem;
  opacity: 0.5;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  .online-news ul li .date {
    width: 30%;
    font-size: 13.5px;
    font-size: 1.35rem;
  }
}
.online-news ul li .ellipsis {
  width: 75%;
}
.online-news ul li .ellipsis h2 {
  font-weight: 500;
  line-height: 1.85;
  font-size: 15px;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.online-news ul li .ellipsis .new {
  vertical-align: middle;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 1px 3px;
  background: #FDF10E;
  margin-right: 8px;
  border-radius: 3px;
  display: inline-block;
  line-height: 1;
  transform: translateY(-1px);
}
@media screen and (max-width: 767px) {
  .online-news ul li .ellipsis {
    width: 70%;
    font-size: 13.5px;
    font-size: 1.35rem;
  }
}

#online-top-photo {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 120px;
  width: 42vw;
  height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  height: calc(var(--vh, 1vh) * 100);
  min-height: 700px;
  max-height: 1000px;
}
#online-top-photo .swiper-wrapper {
  transition-timing-function: linear;
}
#online-top-photo .swiper-slide {
  width: 100%;
  height: auto;
}
#online-top-photo .swiper-slide div {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top right;
  background-color: #E6E6E6;
}
@media screen and (max-width: 767px) {
  #online-top-photo {
    top: 0;
    right: 0;
    width: 100vw;
    height: 100svh;
    min-height: 0;
    max-height: none;
  }
}

.category-list.white {
  filter: invert(100%);
}
.category-list {
  margin: 150px auto 0;
  padding-bottom: 150px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .category-list {
    margin: 120px auto 0;
    padding-bottom: 150px;
  }
}
.category-list:before {
  pointer-events: none;
  position: absolute;
  content: "";
  width: 20px;
  height: 105px;
  border: 2px solid #000;
  border-right: none;
  display: block;
  top: 10px;
  left: 2%;
  z-index: 2;
}
.category-list:after {
  pointer-events: none;
  position: absolute;
  content: "";
  width: 20px;
  height: 105px;
  border: 2px solid #000;
  border-left: none;
  display: block;
  top: 10px;
  right: 2%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .category-list:before {
    width: 10px;
    height: 90px;
    top: 10px;
    left: 8%;
  }
  .category-list:after {
    content: "";
    width: 10px;
    height: 90px;
    top: 10px;
    right: 8%;
  }
}
.category-list ul {
  overflow-x: scroll;
  white-space: nowrap;
  width: auto;
  padding: 30px 5% 0;
  margin: 0 2%;
}
.category-list ul::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .category-list ul {
    overflow-y: visible;
    padding: 30px 7% 0;
    margin: 0 8%;
  }
}
.category-list ul li {
  vertical-align: top;
  display: inline-block;
  width: 9.8%;
}
.category-list ul li a {
  line-height: 1.3;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  white-space: normal;
  font-weight: 500;
}
.category-list ul li a:hover .mov {
  transform: translateY(-25px) rotate(10deg);
}
.category-list ul li a .mov {
  transition-property: transform;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center bottom;
}
.category-list ul li a span {
  display: block;
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: bottom center;
  margin-bottom: 8px;
}
.category-list ul li:nth-child(2n) a:hover .mov {
  transform: translateY(-25px) rotate(-10deg);
}
@media screen and (max-width: 767px) {
  .category-list ul li {
    width: 28%;
    letter-spacing: normal;
  }
  .category-list ul li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .category-list ul li a span {
    height: 32px;
    margin-bottom: 4px;
  }
}

/*------------------------------------------------------------------------------------ category */
/*
.online-cate-ttl {
  width: $contents-width;
  margin: 220px auto 0;
  @include mq-sp {
    width: auto;
    margin: 160px auto 0;
  }
  .pan-ttl {
    margin-top: 16px;
    span {
      @include fz(76);
      &:after {
        @include fz(76);
      }
    }
    @include mq-sp {
      position: relative;
      text-align: center;
      span {
        line-height: 1.3;
        @include fz(48);
        &:after {
          @include fz(48);
        }
      }
    }
  }
}
*/
/*------------------------------------------------------------------------------------ detail */
.online-detail {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 767px) {
  .online-detail {
    display: block;
  }
}

#online-detail-photo {
  position: sticky;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  width: 42vw;
  height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  height: calc(var(--vh, 1vh) * 100);
  min-height: 700px;
  max-height: 1000px;
}
@media screen and (max-width: 767px) {
  #online-detail-photo {
    width: 100vw;
    height: 90vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
    height: calc(var(--vh, 1vh) * 90);
    min-height: 0;
    max-height: 90vh;
  }
}
#online-detail-photo .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}
#online-detail-photo .swiper-slide div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#online-detail-photo-thumb {
  position: absolute;
  z-index: 30;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  max-width: 364px;
}
@media screen and (max-width: 767px) {
  #online-detail-photo-thumb {
    max-width: 252px;
    bottom: 20px;
  }
}
#online-detail-photo-thumb .swiper-wrapper .swiper-slide {
  width: 60px !important;
  height: 60px;
}
@media screen and (max-width: 767px) {
  #online-detail-photo-thumb .swiper-wrapper .swiper-slide {
    width: 54px !important;
    height: 54px;
  }
}
#online-detail-photo-thumb .swiper-wrapper .swiper-slide {
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid #fff;
  transition-property: border;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#online-detail-photo-thumb .swiper-wrapper .swiper-slide-thumb-active {
  border: 2px solid #FDF10E !important;
}

.swiper-button-next,
.swiper-button-prev {
  width: 50px !important;
  height: 50px !important;
  background: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}
.swiper-button-next:after,
.swiper-button-prev:after {
  content: "" !important;
  display: block;
  width: 12px;
  height: 16px;
}

.swiper-button-next {
  right: 20px;
}
.swiper-button-next:after {
  background: url(arrow.png) no-repeat;
  background-size: contain;
}

.swiper-button-prev {
  left: 20px;
}
.swiper-button-prev:after {
  background: url(arrow.png) no-repeat;
  background-size: contain;
  transform: scale(-1, 1);
}

.swiper-pagination {
  display: none;
}
@media screen and (max-width: 767px) {
  .swiper-pagination {
    left: 0;
    bottom: 0;
    display: inline-block;
    color: rgba(0, 0, 0, 0.7);
    background: #fff;
    width: auto;
    line-height: 1;
    border-radius: 0 8px 0 0;
    padding: 8px 10px 3px 8px;
    font-size: 10px;
    font-size: 1rem;
  }
  .swiper-pagination .swiper-pagination-current {
    font-weight: 700;
  }
}

.detail-contents {
  flex: 1;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .detail-contents {
    position: sticky;
    z-index: 2;
    top: 0;
    padding: 0 20px;
  }
}
.detail-contents .pkz {
  padding: 24px 0 0 32px;
}
@media screen and (max-width: 767px) {
  .detail-contents .pkz {
    padding: 0;
    height: 10vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
    height: calc(var(--vh, 1vh) * 10);
    position: relative;
  }
}
.detail-contents .pkz .flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .detail-contents .pkz .flex {
    top: 50%;
    left: 0;
    position: absolute;
    transform: translateY(-50%);
  }
}
.detail-contents .pkz .flex li {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  margin-right: 16px;
  padding-right: 16px;
  position: relative;
}
.detail-contents .pkz .flex li:last-child:after {
  display: none;
}
.detail-contents .pkz .flex li:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 3px 0 3px 3px;
  border-color: transparent #000 transparent #000;
}
.detail-contents .pkz .flex li a {
  text-decoration: underline;
}
.detail-contents .pkz .flex li span {
  vertical-align: middle;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .detail-contents .pkz .flex li span {
    width: 32px;
    height: 32px;
  }
}
.detail-contents .desc {
  width: 470px;
  margin: 200px auto 0;
}
@media screen and (max-width: 767px) {
  .detail-contents .desc {
    width: auto;
    margin: 10vh 20px 5vh;
  }
}
.detail-contents .desc .copy {
  z-index: 2;
  opacity: 0;
  position: absolute;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  letter-spacing: 0.05em;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 900;
  background: #fff;
  padding: 16px 3px;
  border: 3px solid #000;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .detail-contents .desc .copy {
    top: -20px;
    right: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 1px;
    border: 2px solid #000;
    white-space: nowrap;
  }
}
.detail-contents .desc .copy:after {
  content: "";
  display: block;
  position: absolute;
  left: -28px;
  bottom: 20px;
  background: url(copy.svg) no-repeat;
  width: 28px;
  height: 21px;
}
@media screen and (max-width: 767px) {
  .detail-contents .desc .copy:after {
    left: -20px;
    bottom: 20px;
    width: 20px;
    height: 15px;
  }
}
.detail-contents .desc .copy {
  top: -60px;
  left: 0;
  white-space: nowrap;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  padding: 4px 16px;
}
.detail-contents .desc .copy:after {
  transform: scale(-1, 0.8) rotate(-90deg);
  bottom: -21px;
  left: auto;
}
@media screen and (max-width: 767px) {
  .detail-contents .desc .copy {
    top: -40px;
    left: 0;
    right: auto;
    padding: 1px 12px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .detail-contents .desc .copy:after {
    bottom: -15px;
  }
}
.detail-contents .desc .name {
  margin: 0 auto;
  display: block;
  position: relative;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1.4;
  /*
  min-height: 300px;
  max-height: 350px;
  */
}
@media screen and (max-width: 767px) {
  .detail-contents .desc .name {
    font-size: 26px;
    font-size: 2.6rem;
    /*
    min-height: 230px;
    max-height: 270px;
    */
  }
}
.detail-contents .desc .price {
  margin-top: -1em;
  line-height: 1;
  font-size: 40px;
  font-size: 4rem;
  font-family: earlyman;
  letter-spacing: normal;
}
.detail-contents .desc .price span {
  margin-left: 4px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .detail-contents .desc .price {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .detail-contents .desc .price span {
    font-size: 10px;
    font-size: 1rem;
  }
}
.detail-contents .desc .desc-txt {
  margin-top: 48px;
  position: relative;
  padding-right: 80px;
  font-weight: 500;
  text-align: justify;
}
.detail-contents .desc .desc-txt p {
  margin-top: 24px;
}
.detail-contents .desc .desc-txt:not(.sns) a {
  text-decoration: underline;
}
.detail-contents .desc .desc-txt ul {
  list-style-type: disc;
  margin-left: 16px;
}
.detail-contents .desc .desc-txt ol {
  list-style-type: decimal;
  margin-left: 21px;
}
.detail-contents .desc .desc-txt .sns a {
  display: block;
  position: absolute;
  right: 0;
}
.detail-contents .desc .desc-txt .sns a:nth-child(1) {
  top: 4px;
}
.detail-contents .desc .desc-txt .sns a:nth-child(2) {
  top: 50px;
}
@media screen and (max-width: 767px) {
  .detail-contents .desc .desc-txt .sns a {
    right: 20px;
  }
  .detail-contents .desc .desc-txt .sns a:last-child {
    top: 48px;
  }
}
.detail-contents .detail-cart {
  width: 470px;
  margin: 48px auto 0;
}
@media screen and (max-width: 767px) {
  .detail-contents .detail-cart {
    width: auto;
    margin: 48px 0 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.detail-contents .detail-cart dl {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.detail-contents .detail-cart dl dt,
.detail-contents .detail-cart dl dd {
  border-top: 1px solid #E6E6E6;
  font-weight: 500;
  padding: 12px 0;
}
.detail-contents .detail-cart dl dt {
  padding-left: 20px;
  width: 30%;
  color: rgba(0, 0, 0, 0.5);
}
.detail-contents .detail-cart dl dd {
  width: 70%;
  padding-right: 0;
}
.detail-contents .detail-cart dl dd.price {
  padding-top: 16px;
  padding-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .detail-contents .detail-cart dl dd.price {
    padding-top: 12px;
    padding-bottom: 10px;
  }
}
.detail-contents .detail-cart dl dd.price {
  /*&:after {
    @include fz(14);
    display: inline-block;
    content: "（税込）";
    font-family: $ja;
    font-weight: $fw-m;
    vertical-align: bottom;
    @include mq-sp {
      @include fz(10);
    }
  }*/
}
.detail-contents .detail-cart dl dd.price p {
  line-height: 0;
  transform: translateY(4px);
  font-size: 36px;
  font-size: 3.6rem;
  position: relative;
  display: inline-block;
  font-family: earlyman;
}
.detail-contents .detail-cart dl dd.price p:after {
  margin-left: 4px;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  content: " yen";
  font-family: earlyman;
}
@media screen and (max-width: 767px) {
  .detail-contents .detail-cart dl dd.price p {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.detail-contents .detail-cart dl dd .select {
  position: relative;
  margin-right: 8px;
  display: inline-block;
  padding-bottom: 2px;
}
.detail-contents .detail-cart dl dd .select:hover:after {
  background: #E52229;
}
.detail-contents .detail-cart dl dd .select:hover:before {
  border-color: #fff transparent transparent transparent;
}
.detail-contents .detail-cart dl dd .select select {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  padding-left: 32px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
@media screen and (max-width: 767px) {
  .detail-contents .detail-cart dl dd .select select {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 28px;
  }
}
.detail-contents .detail-cart dl dd .select select:focus {
  outline: none;
}
.detail-contents .detail-cart dl dd .select:after {
  pointer-events: none;
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid #E52229;
  border-radius: 50%;
  z-index: 0;
  transition-property: "background";
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 767px) {
  .detail-contents .detail-cart dl dd .select:after {
    width: 20px;
    height: 20px;
  }
}
.detail-contents .detail-cart dl dd .select:before {
  pointer-events: none;
  position: absolute;
  top: 13px;
  left: 8px;
  display: block;
  content: "";
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #E52229 transparent transparent transparent;
  z-index: 1;
  transition-property: "border";
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 767px) {
  .detail-contents .detail-cart dl dd .select:before {
    top: 11px;
    left: 6px;
  }
}
.detail-contents .cart-box {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 0 20px;
}
.detail-contents .cart-box .num:after {
  display: inline-block;
  content: "点";
  transform: translateY(1px);
  margin-left: 8px;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 500;
}
.detail-contents .cart-box .num input {
  width: 55px;
  padding-left: 10px;
  padding-right: 5px;
  display: inline-block;
  height: 40px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  -webkit-appearance: none;
  border-radius: 6px;
  border: 1px solid #000;
  transition-property: "background";
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 767px) {
  .detail-contents .cart-box .num input {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.detail-contents .cart-box .num input:focus {
  outline: none;
  background: rgba(229, 34, 41, 0.1);
}
.detail-contents .cart-box .btn {
  margin-left: 40px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 767px) {
  .detail-contents .cart-box .btn {
    margin-left: 15px;
  }
}
.detail-contents .cart-box .buy {
  cursor: pointer;
}
.detail-contents .cart-box .sold {
  font-family: earlyman;
  border: 1px solid #b4b4b4;
  background-color: #b4b4b4;
  animation: none;
  cursor: unset;
}
.detail-contents .cart-box .sold .btn-inner span {
  transition: none;
  transform: none;
  animation: none;
}
.detail-contents .cart-box .sold:hover {
  pointer-events: none;
  transition: none;
  animation: none;
}
.detail-contents .cart-box .sold::after {
  background-color: #b4b4b4;
  transition: none;
  transform: none;
  transform-origin: none;
}
.detail-contents .cart-box .like {
  cursor: pointer;
  color: #000;
  border: none;
  background: transparent;
  height: 40px;
  display: inherit;
  line-height: 1;
  position: relative;
  margin-left: 15px;
  padding-left: 50px;
  padding-top: 14px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .detail-contents .cart-box .like {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
  }
}
@keyframes likying {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.detail-contents .cart-box .like.likying::before {
  background: url("liked.svg") no-repeat;
  animation-name: likying;
  animation-duration: 0.15s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.detail-contents .cart-box .like.liked:before {
  background: url("like.svg") no-repeat;
}
.detail-contents .cart-box .like.liked:after {
  background: #E52229;
  border-color: #E52229;
}
.detail-contents .cart-box .like.liked:hover {
  opacity: 1;
}
.detail-contents .cart-box .like.liked:hover:before {
  background: url("like.svg") no-repeat;
}
.detail-contents .cart-box .like.liked:hover:after {
  background: #fff;
  border-color: #E6E6E6;
}
.detail-contents .cart-box .like:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 38px;
  height: 38px;
  border: 1px solid #E6E6E6;
  border-radius: 50%;
  z-index: 0;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.detail-contents .cart-box .like:before {
  position: absolute;
  top: 11px;
  left: 10px;
  display: block;
  content: "";
  width: 20px;
  height: 19px;
  background: url("like.svg") no-repeat;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}
.detail-contents .cart-box .like:hover {
  opacity: 1;
}
.detail-contents .cart-box .like:hover:before {
  background: url("liked.svg") no-repeat;
}
.detail-contents .more {
  width: 470px;
  margin: 96px auto 0;
}
@media screen and (max-width: 767px) {
  .detail-contents .more {
    width: auto;
    margin: 48px 40px 0 20px;
  }
}
.detail-contents .more h3 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .detail-contents .more h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.detail-contents .more .more-inner {
  margin-top: 32px;
}
.detail-contents .more .more-inner p {
  text-align: justify;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
}
.detail-contents .more .more-inner p:not(:first-child) {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .detail-contents .more .more-inner p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.detail-contents .more .more-inner p a {
  text-decoration: underline;
}
.detail-contents .guide {
  width: 470px;
  margin: 54px auto 0;
}
@media screen and (max-width: 767px) {
  .detail-contents .guide {
    width: auto;
    margin: 54px 0 0;
    font-size: 13.5px;
    font-size: 1.35rem;
  }
}
.detail-contents .guide dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.detail-contents .guide dl dt,
.detail-contents .guide dl dd {
  border-top: 1px solid #E6E6E6;
  font-weight: 500;
  padding: 12px 0;
}
.detail-contents .guide dl dt {
  width: 30%;
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.detail-contents .guide dl dd {
  width: 70%;
}
.detail-contents .guide-list {
  width: 470px;
  margin: 24px auto 0;
}
.detail-contents .guide-list li a {
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: underline;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  padding-top: 8px;
}
@media screen and (max-width: 767px) {
  .detail-contents .guide-list {
    width: auto;
    margin: 24px 20px 0;
  }
}

/*------------------------------------------------------------------------------------ review */
/*
.review-bg {
  position: relative;
  overflow: hidden;
  margin: 100px -120px 0 auto;
  padding: 0 120px 200px 0;
  @include mq-sp {
    margin: 100px -20px 0;
    padding: 0 20px 120px;
  }
  @include mq-pc {
    background: url(water-bg-middle.jpg) #e4f4fa;
    background-position: center top;
    animation: water-bg-middle 6s linear both infinite;
  }
  @include mq-sp {
    background: url(water-bg-middle-sp.jpg) #e4f4fa;
    background-position: center top;
    animation: water-bg-middle-sp 6s linear both infinite;
  }
  &:before {
    content: "";
    background: url("bottom.svg") no-repeat;
    background-position: left top;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    @include mq-sp {
      background-size: 120% auto;
    }
  }

  &:after {
    content: "";
    background-image: url("bottom-w.svg");
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 27.21%;
    width: 100%;
    @include mq-sp {
      background-size: 120% auto;
    }
  }
}

.review {
  width: 470px;
  margin: 150px auto 0;
  position: relative;
  @include mq-sp {
    width: auto;
    margin: 100px auto 0;
  }
}

.post {
  //中央揃え
  -webkit-box-align: center;
  -ms-flex-align: center; // IE10
  align-items: center;
  h3 {
    margin-top: -8px;
    font-family: $en;
    line-height: 1;
    @include fz(32);
    position: relative;
    padding-left: 54px;
    margin-right: auto;
    &:after {
      position: absolute;
      content: "";
      top: -14px;
      left: 0;
      display: block;
      width: 40px;
      height: 33px;
      background-image: url("review.svg");
      background-size: contain;
      background-repeat: no-repeat;
    }
  }
}

.rating-box {
  font-size: 25px;
  position: relative;
  display: inline-block;
  margin-left: 50px;

  span {
    font-family: $en;
    @include fz(32);
    position: absolute;
    top: -4px;
    left: -50px;
    display: block;
  }
  .star {
    position: relative;*/
/* 例）星4個 表示= 100 * 4 / 5 */
/*    &[data-rating="1"] {
      .filled-rating {
        width: 20%;
      }
    }
    &[data-rating="2"] {
      .filled-rating {
        width: 40%;
      }
    }
    &[data-rating="3"] {
      .filled-rating {
        width: 60%;
      }
    }
    &[data-rating="4"] {
      .filled-rating {
        width: 80%;
      }
    }
    &[data-rating="5"] {
      .filled-rating {
        width: 100%;
      }
    }
  }
  .empty-rating {
    color: $color-r;
  }
  .filled-rating {
    color: $color-r;
    position: absolute;*/
/*重ねる */
/*    top: 0;
    overflow: hidden;
    white-space: nowrap;
  }
}

.review-wrap {
  margin-top: 32px;

  .review-list {
    border-top: 1px solid $color-line;
    padding: 40px 20px 40px;

    .reviewer {
      //下揃え
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end; // IE10
      align-items: flex-end;
      .name {
        margin-right: auto;
        font-weight: $fw-b;
        @include fz(15);
      }
      .date {
        font-family: $en;
        @include mq-sp {
          margin-right: 20px;
        }
      }
    }

    .little {
      font-size: 14px;
      margin-left: 0;
      &:before {
        display: none;
      }
    }

    .comment {
      margin-top: 16px;
      text-align: justify;
      @include mq-sp {
        margin-right: 20px;
      }
    }
  }
}*/
.margin-bg {
  height: 720px;
  position: relative;
  overflow: hidden;
  margin: 100px -120px 0 auto;
  padding: 0 120px 200px 0;
}
@media screen and (max-width: 767px) {
  .margin-bg {
    margin: 100px -20px 0;
    padding: 0 20px 120px;
    height: 480px;
  }
}
@media screen and (min-width: 768px) {
  .margin-bg {
    background: url(water-bg-middle.jpg) #e4f4fa;
    background-position: center top;
    animation: water-bg-middle 6s linear both infinite;
  }
}
@media screen and (max-width: 767px) {
  .margin-bg {
    background: url(water-bg-middle-sp.jpg) #e4f4fa;
    background-position: center top;
    animation: water-bg-middle-sp 6s linear both infinite;
  }
}
.margin-bg:before {
  content: "";
  background: url("bottom.svg") no-repeat;
  background-position: left top;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .margin-bg:before {
    background-size: 120% auto;
  }
}
.margin-bg:after {
  content: "";
  background-image: url("bottom-w.svg");
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 27.21%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .margin-bg:after {
    background-size: 120% auto;
  }
}

/*------------------------------------------------------------------------------------ shopguide */
.shopguide {
  background: #f5f5f7;
  margin-right: -120px;
  padding: 200px 120px 200px 0;
}
.shopguide .shopguide-inner {
  width: 1100px;
  margin: 0 auto;
}
.shopguide .shopguide-inner .flex {
  margin-top: 100px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.shopguide .shopguide-inner .pan-ttl span {
  font-size: 76px;
  font-size: 7.6rem;
}
.shopguide .shopguide-inner .pan-ttl span:after {
  font-size: 76px;
  font-size: 7.6rem;
}
.shopguide .shopguide-inner .shopguide-box {
  width: 28%;
}
.shopguide .shopguide-inner h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
  margin-bottom: 72px;
}
.shopguide .shopguide-inner h3 span {
  margin: 0 auto 8px;
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.shopguide .shopguide-inner h4 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 35px;
}
.shopguide .shopguide-inner p {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 8px;
}
.shopguide .shopguide-inner p span {
  color: #E52229;
}
.shopguide .shopguide-inner img {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .shopguide {
    margin-right: 0;
    padding: 100px 0 100px 0;
  }
  .shopguide .shopguide-inner {
    width: auto;
  }
  .shopguide .shopguide-inner .flex {
    display: block;
    margin-top: 50px;
  }
  .shopguide .shopguide-inner .pan-ttl span {
    line-height: 1.3;
    font-size: 38px;
    font-size: 3.8rem;
  }
  .shopguide .shopguide-inner .pan-ttl span:after {
    font-size: 38px;
    font-size: 3.8rem;
  }
  .shopguide .shopguide-inner .shopguide-box {
    width: 100%;
    padding: 0 20px;
  }
  .shopguide .shopguide-inner h3 {
    margin: 64px 0 32px;
  }
  .shopguide .shopguide-inner h3 span {
    margin: 0 12px 0 0;
    display: inline-block;
    background-position: center;
    vertical-align: middle;
  }
}
/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
.event {
  width: 1100px;
  padding-top: 120px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .event {
    width: auto;
  }
}
.event .event-desc {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .event .event-desc {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.event .pan-ttl {
  margin-top: 16px;
}
.event .pan-ttl span:after {
  color: #E52229;
}
@media screen and (max-width: 767px) {
  .event .pan-ttl {
    margin-top: 12px;
  }
  .event .pan-ttl span {
    font-size: 48px;
    font-size: 4.8rem;
  }
  .event .pan-ttl span:after {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.event .text-c {
  margin-top: 100px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.event .event-group {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .event .event-group {
    width: auto;
    margin: -40px 70px 0 70px;
  }
}
.event .event-group .event-list {
  width: 36%;
  height: auto;
  position: relative;
  padding-top: 130px;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list {
    width: 100%;
  }
}
.event .event-group .event-list.is-active .title:after {
  height: 0;
}
.event .event-group .event-list:nth-child(odd) {
  margin-left: 60px;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list:nth-child(odd) {
    margin-left: auto;
  }
}
.event .event-group .event-list:nth-child(2n) {
  margin-left: auto;
  margin-right: 60px;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list:nth-child(2n) {
    margin-right: auto;
  }
}
.event .event-group .event-list a {
  position: relative;
  display: block;
  transform-origin: bottom center;
}
.event .event-group .event-list a.now:before {
  position: absolute;
  top: -45px;
  left: 10px;
  content: "";
  background: url("now.svg") no-repeat;
  background-size: contain;
  display: block;
  height: 92px;
  width: 116px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list a.now:before {
    height: 64px;
    width: 81px;
    top: -32px;
    left: 5px;
  }
}
.event .event-group .event-list a:hover {
  color: #000;
  transform: translateY(-25px) rotate(-1deg);
}
.event .event-group .event-list:nth-child(2n) a:hover {
  transform: translateY(-25px) rotate(1deg);
}
.event .event-group .event-list .img-wrap {
  position: relative;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.event .event-group .event-list .img-wrap:after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(sento.svg) #e6e6e6 no-repeat;
  background-position: center;
  background-size: 60px auto;
}
.event .event-group .event-list img {
  display: block;
  height: 495px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 396px;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list img {
    width: calc(100vw - 140px);
    height: calc((100vw - 140px) * 1.25);
  }
}
.event .event-group .event-list .title {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  position: absolute;
  top: 24px;
  left: -56px;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
}
.event .event-group .event-list .title:after {
  transition-property: height;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0.5s;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list .title {
    top: 24px;
    left: -40px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.event .event-group .event-list .title br {
  display: none;
}
.event .event-group .event-list .date {
  position: absolute;
  top: -48px;
  right: 0;
  font-family: earlyman;
  line-height: 1;
  font-size: 32px;
  font-size: 3.2rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list .date {
    font-size: 24px;
    font-size: 2.4rem;
    top: -36px;
  }
}
.event .event-group .event-list .date:after {
  content: "";
  width: 60px;
  height: 8px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: skew(45deg);
  flex: auto;
  margin: 0 20px 8px 10px;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list .date:after {
    width: 40px;
    height: 4px;
    margin: 0 12px 5px 6px;
  }
}
.event .event-group .event-list .date .end {
  order: 1;
}
.event .event-group .event-list .text-box {
  margin-top: 16px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .event .event-group .event-list .text-box {
    font-size: 13.5px;
    font-size: 1.35rem;
  }
}

.join {
  margin: 150px auto 0;
  width: 1100px;
  border: 1px solid #E6E6E6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .join {
    width: auto;
    margin: 100px 40px 0;
  }
}
.join a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url("event-peace.jpg") no-repeat;
  background-size: auto 100%;
  background-position: center right;
}
@media screen and (max-width: 767px) {
  .join a {
    background-size: auto 180px;
    background-position: center top;
  }
}
.join .text {
  flex: 1;
  padding: 48px 0 44px 56px;
}
@media screen and (max-width: 767px) {
  .join .text {
    padding: 200px 30px 0px;
  }
}
.join .text h2 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  position: relative;
}
@media screen and (max-width: 767px) {
  .join .text h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.join .text p {
  margin-top: 16px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .join .text p br {
    display: none;
  }
}
.join .img {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .join .img {
    width: 100%;
    padding: 20px 30px 30px;
  }
}

.run {
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .run {
    right: 0;
    bottom: -40px;
    animation: run 4s ease 0s infinite;
  }
}
@media screen and (max-width: 767px) {
  .run {
    right: 0;
    top: 105px;
    animation: runSp 4s ease 0s infinite;
  }
  .run img {
    transform: scale(0.75);
  }
}

@keyframes run {
  0% {
    right: 0;
  }
  25% {
    right: 275px;
  }
  50% {
    right: 0;
  }
  75% {
    right: 450px;
  }
  100% {
    right: 0;
  }
}
@keyframes runSp {
  0% {
    right: 0;
  }
  25% {
    right: 25%;
  }
  50% {
    right: 0;
  }
  75% {
    right: 50%;
  }
  100% {
    right: 0;
  }
}
ul.pager {
  margin-top: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
}
ul.pager li {
  width: 25%;
}
ul.pager li a,
ul.pager li span {
  color: #fff;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: earlyman;
  display: block;
  height: 160px;
  line-height: 1;
  border-right: 1px solid rgba(230, 230, 230, 0.3);
  border-top: 1px solid rgba(230, 230, 230, 0.3);
  border-bottom: 1px solid rgba(230, 230, 230, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.pager li a:hover,
ul.pager li span:hover {
  color: #000;
  background: #FDF10E;
}
@media screen and (max-width: 767px) {
  ul.pager li {
    width: 33.3333%;
  }
  ul.pager li a,
  ul.pager li span {
    font-size: 22px;
    font-size: 2.2rem;
    height: 90px;
  }
}
ul.pager li span {
  background-color: #fff;
  color: #000;
}
ul.pager .prev a,
ul.pager .next a {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  position: relative;
}
ul.pager .prev a:before,
ul.pager .next a:before {
  z-index: 3;
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  top: calc(50% - 5px);
}
@media screen and (max-width: 767px) {
  ul.pager .prev,
  ul.pager .next {
    position: absolute;
    top: -100%;
    width: 50%;
  }
  ul.pager .prev a,
  ul.pager .next a {
    border-bottom: none;
  }
}
ul.pager .prev a {
  padding-left: 20px;
  border-left: 1px solid rgba(230, 230, 230, 0.3);
}
ul.pager .prev a:before {
  left: 72px;
  background: url("arrow-p.svg") no-repeat;
  background-size: contain;
}
ul.pager .prev a:hover:before {
  background: url("arrow-pb.svg") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  ul.pager .prev {
    left: 0;
  }
  ul.pager .prev a:before {
    left: 60px;
  }
}
ul.pager .next a {
  padding-right: 20px;
}
ul.pager .next a:before {
  right: 72px;
  background: url("arrow.svg") no-repeat;
  background-size: contain;
}
ul.pager .next a:hover:before {
  background: url("arrow-b.svg") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  ul.pager .next a {
    left: 50%;
  }
  ul.pager .next a:before {
    right: 60px;
  }
}
ul.pager .disable {
  pointer-events: none;
}
ul.pager .disable a {
  background-color: #E6E6E6;
  opacity: 1;
}

/*------------------------------------------------------------------------------------ detail */
.event-mv {
  position: sticky;
  top: 0;
  left: 0;
  margin-right: -120px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-height: 700px;
  min-height: 600px;
}
@media screen and (max-width: 767px) {
  .event-mv {
    top: auto;
    left: auto;
    margin-right: auto;
    height: auto;
    min-height: 0;
    max-height: none;
  }
}
.event-mv .bg {
  transition-property: "background";
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  background: #000;
  background-size: cover;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-height: 700px;
  min-height: 600px;
}
@media screen and (max-width: 767px) {
  .event-mv .bg {
    position: relative;
    height: auto;
    min-height: 0;
    padding: 110px 40px 0;
    max-height: none;
  }
}
.event-mv:after {
  content: "";
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 20%;
  bottom: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
@media screen and (max-width: 767px) {
  .event-mv:after {
    height: 10%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  }
}
.event-mv .flex {
  width: 100%;
  height: 100%;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .event-mv .flex {
    display: block;
  }
}
.event-mv .event-poster {
  position: relative;
  margin-right: auto;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 767px) {
  .event-mv .event-poster {
    position: sticky;
    z-index: 1;
    top: 110px;
    margin-bottom: 60px;
    min-height: 0;
    max-height: none;
  }
}
.event-mv .event-poster .img-act:before {
  position: absolute;
  top: -45px;
  left: 20px;
  content: "";
  background: url("now.svg") no-repeat;
  background-size: contain;
  display: block;
  height: 92px;
  width: 116px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .event-mv .event-poster .img-act:before {
    top: -32px;
    left: 20px;
    height: 64px;
    width: 81px;
  }
}
.event-mv .event-poster .img-wrap {
  overflow: hidden;
  position: relative;
}
.event-mv .event-poster .img-wrap:after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  background: url(sento.svg) #e6e6e6 no-repeat;
  background-size: 60px auto;
  background-position: center;
}
.event-mv .event-poster img {
  max-height: 700px;
  min-height: 600px;
}
@media screen and (max-width: 767px) {
  .event-mv .event-poster img {
    min-height: 0;
    max-height: none;
  }
}
.event-mv .txt {
  align-self: flex-start;
  margin: 150px 12% 0 auto;
  text-align: center;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
}
@media screen and (max-width: 767px) {
  .event-mv .txt {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: -20px 0 0 0;
    padding-bottom: 110px;
  }
}
.event-mv h2 {
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  padding: 6px 16px 5px;
  display: inline-block;
  line-height: 1;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  .event-mv h2 {
    padding: 6px 12px 5px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.event-mv .event-title {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .event-mv .event-title {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 32px;
  }
}
.event-mv h3 {
  margin-top: 8px;
  color: #fff;
  line-height: 1.1;
  font-size: 70px;
  font-size: 7rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .event-mv h3 {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.event-mv .date {
  color: #fff;
  margin-top: 48px;
  font-family: earlyman;
  line-height: 1;
  font-size: 32px;
  font-size: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .event-mv .date {
    margin-top: 48px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.event-mv .date:after {
  content: "";
  width: 60px;
  height: 8px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: skew(45deg);
  margin: 0 20px 8px 10px;
}
@media screen and (max-width: 767px) {
  .event-mv .date:after {
    width: 40px;
    height: 6px;
    margin: 0 16px 8px 6px;
  }
}
.event-mv .date .end {
  order: 1;
}

.event-wrap {
  background: #fff;
  position: relative;
  z-index: 1;
  width: calc(100vw - var(--scrollbar));
  padding-right: 120px;
}
@media screen and (max-width: 767px) {
  .event-wrap {
    padding-right: 0;
  }
}

.event-contents {
  width: 1100px;
  margin: auto;
  padding: 120px 120px 0 120px;
}
@media screen and (max-width: 767px) {
  .event-contents {
    width: auto;
    padding: 60px 60px 0;
  }
}
.event-contents p {
  text-align: left;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .event-contents p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.event-contents .sns {
  margin-top: 24px;
}
.event-contents .sns img {
  margin-right: 16px;
}

.event-photo {
  width: 1100px;
  margin: 120px auto 0;
}
@media screen and (max-width: 767px) {
  .event-photo {
    width: auto;
    margin: 150px auto 0;
  }
}
.event-photo .category-ttl {
  font-family: earlyman;
  margin-right: 82%;
  text-align: center;
  font-size: 80px;
  font-size: 8rem;
}
@media screen and (max-width: 767px) {
  .event-photo .category-ttl {
    font-size: 72px;
    font-size: 7.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}
.event-photo .category-ttl span {
  display: block;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .event-photo .category-ttl span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.event-photo .photo img {
  margin-top: 80px;
}
.event-photo .photo p {
  font-weight: 500;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .event-photo .photo {
    margin: 20px 0 0;
  }
  .event-photo .photo img {
    margin-top: 40px;
  }
  .event-photo .photo p {
    margin: 8px 20px 0;
    font-size: 13.5px;
    font-size: 1.35rem;
  }
}

.event-plan {
  width: 1100px;
  margin: 120px auto 0;
}
@media screen and (max-width: 767px) {
  .event-plan {
    width: auto;
    padding: 80px 20px 0;
  }
}
.event-plan dl {
  display: flex;
  flex-wrap: wrap;
  width: 64%;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 767px) {
  .event-plan dl {
    width: 100%;
  }
}
.event-plan dl dt,
.event-plan dl dd {
  border-top: 1px solid #E6E6E6;
  padding: 12px 0;
}
@media screen and (max-width: 767px) {
  .event-plan dl dt,
  .event-plan dl dd {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.event-plan dl dt {
  width: 30%;
  padding-left: 20px;
  font-weight: 700;
}
.event-plan dl dd {
  flex: 70%;
  font-weight: 500;
  padding-right: 20px;
}
.event-plan dl dd a {
  text-decoration: underline;
  display: inline-block;
  padding-right: 10px;
}

/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
/*------------------------------------------------------------------------------------ top */
.zeze .culture .ttl-culture p {
  color: #000;
}
.zeze .culture .ttl-culture p.banto span {
  border-color: #000;
}
.zeze .culture h2 #culture .st0 {
  fill: #000;
}
@media screen and (max-width: 767px) {
  .zeze .culture {
    margin-top: 120px;
  }
}

.info {
  width: 100%;
  padding: 24px 152px 24px 32px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .info {
    padding: 16px 30px 0;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .info > *:nth-child(2), .info > *:nth-child(3) {
    border-left: 1px solid #E6E6E6;
    padding-left: 40px;
    margin-left: 40px;
  }
}
.info > *:nth-child(1) {
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .info > *:nth-child(1) {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .info > *:nth-child(1) .sub-copy {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 767px) {
  .info > *:nth-child(1) {
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: -2px;
    margin-right: 20px;
    display: inline-block;
    position: relative;
  }
  .info > *:nth-child(1) span {
    margin-top: 2px;
    font-size: 11px;
    font-size: 1.1rem;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .info > *:nth-child(2) img {
    width: auto;
    height: 36px;
  }
}
.info > *:nth-child(2) img + img {
  margin-left: 20px;
}
.info > *:nth-child(2) span {
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .info > *:nth-child(2) span {
    font-size: 11px;
    font-size: 1.1rem;
    white-space: nowrap;
  }
}
.info > *:nth-child(3) {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.info > *:nth-child(3) a {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .info > *:nth-child(3) {
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E6E6E6;
    line-height: 1.8;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.info > *:nth-child(4) {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .info > *:nth-child(4) {
    margin-left: 0;
    margin-top: 10px;
  }
  .info > *:nth-child(4) .btn .btn-inner {
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 2px;
  }
}

@media screen and (min-width: 768px) {
  .info.shimabara > *:nth-child(1) {
    width: 130px;
    position: relative;
    align-self: flex-end;
  }
  .info.shimabara > *:nth-child(1) img {
    position: absolute;
    z-index: 2;
    bottom: 3px;
    left: 42px;
  }
}
@media screen and (max-width: 767px) {
  .info.shimabara > *:nth-child(1) {
    width: 70px;
    position: relative;
    align-self: flex-end;
  }
  .info.shimabara > *:nth-child(1) img {
    position: absolute;
    z-index: 2;
    bottom: 3px;
    left: 0;
    width: 64px;
  }
}

.story-mv {
  position: relative;
  width: calc(100% + 120px);
  height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
  height: calc(var(--vh, 1vh) * 100);
  min-height: 700px;
  max-height: 1000px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .story-mv {
    width: 100%;
    min-width: auto;
    min-height: auto;
    max-height: none;
    height: auto;
    overflow: auto;
  }
}

@keyframes scale {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.15, 1.15, 1);
  }
}
@keyframes scaleSp {
  from {
    background-position-x: 50%;
  }
  to {
    background-position-x: calc(50% - 110px);
  }
}
#story-top-photo .swiper-slide {
  overflow: hidden;
}
#story-top-photo .swiper-slide div {
  width: 100%;
  height: calc(100vh - 80px - 48px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  #story-top-photo .swiper-slide div {
    height: 65vh;
  }
}
#story-top-photo .swiper-slide-active .lazyloaded,
#story-top-photo .swiper-slide-duplicate-active .lazyloaded,
#story-top-photo .swiper-slide-duplicate-prev .lazyloaded,
#story-top-photo .swiper-slide-prev .lazyloaded {
  animation: scale 7s linear 0s 1 normal both;
  display: block;
}
@media screen and (max-width: 767px) {
  #story-top-photo .swiper-slide-active .lazyloaded,
  #story-top-photo .swiper-slide-duplicate-active .lazyloaded,
  #story-top-photo .swiper-slide-duplicate-prev .lazyloaded,
  #story-top-photo .swiper-slide-prev .lazyloaded {
    animation: scaleSp 7s linear 0s 1 normal both;
  }
}
#story-top-photo .swiper-pagination {
  bottom: 30px;
}
@media screen and (max-width: 767px) {
  #story-top-photo .swiper-pagination {
    bottom: -45px;
  }
}
#story-top-photo .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 8px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #story-top-photo .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 8px;
    background: #000;
  }
}

.story-top-text {
  z-index: 2;
  text-align: center;
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  top: 47%;
}
.story-top-text .story-desc {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.story-top-text .pan-ttl {
  margin-top: 16px;
}
.story-top-text .pan-ttl span::after {
  color: #fff;
}

/*------------------------------------------------------------------------------------ 都湯MAP */
.story-map {
  width: 1100px;
  margin: 200px auto 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .story-map {
    width: auto;
    margin: 150px auto 0;
  }
}
.story-map h2 {
  position: relative;
  z-index: 2;
  text-align: center;
  line-height: 1.5;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .story-map h2 {
    font-size: 20px;
    font-size: 2rem;
  }
  .story-map h2 span {
    font-size: 10px;
    font-size: 1rem;
  }
}
.story-map .map {
  width: 800px;
  text-align: center;
  margin: -110px auto 0;
}
@media screen and (max-width: 767px) {
  .story-map .map {
    width: 100%;
    margin: 0 0 0 0;
  }
}
.story-map .dryer,
.story-map .manner,
.story-map .wifi,
.story-map .towel {
  position: absolute;
  text-align: center;
}
.story-map .dryer img,
.story-map .manner img,
.story-map .wifi img,
.story-map .towel img {
  margin: 10px 0;
}
@media screen and (max-width: 767px) {
  .story-map .dryer img,
  .story-map .manner img,
  .story-map .wifi img,
  .story-map .towel img {
    margin: 5px 0;
  }
}
.story-map .dryer p,
.story-map .manner p,
.story-map .wifi p,
.story-map .towel p {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .story-map .dryer p,
  .story-map .manner p,
  .story-map .wifi p,
  .story-map .towel p {
    font-size: 10px;
    font-size: 1rem;
  }
}
.story-map .dryer {
  bottom: 20%;
  left: 0;
  transform: rotate(-5deg);
}
.story-map .dryer img {
  width: 55px;
}
@media screen and (max-width: 767px) {
  .story-map .dryer {
    bottom: 30%;
    left: 4%;
    transform: rotate(-5deg);
  }
  .story-map .dryer img {
    width: 55px;
  }
}
.story-map .manner {
  bottom: 17%;
  left: 12%;
  transform: rotate(-3deg);
}
.story-map .manner img {
  width: 133px;
}
@media screen and (max-width: 767px) {
  .story-map .manner {
    display: none;
  }
}
.story-map .wifi {
  bottom: 18%;
  right: 13%;
  transform: rotate(3deg);
}
.story-map .wifi img {
  width: 99px;
}
@media screen and (max-width: 767px) {
  .story-map .wifi {
    bottom: 31%;
    right: 7%;
    transform: rotate(2deg);
  }
  .story-map .wifi img {
    width: 50px;
  }
}
.story-map .towel {
  bottom: 19%;
  right: 16%;
  transform: rotate(5deg);
}
.story-map .towel img {
  width: 90px;
}
@media screen and (max-width: 767px) {
  .story-map .towel {
    bottom: -10%;
    right: 45%;
    transform: rotate(0deg);
  }
  .story-map .towel img {
    width: 70px;
  }
}
.story-map h3 {
  position: absolute;
  white-space: nowrap;
}
.story-map h3 img,
.story-map h3 video {
  width: 175px;
  height: 125px;
  vertical-align: top;
  margin: 0 8px;
}
@media screen and (max-width: 767px) {
  .story-map h3 img,
  .story-map h3 video {
    width: 105px;
    height: 75px;
    margin: 0 4px;
  }
}
.story-map h3 span {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .story-map h3 span {
    background: #fff;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.story-map h3 span::before {
  display: block;
  font-size: 72px;
  font-size: 7.2rem;
  font-family: pan-background;
  color: #FDF10E;
  position: absolute;
  font-weight: 400;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .story-map h3 span::before {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.story-map h3 span::after {
  display: block;
  font-size: 72px;
  font-size: 7.2rem;
  font-family: pan-line;
  position: absolute;
  font-weight: 400;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .story-map h3 span::after {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.story-map h3::before {
  content: "#";
  display: block;
  position: absolute;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .story-map h3::before {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.story-map h3::after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 270px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .story-map h3::after {
    width: 90px;
  }
}
.story-map h3.mizu {
  top: 12%;
  left: 6%;
  transform: rotate(-1deg);
}
@media screen and (max-width: 767px) {
  .story-map h3.mizu {
    top: 31%;
    left: 4%;
  }
}
.story-map h3.mizu span::before {
  content: "１";
  top: -28px;
  left: -32px;
}
@media screen and (max-width: 767px) {
  .story-map h3.mizu span::before {
    top: -15px;
    left: 0px;
  }
}
.story-map h3.mizu span::after {
  content: "１";
  top: -30px;
  left: -30px;
}
@media screen and (max-width: 767px) {
  .story-map h3.mizu span::after {
    top: -16px;
    left: 0;
  }
}
.story-map h3.mizu::before {
  top: -35px;
  left: -35px;
}
@media screen and (max-width: 767px) {
  .story-map h3.mizu::before {
    top: -15px;
    left: -5px;
  }
}
.story-map h3.mizu::after {
  bottom: -68px;
  right: -255px;
  transform: rotate(38deg);
}
@media screen and (max-width: 767px) {
  .story-map h3.mizu::after {
    bottom: -25px;
    right: -54px;
    transform: rotate(40deg);
  }
}
.story-map h3.sauna {
  top: 38%;
  left: 4%;
  transform: rotate(-2deg);
}
@media screen and (max-width: 767px) {
  .story-map h3.sauna {
    top: 80%;
    left: 8%;
  }
}
.story-map h3.sauna span::before {
  content: "２";
  top: -30px;
  left: -25px;
}
@media screen and (max-width: 767px) {
  .story-map h3.sauna span::before {
    top: -15px;
    left: 0px;
  }
}
.story-map h3.sauna span::after {
  content: "２";
  top: -30px;
  left: -30px;
}
@media screen and (max-width: 767px) {
  .story-map h3.sauna span::after {
    top: -15px;
    left: 0px;
  }
}
.story-map h3.sauna::before {
  top: -40px;
  left: -40px;
}
@media screen and (max-width: 767px) {
  .story-map h3.sauna::before {
    top: -9px;
    left: -8px;
  }
}
.story-map h3.sauna::after {
  bottom: 58px;
  right: -250px;
  transform: rotate(10deg);
  width: 240px;
}
@media screen and (max-width: 767px) {
  .story-map h3.sauna::after {
    bottom: 125px;
    right: -59px;
    transform: rotate(-64deg);
    width: 120px;
  }
}
.story-map h3.denki {
  top: 14%;
  right: 7%;
  transform: rotate(2deg);
}
@media screen and (max-width: 767px) {
  .story-map h3.denki {
    top: 25%;
    right: 8%;
  }
}
.story-map h3.denki span::before {
  content: "３";
  top: -30px;
  right: -26px;
}
@media screen and (max-width: 767px) {
  .story-map h3.denki span::before {
    top: -16px;
    right: -19px;
  }
}
.story-map h3.denki span::after {
  content: "３";
  top: -30px;
  right: -30px;
}
@media screen and (max-width: 767px) {
  .story-map h3.denki span::after {
    top: -15px;
    right: -18px;
  }
}
.story-map h3.denki::before {
  top: -40px;
  right: 40px;
}
@media screen and (max-width: 767px) {
  .story-map h3.denki::before {
    top: -20px;
    right: 14px;
  }
}
.story-map h3.denki::after {
  bottom: 25px;
  left: -234px;
  transform: rotate(-20deg);
  width: 230px;
}
@media screen and (max-width: 767px) {
  .story-map h3.denki::after {
    width: 60px;
    bottom: -10px;
    left: -28px;
    transform: rotate(-26deg);
  }
}
.story-map h3.jet {
  top: 43%;
  right: 5%;
  transform: rotate(2deg);
}
@media screen and (max-width: 767px) {
  .story-map h3.jet {
    top: 83%;
    right: 10%;
    transform: rotate(2deg);
  }
}
.story-map h3.jet span::before {
  content: "４";
  top: -26px;
  right: -34px;
}
@media screen and (max-width: 767px) {
  .story-map h3.jet span::before {
    top: -13px;
    right: -18px;
  }
}
.story-map h3.jet span::after {
  content: "４";
  top: -30px;
  right: -30px;
}
@media screen and (max-width: 767px) {
  .story-map h3.jet span::after {
    top: -15px;
    right: -16px;
  }
}
.story-map h3.jet::before {
  top: -40px;
  right: 40px;
}
@media screen and (max-width: 767px) {
  .story-map h3.jet::before {
    top: -20px;
    right: 13px;
  }
}
.story-map h3.jet::after {
  bottom: 166px;
  left: -249px;
  transform: rotate(16deg);
  width: 240px;
}
@media screen and (max-width: 767px) {
  .story-map h3.jet::after {
    bottom: 165px;
    left: -93px;
    transform: rotate(74deg);
    width: 190px;
  }
}

/*------------------------------------------------------------------------------------ お湯の紹介 */
.story-detail {
  max-width: 1400px;
  margin: 150px auto 0;
  padding-top: 150px;
}
@media screen and (max-width: 767px) {
  .story-detail {
    max-width: none;
    overflow: hidden;
  }
}
.story-detail h2 {
  position: relative;
  display: inline-block;
  margin: 0 auto 150px;
  left: 50%;
  transform: translateX(-50%);
}
.story-detail h2 span {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .story-detail h2 span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.story-detail h2 span::before {
  display: block;
  font-size: 72px;
  font-size: 7.2rem;
  font-family: pan-background;
  color: #FDF10E;
  position: absolute;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .story-detail h2 span::before {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
.story-detail h2 span::after {
  display: block;
  font-size: 72px;
  font-size: 7.2rem;
  font-family: pan-line;
  position: absolute;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .story-detail h2 span::after {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
.story-detail h2:before {
  content: "#";
  display: block;
  position: absolute;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .story-detail h2:before {
    font-size: 20px;
    font-size: 2rem;
  }
}

.story-detail-wrap {
  position: relative;
}
.story-detail-wrap h3 em {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
}
.story-detail-wrap h4 {
  margin-top: -8px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .story-detail-wrap h4 {
    font-size: 26px;
    font-size: 2.6rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    letter-spacing: -0.02em;
    letter-spacing: 0.05em;
  }
}
.story-detail-wrap h4 span {
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 767px) {
  .story-detail-wrap h4 span {
    background: #fff;
    padding-left: 2px;
    border-left: 2px solid #000;
    border-bottom: none;
  }
}
.story-detail-wrap figure figcaption {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  opacity: 0.5;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .story-detail-wrap figure figcaption {
    font-size: 10px;
    font-size: 1rem;
    margin-top: 8px;
  }
}
.story-detail-wrap p {
  margin-top: 24px;
  font-weight: 500;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .story-detail-wrap p {
    font-size: 13.5px;
    font-size: 1.35rem;
  }
}
.story-detail-wrap .img-full {
  margin-right: -120px;
}
@media screen and (max-width: 767px) {
  .story-detail-wrap .img-full {
    margin-right: 0;
  }
}
.story-detail-wrap .flex {
  position: relative;
}

#mizu h2::before {
  top: -70px;
  left: -24px;
}
@media screen and (max-width: 767px) {
  #mizu h2::before {
    top: -70px;
    left: -18px;
  }
}
#mizu h2 span::before {
  content: "１";
  top: -38px;
  left: -18px;
  line-height: 0;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
}
#mizu h2 span::after {
  content: "１";
  top: -40px;
  left: -16px;
  line-height: 0;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
}
#mizu .mizu1-1 {
  width: 61.36%;
}
@media screen and (max-width: 767px) {
  #mizu .mizu1-1 {
    width: 100%;
  }
}
#mizu .mizu1-1 h3 {
  position: absolute;
  top: -110px;
  left: 15%;
  width: 18.41%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #mizu .mizu1-1 h3 {
    top: -60px;
    width: 32%;
    left: 30px;
  }
}
#mizu .mizu1-2 {
  margin-left: 8.64%;
  width: 30%;
}
#mizu .mizu1-2 h4 {
  margin-top: 60px;
}
#mizu .mizu1-2 h4 strong {
  color: #00b2df;
}
#mizu .mizu1-2 video {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #mizu .mizu1-2 {
    position: relative;
    margin-left: 30px;
    margin-top: 80px;
    width: auto;
  }
  #mizu .mizu1-2 video {
    width: 100%;
  }
  #mizu .mizu1-2 h4 {
    margin-top: 0;
    position: absolute;
    top: -20px;
    left: 20px;
  }
}
#mizu .mizu2-1 {
  margin-left: 25.45%;
  width: 44.55%;
  align-self: flex-end;
}
@media screen and (max-width: 767px) {
  #mizu .mizu2-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: auto;
    margin-left: 30px;
  }
  #mizu .mizu2-1 h4 {
    position: absolute;
    top: 67px;
    right: 60px;
  }
}
#mizu .mizu2-2 {
  width: 22%;
}
@media screen and (max-width: 767px) {
  #mizu .mizu2-2 {
    width: 50%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    margin-top: 60px;
    margin-left: 30px;
  }
}

#sauna {
  position: relative;
}
@media screen and (min-width: 768px) {
  #sauna .sauna-kun {
    position: absolute;
    bottom: 0;
    left: 7%;
  }
  #sauna .sauna-kun img {
    width: 240px;
    margin: 0 0 20px 20px;
  }
  #sauna .sauna-kun p {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    opacity: 0.5;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) {
  #sauna .sauna-kun {
    position: absolute;
    bottom: -70%;
    right: 30px;
    text-align: right;
  }
  #sauna .sauna-kun img {
    display: block;
    width: 100px;
    margin: 0 0 8px auto;
  }
  #sauna .sauna-kun span {
    display: inline-block;
    text-align: right;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    opacity: 0.5;
    line-height: 1.7;
    transform: scale(0.9);
    transform-origin: top right;
  }
}
#sauna h2::before {
  top: -70px;
  left: -40px;
}
#sauna h2 span::before {
  content: "２";
  line-height: 0;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  top: -38px;
  left: -24px;
}
#sauna h2 span::after {
  content: "２";
  line-height: 0;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  top: -40px;
  left: -26px;
}
#sauna .c120 {
  text-align: center;
  line-height: 1;
  letter-spacing: -0.1em;
  margin-bottom: 350px;
  font-size: 120px;
  font-size: 12rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #sauna .c120 {
    font-size: 72px;
    font-size: 7.2rem;
    margin-bottom: 180px;
    font-weight: 500;
  }
}
#sauna .img-full-wrap {
  position: relative;
}
#sauna .img-full-wrap h3 {
  position: absolute;
  bottom: 70px;
  left: 7%;
  transform: translateY(100%);
  width: 18.69%;
}
@media screen and (max-width: 767px) {
  #sauna .img-full-wrap h3 {
    width: 32%;
    left: 30px;
    bottom: 40px;
  }
}
#sauna .img-full-wrap h3 span {
  line-height: 1;
  padding: 13px 10px;
  position: absolute;
  top: -40px;
  right: -90px;
  z-index: 2;
  font-weight: 700;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  color: #fff;
  background: #E52229;
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  #sauna .img-full-wrap h3 span {
    padding: 10px 7px;
    top: -20px;
    right: -57px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
#sauna .img-full-wrap .img-full {
  overflow: hidden;
}
#sauna .img-full-wrap .sauna-img1 {
  position: absolute;
  width: 15.14%;
  left: 35.83%;
  top: -227px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  #sauna .img-full-wrap .sauna-img1 {
    left: 27.29%;
    width: 22.71%;
    top: -100px;
  }
}
#sauna .img-full-wrap .sauna-img2 {
  position: absolute;
  width: 15.14%;
  left: 49.17%;
  top: -50px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #sauna .img-full-wrap .sauna-img2 {
    left: 48%;
    width: 22.71%;
    top: -20px;
  }
}
@media screen and (max-width: 767px) {
  #sauna .img-full-wrap .sauna-img3 {
    overflow: hidden;
    width: 150%;
    max-width: none;
    object-position: -100px 0;
  }
}
#sauna .img-full-wrap p {
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  right: 20%;
  top: -120px;
}
@media screen and (max-width: 767px) {
  #sauna .img-full-wrap p {
    font-weight: 700;
    top: -100px;
    font-size: 10px;
    font-size: 1rem;
  }
}
#sauna .sauna1-1 {
  margin-top: 100px;
  margin-left: 43%;
  width: 30%;
}
@media screen and (max-width: 767px) {
  #sauna .sauna1-1 {
    margin-top: 260px;
    margin-left: 30px;
    width: auto;
  }
  #sauna .sauna1-1 h4 {
    white-space: nowrap;
  }
}
#sauna .sauna1-2 {
  align-self: flex-end;
  width: 23%;
}
@media screen and (max-width: 767px) {
  #sauna .sauna1-2 {
    position: absolute;
    top: 250px;
    right: 30px;
    width: 54%;
  }
}
#sauna .sauna2-1 {
  margin-top: 100px;
  margin-left: 43%;
  margin-right: 7%;
  width: 23%;
  align-self: flex-end;
}
@media screen and (max-width: 767px) {
  #sauna .sauna2-1 {
    align-self: flex-start;
    margin-top: 60px;
    margin-left: 30px;
    margin-right: 0;
    width: 50%;
  }
}
#sauna .sauna2-2 {
  margin-top: 100px;
  width: 27%;
}
@media screen and (max-width: 767px) {
  #sauna .sauna2-2 {
    margin-top: auto;
    margin-left: 30px;
    width: auto;
  }
  #sauna .sauna2-2 h4 {
    position: absolute;
    top: 67px;
    right: 60px;
  }
}

#denki h2::before {
  top: -70px;
  left: -38px;
}
#denki h2 span::before {
  content: "３";
  line-height: 0;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  top: -38px;
  left: -27px;
  transform: rotate(13deg);
}
#denki h2 span::after {
  content: "３";
  line-height: 0;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  top: -40px;
  left: -25px;
  transform: rotate(13deg);
}
#denki .denki-ani {
  margin: 0 auto 80px;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani {
    margin: 0 auto 56px;
  }
}
#denki .denki-ani .knead:before,
#denki .denki-ani .hit:before {
  position: absolute;
  top: 48%;
  left: -12.5%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 26px;
  height: 63px;
  background: url("story-1min.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani .knead:before,
  #denki .denki-ani .hit:before {
    width: 10px;
    height: 24px;
    left: -4%;
    top: 2%;
  }
}
#denki .denki-ani > div {
  position: relative;
  border-radius: 175px;
  width: 26.9%;
  max-width: 350px;
  background: #f9f6f2;
  text-align: center;
  margin-left: 4.61%;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani > div {
    border-radius: 64px;
    width: 32%;
    margin-left: 1%;
  }
}
#denki .denki-ani > div.act {
  background: url("story-denki.gif") #FDF10E no-repeat;
  background-size: 70%;
  background-position: center;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani > div.act {
    background-size: 90%;
  }
}
#denki .denki-ani > div.act .comment {
  opacity: 1;
}
#denki .denki-ani > div:first-child {
  margin-left: auto;
}
#denki .denki-ani > div:last-child {
  margin-right: auto;
}
#denki .denki-ani > div h3 {
  margin: -30px auto 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-weight: 400;
  font-size: 68px;
  font-size: 6.8rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani > div h3 {
    margin: -30px auto 30px;
    font-size: 40px;
    font-size: 4rem;
  }
}
#denki .denki-ani > div h3 [data-ruby]::before {
  content: attr(data-ruby);
  font-weight: 500;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: -20px;
  margin: auto;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 10px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani > div h3 [data-ruby]::before {
    font-size: 10px;
    font-size: 1rem;
    top: 25%;
    right: -12px;
    letter-spacing: 6px;
    line-height: 0;
  }
}
#denki .denki-ani > div .img-act {
  margin: 40px auto;
  position: relative;
}
#denki .denki-ani > div .img-act img {
  padding: 0 40px;
  width: 100%;
}
#denki .denki-ani > div .img-act img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani > div .img-act img {
    padding: 0 4px;
  }
}
#denki .denki-ani > div .comment {
  display: block;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 1.5;
  opacity: 0.1;
}
#denki .denki-ani > div .comment strong {
  font-size: 28px;
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani > div .comment {
    margin-bottom: 20px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #denki .denki-ani > div .comment strong {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
#denki .denki-ani > div .pw {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  color: #e52229;
  font-family: earlyman;
  line-height: 1;
  font-size: 40px;
  font-size: 4rem;
}
#denki .denki-ani > div .pw span {
  font-size: 15px;
  font-size: 1.5rem;
}
#denki .denki-ani > div .pw em {
  position: absolute;
  font-style: normal;
  font-size: 10px;
  font-size: 1rem;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  #denki .denki-ani > div .pw {
    bottom: -40px;
    font-size: 32px;
    font-size: 3.2rem;
  }
  #denki .denki-ani > div .pw span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#denki .kenchin {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}
#denki .kenchin a {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #denki .kenchin {
    font-size: 10px;
    font-size: 1rem;
  }
}
#denki .denki1-1 {
  position: relative;
  width: 90%;
  margin: 100px auto 0;
}
@media screen and (max-width: 767px) {
  #denki .denki1-1 {
    width: auto;
    margin: 60px 30px 0;
  }
}
#denki .denki1-1 svg {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #denki .denki1-1 svg + svg {
    margin-top: 20px;
    width: 72%;
  }
}
#denki .denki1-1 span {
  position: absolute;
  width: 9.61%;
  top: 0;
  transform: translateY(-110%);
  right: 0.5%;
}
@media screen and (max-width: 767px) {
  #denki .denki1-1 span {
    position: absolute;
    width: 24%;
    top: auto;
    bottom: 17%;
    transform: translateY(0);
    right: 0;
  }
}
#denki .denki2-1 {
  width: 90%;
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  #denki .denki2-1 {
    width: 100%;
    margin: 60px auto 0;
  }
}
#denki .denki2-2 {
  width: 37.69%;
}
#denki .denki2-2 video {
  width: 76.53%;
}
@media screen and (max-width: 767px) {
  #denki .denki2-2 {
    align-self: flex-start;
    margin-left: 30px;
    margin-right: 0;
    width: 100%;
  }
  #denki .denki2-2 video {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #denki .denki2-3 {
    margin-top: 60px;
    margin-left: 30px;
  }
  #denki .denki2-3 h4 {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
  }
  #denki .denki2-3 h4 span {
    border-left: none;
    border-bottom: 2px solid #000;
  }
}
#denki .denki2-4 {
  position: absolute;
  bottom: 0;
  right: 30px;
}
@media screen and (max-width: 767px) {
  #denki .denki2-4 {
    margin: 0;
  }
  #denki .denki2-4 img {
    width: 100px;
  }
}

#jet h2::before {
  top: -70px;
  left: -40px;
}
#jet h2 span::before {
  content: "４";
  line-height: 0;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  top: -38px;
  left: -27px;
}
#jet h2 span::after {
  content: "４";
  line-height: 0;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  top: -40px;
  left: -25px;
}
#jet .img-full-wrap {
  position: relative;
}
#jet .img-full-wrap img {
  width: 91.67%;
  margin-left: 8.33%;
}
@media screen and (max-width: 767px) {
  #jet .img-full-wrap {
    margin-bottom: 100px;
  }
  #jet .img-full-wrap img {
    width: 150%;
    max-width: none;
    object-position: -150px 0;
  }
}
#jet .img-full {
  overflow: hidden;
}
#jet h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 37.38%;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  #jet h3 {
    width: 64%;
    bottom: -100px;
  }
}
#jet .clearfix p {
  float: right;
  line-height: 1.85;
}
@media screen and (max-width: 767px) {
  #jet .clearfix p {
    margin-right: 30px;
    margin-left: 30px;
  }
}
#jet .jet1-1 {
  margin-top: 100px;
  width: 37.12%;
  margin-left: 9.09%;
}
#jet .jet1-1 img {
  width: 76.53%;
}
#jet .jet1-1 h4 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  #jet .jet1-1 {
    position: relative;
    width: 100%;
    margin-top: 80px;
    margin-left: 30px;
  }
  #jet .jet1-1 video {
    width: calc(100vw - 30px);
  }
  #jet .jet1-1 h4 {
    margin-top: 0;
    position: absolute;
    top: -20px;
    right: 30px;
  }
}
#jet .jet1-2 {
  margin-top: 100px;
  flex: 1;
}
#jet .jet1-2 video {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #jet .jet1-2 {
    margin-top: 60px;
  }
}
#jet .jet2-1 {
  margin-top: 100px;
  margin-left: 9.09%;
  width: 30%;
}
#jet .jet2-1 figure {
  width: 70.48%;
}
@media screen and (max-width: 767px) {
  #jet .jet2-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin: 60px 15px 0 30px;
    width: calc(50% - 45px);
  }
  #jet .jet2-1 figure {
    width: 100%;
  }
}
#jet .jet2-2 {
  margin-top: 100px;
  width: 30%;
}
#jet .jet2-2 figure {
  width: 70.48%;
}
@media screen and (max-width: 767px) {
  #jet .jet2-2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin: 60px 30px 0 15px;
    width: calc(50% - 45px);
  }
  #jet .jet2-2 figure {
    width: 100%;
  }
}
#jet .jet2-3 {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  #jet .jet2-3 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    margin: 60px 0 0 30px;
  }
  #jet .jet2-3 h4 {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
  }
  #jet .jet2-3 h4 span {
    border-left: none;
    border-bottom: 2px solid #000;
  }
}

/*------------------------------------------------------------------------------------ 都湯のいいとこ */
.other {
  padding-top: 150px;
  margin-top: 150px;
}
.other h2 {
  text-align: center;
  font-size: 64px;
  font-size: 6.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .other h2 {
    letter-spacing: normal;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.other h2 span {
  margin: 0 8px;
  display: inline-block;
  font-family: pan-line;
  font-weight: 500;
  font-size: 68px;
  font-size: 6.8rem;
  position: relative;
  transform: rotate(-10deg) translateY(-10px);
}
@media screen and (max-width: 767px) {
  .other h2 span {
    font-size: 52px;
    font-size: 5.2rem;
  }
}
.other h2 span:after {
  white-space: nowrap;
  display: inline-block;
  z-index: -1;
  position: absolute;
  left: 4px;
  top: 4px;
  font-family: pan-background;
  font-size: 68px;
  font-size: 6.8rem;
  content: attr(data-word);
  color: #E52229;
}
@media screen and (max-width: 767px) {
  .other h2 span:after {
    font-size: 52px;
    font-size: 5.2rem;
    left: 3px;
    top: 3px;
  }
}
.other .desc {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 24px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .other .desc {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.other-photo {
  margin-top: 100px;
  position: relative;
  height: 300vw;
  width: calc(100% + 120px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .other-photo {
    width: 100vw;
    margin: 100px 0 0;
    position: relative;
    height: 955vw;
  }
}
.other-photo .img-wrap {
  position: absolute;
}
.other-photo .img-wrap img {
  max-width: none;
  width: 100%;
}
.other-photo .img-wrap p {
  margin-top: 12px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap p {
    margin: 10px 10px 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .other-photo .img-wrap p br {
    display: none;
  }
}
.other-photo .img-wrap:nth-child(1) {
  width: 52.08vw;
  top: 0;
  left: 12.5vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(1) {
    width: 80vw;
    left: 10vw;
  }
}
.other-photo .img-wrap:nth-child(2) {
  width: 19.31vw;
  top: 18.4vw;
  left: 71.3vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(2) {
    width: 35vw;
    top: 75vw;
    left: 65vw;
  }
}
.other-photo .img-wrap:nth-child(3) {
  width: 23.61vw;
  top: 48.61vw;
  left: 29.58vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(3) {
    width: 55vw;
    top: 110vw;
    left: 0vw;
  }
}
.other-photo .img-wrap:nth-child(4) {
  width: 23.61vw;
  top: 60.9vw;
  left: 61.81vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(4) {
    width: 50vw;
    top: 170vw;
    left: 40vw;
  }
}
.other-photo .img-wrap:nth-child(5) {
  width: 32.92vw;
  top: 75.69vw;
  left: 12.78vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(5) {
    width: 80vw;
    top: 230vw;
    left: 10vw;
  }
}
.other-photo .img-wrap:nth-child(6) {
  width: 23.61vw;
  top: 87.64vw;
  left: 82.36vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(6) {
    width: 50vw;
    top: 345vw;
    left: 50vw;
  }
}
.other-photo .img-wrap:nth-child(7) {
  width: 23.61vw;
  top: 105.49vw;
  left: 52.78vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(7) {
    width: 40vw;
    top: 500vw;
    left: 50vw;
  }
}
.other-photo .img-wrap:nth-child(8) {
  width: 19.31vw;
  top: 135.56vw;
  left: 10.76vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(8) {
    width: 60vw;
    top: 400vw;
    left: 10vw;
  }
}
.other-photo .img-wrap:nth-child(9) {
  width: 52.08vw;
  left: 38.5vw;
  top: 132.43vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(9) {
    width: 100vw;
    top: 555vw;
    left: 0;
  }
}
.other-photo .img-wrap:nth-child(10) {
  width: 23.61vw;
  left: 13.82vw;
  top: 180vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(10) {
    width: 60vw;
    top: 645vw;
    left: 10vw;
  }
}
.other-photo .img-wrap:nth-child(11) {
  width: 46.53vw;
  left: 44.1vw;
  top: 188.33vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(11) {
    width: 60vw;
    top: 715vw;
    left: 40vw;
  }
}
.other-photo .img-wrap:nth-child(12) {
  width: 19.31vw;
  left: 16.74vw;
  top: 210.63vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(12) {
    width: 50vw;
    top: 780vw;
    left: 20vw;
  }
}
.other-photo .img-wrap:nth-child(13) {
  width: 69.44vw;
  left: 15.28vw;
  top: 250.63vw;
}
@media screen and (max-width: 767px) {
  .other-photo .img-wrap:nth-child(13) {
    width: 100vw;
    top: 875vw;
    left: 0;
  }
}

/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
/*------------------------------------------------------------------------------------ shimabara */
.h2-ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  margin-top: 232px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "adobe-text-pro", serif;
}
.h2-ttl span {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 23px;
  color: #CF000F;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .h2-ttl {
    margin-top: 152px;
    font-size: 22px;
    font-size: 2.2rem;
    margin-right: 0%;
  }
  .h2-ttl span {
    font-size: 9px;
    font-size: 0.9rem;
    margin-right: 0px;
    font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  }
}

.h2-ttl::before {
  content: "";
  display: block;
  width: 26px;
  height: 8px;
  background-image: url("s-ttl-red.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 24px;
}

.h2-ttl::after {
  content: "";
  display: block;
  width: 26px;
  height: 8px;
  background-image: url("s-ttl-bule.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 24px;
}

/*------------------------------------------------------------------------------------ history */
.history {
  position: relative;
  margin-right: -120px;
}
@media screen and (max-width: 767px) {
  .history {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.history::after {
  content: "";
  width: 50%;
  height: calc(100% - 356px);
  background-color: rgba(192, 157, 89, 0.1);
  position: absolute;
  top: 79px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .history::after {
    top: -245px;
    width: 71%;
    height: 110%;
  }
}
.history::before {
  position: absolute;
  content: url(s-sudare.svg);
  top: 820px;
  left: 0px;
}
@media screen and (max-width: 767px) {
  .history::before {
    content: "";
    background-image: url(s-sudare.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 86px;
    height: 108px;
    top: 606px;
    left: 0;
  }
}
.history .s-history-h3 {
  display: flex;
  gap: 30px;
  position: absolute;
  top: 200px;
  left: 102px;
  font-family: "ten-mincho", serif;
}
@media screen and (max-width: 767px) {
  .history .s-history-h3 {
    left: 4.6%;
    top: -292px;
    gap: 24px;
  }
}
.history .s-history-h3 .h3-ttl01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 40px;
  font-size: 4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .history .s-history-h3 .h3-ttl01 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.history .s-history-h3 .h3-ttl01 span {
  font-size: 9px;
  font-size: 0.9rem;
  position: absolute;
  left: 45px;
  top: 2px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .history .s-history-h3 .h3-ttl01 span {
    font-size: 8px;
    font-size: 0.8rem;
    left: 30px;
  }
}
.history .s-history-h3 .h3-ttl02 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 40px;
  font-size: 4rem;
  position: relative;
  margin-top: 58px;
}
@media screen and (max-width: 767px) {
  .history .s-history-h3 .h3-ttl02 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.history .s-history-h3 .h3-ttl02 span {
  font-size: 9px;
  font-size: 0.9rem;
  position: absolute;
  left: 45px;
  top: 2px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .history .s-history-h3 .h3-ttl02 span {
    font-size: 8px;
    font-size: 0.8rem;
    left: 30px;
  }
}
.history .s-history-h3::before {
  position: absolute;
  content: url(s-history-text.svg);
  top: -165px;
  left: 0px;
}
@media screen and (max-width: 767px) {
  .history .s-history-h3::before {
    content: "";
    background-image: url(s-history-text.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    left: 200%;
    top: 76px;
    width: 164px;
    height: 83px;
  }
}
.history .history01 {
  margin-left: auto;
  width: 865px;
  margin-top: 150px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .history .history01 {
    width: 100%;
    margin-top: 413px;
  }
  .history .history01 img {
    width: 100%;
    height: 299px;
    object-position: -128px;
  }
}
.history .history01 p {
  margin-top: 15px;
  width: 63.5%;
}
@media screen and (max-width: 767px) {
  .history .history01 p {
    width: 80%;
    margin-top: 20px;
    margin-left: 17px;
  }
}
.history .history01 span {
  color: #C5A059;
}
@media screen and (max-width: 767px) {
  .history .history01 span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.history .history01::after {
  position: absolute;
  content: url(s-kumo.svg);
  top: -10px;
  left: -57px;
}
@media screen and (max-width: 767px) {
  .history .history01::after {
    content: "";
    background-image: url(s-kumo.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 82px;
    height: 35px;
    top: -25px;
    left: 7px;
  }
}
.history .history02 {
  margin-left: auto;
  width: 1042px;
  margin-top: 235px;
  display: flex;
  gap: 47px;
  position: relative;
}
.history .history02 p {
  width: 36.1%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .history .history02 {
    display: block;
    margin-top: 312px;
    margin-right: 15.7%;
    width: 68.1%;
  }
  .history .history02 p {
    margin-top: 20px;
    font-size: 13px;
    font-size: 1.3rem;
    width: 100%;
  }
}
.history .history02 span {
  color: #C5A059;
}
@media screen and (max-width: 767px) {
  .history .history02 span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.history .history02::after {
  content: "";
  position: absolute;
  top: 256px;
  left: 390px;
  width: 89px;
  height: 93px;
  background-image: url(s-lenga-illast.svg);
  background-size: 100% auto;
  background-position: center bottom;
}
@media screen and (max-width: 767px) {
  .history .history02::after {
    content: "";
    background-image: url(s-lenga-illast.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 58px;
    height: 58px;
    top: -29px;
    left: -29px;
  }
}
.history .history03 {
  margin-left: auto;
  padding-right: 193px;
  width: 1173px;
  margin-top: 214px;
  display: flex;
  flex-direction: row-reverse;
  gap: 40px;
}
.history .history03 p {
  width: 30.2%;
}
@media screen and (max-width: 767px) {
  .history .history03 {
    display: block;
    margin: 60px 0 auto 0;
    width: 84.1%;
    padding-right: 0;
  }
  .history .history03 img {
    width: 100%;
  }
  .history .history03 p {
    margin-top: 20px;
    margin-left: 4.5%;
    font-size: 13px;
    font-size: 1.3rem;
    width: 95.5%;
  }
}
.history .history03 span {
  color: #C5A059;
}
.history .history04 {
  margin-left: auto;
  margin-top: 214px;
  display: flex;
  position: relative;
}
@media screen and (max-width: 767px) {
  .history .history04 {
    margin-top: 151px;
    margin-left: 0;
    width: 100%;
  }
}
.history .history04 .n02 {
  position: absolute;
  top: -52px;
  left: 165px;
}
@media screen and (max-width: 767px) {
  .history .history04 .n02 {
    top: -70px;
    left: 0;
    width: 30.8%;
  }
  .history .history04 .n02 img {
    width: 100%;
    height: auto;
  }
}
.history .history04 .n01 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .history .history04 .n01 {
    width: 100%;
    height: 300px;
    object-position: 61%;
  }
}
.history .history04 h4 {
  position: absolute;
  left: 0px;
  bottom: -4px;
  font-size: 88px;
  font-size: 8.8rem;
  color: #ffffff;
  margin-bottom: -10px;
  font-family: "adobe-text-pro", serif;
}
@media screen and (max-width: 767px) {
  .history .history04 h4 {
    font-size: 36px;
    font-size: 3.6rem;
    bottom: 4px;
    line-height: 37px;
    letter-spacing: 1px;
  }
}
.history .history04 h5 {
  position: absolute;
  top: 105px;
  right: 187px;
  display: flex;
  font-family: "adobe-text-pro", serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .history .history04 h5 {
    top: 16%;
    right: 25%;
  }
}
.history .history04 h5 .s-h5-02 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 13px;
  font-size: 1.3rem;
  color: #ffffff;
  letter-spacing: 10px;
}
@media screen and (max-width: 767px) {
  .history .history04 h5 .s-h5-02 {
    letter-spacing: 7px;
  }
}
.history .history04 h5 .s-h5-02::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 96%;
  background-color: #ffffff;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .history .history04 h5 .s-h5-02::before {
    top: 0px;
    left: -3px;
    width: 0.5px;
  }
}
.history .history04 h5 .s-h5-01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: -33px;
  margin-left: 22px;
  color: #ffffff;
  letter-spacing: 10px;
}
@media screen and (max-width: 767px) {
  .history .history04 h5 .s-h5-01 {
    margin-left: 12px;
    letter-spacing: 7px;
  }
}
.history .history04 h5 .s-h5-01::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 96%;
  background-color: #ffffff;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .history .history04 h5 .s-h5-01::before {
    top: -32px;
    left: 21px;
    width: 0.5px;
    height: 109%;
  }
}
.history .history04::after {
  content: "";
  position: absolute;
  top: -1219px;
  left: 0;
  width: 232px;
  height: 153px;
  background-image: url(s-history02-1.jpg);
  background-size: 100% auto;
  background-position: center bottom;
}
@media screen and (max-width: 767px) {
  .history .history04::after {
    top: -1200px;
    width: 189px;
    height: 125px;
  }
}

/*------------------------------------------------------------------------------------ map */
.s-story-map {
  width: 800px;
  margin: 200px auto 0;
  position: relative;
  background-image: url(s-map-yu-bg.svg);
  background-position: top;
  height: 880px;
}
@media screen and (max-width: 767px) {
  .s-story-map {
    width: 100%;
    height: auto;
    background-image: none;
    margin: 164px auto 0;
  }
}
.s-story-map .zoom {
  display: none;
}
@media screen and (max-width: 767px) {
  .s-story-map .zoom {
    display: block;
    text-align: center;
    width: 164px;
    position: absolute;
    top: -35px;
    left: 28%;
    font-size: 10px;
    font-size: 1rem;
  }
}
.s-story-map .map {
  width: 800px;
  text-align: center;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .s-story-map .map {
    width: 100%;
    z-index: -1;
  }
  .s-story-map .map img {
    margin: -3% auto 0;
    width: 100%;
    height: auto;
  }
}
.s-story-map .dryer,
.s-story-map .manner {
  position: absolute;
  text-align: center;
}
.s-story-map .dryer img,
.s-story-map .manner img {
  margin: 10px 0;
}
.s-story-map .dryer p,
.s-story-map .manner p {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
}
.s-story-map .dryer {
  position: absolute;
  bottom: 57px;
  left: -12%;
  transform: rotate(-5deg);
}
@media screen and (max-width: 767px) {
  .s-story-map .dryer {
    top: auto;
    bottom: -90px;
    left: 4%;
    transform: rotate(-5deg);
  }
  .s-story-map .dryer img {
    width: 55px;
  }
  .s-story-map .dryer p {
    font-size: 8px;
    font-size: 0.8rem;
  }
}
.s-story-map .s-buy {
  position: absolute;
  top: 686px;
  right: -168px;
  transform: rotate(5deg);
}
@media screen and (max-width: 767px) {
  .s-story-map .s-buy {
    width: 187px;
    top: auto;
    right: 25%;
    bottom: -87px;
    transform: rotate(0deg);
  }
}
.s-story-map .s-buy span {
  position: absolute;
  top: -15px;
  left: 115px;
  color: #CF000F;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .s-story-map .s-buy span {
    top: -10px;
    left: 62px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.s-story-map .s-buy .n01,
.s-story-map .s-buy .n02 {
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .s-story-map .s-buy .n01,
  .s-story-map .s-buy .n02 {
    width: 77px;
    height: auto;
    margin: 0 7px;
  }
}
.s-story-map .manner {
  top: 618px;
  left: 40px;
  transform: rotate(-5deg);
}
@media screen and (max-width: 767px) {
  .s-story-map .manner {
    top: 91px;
    right: 5%;
    left: auto;
    transform: rotate(-3deg);
  }
}
.s-story-map .manner img {
  width: 133px;
}
@media screen and (max-width: 767px) {
  .s-story-map .manner img {
    width: 48px;
    height: auto;
  }
}
.s-story-map .mizu-01 {
  position: absolute;
  z-index: 4;
  align-items: center;
  transform: rotate(14deg);
  display: flex;
  gap: 2px;
  left: 3.1%;
  top: 9.3%;
}
.s-story-map .mizu-01 img {
  width: 134px;
  height: auto;
}
.s-story-map .mizu-01 h4 {
  position: relative;
  font-size: 19px;
  font-size: 1.9rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .s-story-map .mizu-01 {
    transform: rotate(11deg);
    display: flex;
    gap: 3px;
    height: auto;
    top: 0;
    left: 8.3%;
    z-index: 3;
    align-items: center;
  }
  .s-story-map .mizu-01 img {
    width: 65px;
    height: auto;
  }
  .s-story-map .mizu-01 h4 {
    font-size: 11px;
    font-size: 1.1rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    letter-spacing: -0.02em;
    position: relative;
    z-index: 1;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .s-story-map .mizu-01 h4::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 45px;
    background-color: #ffffff;
    z-index: -1;
  }
}
.s-story-map .mizu-01::before {
  content: "";
  position: absolute;
  top: 43%;
  left: 99%;
  -webkit-transform: rotate(22deg);
  transform: rotate(-26deg);
  height: 2px;
  width: 155px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .s-story-map .mizu-01::before {
    content: "";
    position: absolute;
    top: 109%;
    left: 68%;
    transform: rotate(17deg);
    height: 1px;
    width: 80px;
    background-color: #000;
    z-index: 4;
  }
}
@media screen and (max-width: 767px) {
  .s-story-map .dryer {
    width: 55px;
  }
}
.s-story-map .mizu-02 {
  position: absolute;
  z-index: 3;
  align-items: center;
  transform: rotate(-5deg);
  display: flex;
  gap: 2px;
  left: -1.6%;
  top: 22.7%;
}
.s-story-map .mizu-02 img {
  width: 134px;
  height: auto;
}
.s-story-map .mizu-02 h4 {
  position: relative;
  font-size: 19px;
  font-size: 1.9rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .s-story-map .mizu-02 {
    height: auto;
    transform: rotate(-5deg);
    display: flex;
    gap: 7px;
    width: 80px;
    left: 2.2%;
    top: 25%;
    z-index: 3;
    align-items: center;
  }
  .s-story-map .mizu-02 img {
    width: 65px;
    height: auto;
  }
  .s-story-map .mizu-02 h4 {
    font-size: 11px;
    font-size: 1.1rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    letter-spacing: -0.02em;
    position: relative;
    z-index: 1;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .s-story-map .mizu-02 h4::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 45px;
    background-color: #ffffff;
    z-index: -1;
  }
}
.s-story-map .mizu-02::after {
  content: "";
  position: absolute;
  top: 105%;
  left: 101%;
  -webkit-transform: rotate(-5deg);
  transform: rotate(24deg);
  height: 2px;
  width: 230px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .s-story-map .mizu-02::after {
    content: "";
    position: absolute;
    top: 122%;
    left: 65%;
    transform: rotate(24deg);
    height: 1px;
    width: 125px;
    background-color: #000;
  }
}
.s-story-map .mizu-02 span {
  position: absolute;
  top: -57px;
  left: -45px;
  font-size: 24px;
  font-size: 2.4rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .s-story-map .mizu-02 span {
    position: absolute;
    top: -31%;
    left: 1%;
    font-size: 12px;
    font-size: 1.2rem;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
    transform: rotate(0deg);
  }
}
.s-story-map .mizu-02 span::before {
  position: absolute;
  content: url(s-map-02.svg);
  top: -51px;
  left: -35px;
}
@media screen and (max-width: 767px) {
  .s-story-map .mizu-02 span::before {
    content: "";
    background-image: url(s-map-02.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    height: 23px;
    top: -20px;
    left: 0;
  }
}
.s-story-map .sauna {
  position: absolute;
  z-index: 3;
  align-items: center;
  transform: rotate(10deg);
  display: flex;
  gap: 3px;
  left: -10.3%;
  top: 48.5%;
}
.s-story-map .sauna img {
  width: 195px;
  height: auto;
}
.s-story-map .sauna span {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .s-story-map .sauna {
    top: auto;
    bottom: 4.4%;
    left: 4%;
    display: flex;
    gap: 3px;
  }
  .s-story-map .sauna img {
    width: 100px;
    height: auto;
  }
  .s-story-map .sauna span {
    font-size: 13px;
    font-size: 1.3rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    letter-spacing: -0.02em;
    position: relative;
    z-index: 1;
    font-weight: 600;
    letter-spacing: 0px;
  }
  .s-story-map .sauna span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 80px;
    background-color: #ffffff;
    z-index: -1;
  }
}
.s-story-map .sauna::before {
  content: url(s-map-01.svg);
  position: absolute;
  top: -20px;
  left: -38px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .s-story-map .sauna::before {
    content: "";
    background-image: url(s-map-01.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 52px;
    height: 15px;
    top: -22.6px;
    left: 7px;
  }
}
.s-story-map .sauna::after {
  content: "";
  position: absolute;
  top: -3%;
  left: 97%;
  transform: rotate(-34deg);
  height: 2px;
  width: 130px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .s-story-map .sauna::after {
    height: 1px;
    top: -75%;
    left: 5%;
    transform: rotate(98deg);
    width: 140px;
  }
}
.s-story-map .jet {
  position: absolute;
  z-index: 3;
  align-items: center;
  transform: rotate(-8deg);
  display: flex;
  gap: 3px;
  right: -12%;
  top: 44.4%;
}
.s-story-map .jet img {
  width: 195px;
  height: auto;
}
.s-story-map .jet span {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .s-story-map .jet {
    top: auto;
    bottom: 4.1%;
    right: 4%;
    display: flex;
    gap: 3px;
  }
  .s-story-map .jet img {
    width: 100px;
    height: auto;
  }
  .s-story-map .jet span {
    font-size: 13px;
    font-size: 1.3rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    letter-spacing: -0.02em;
    position: relative;
    z-index: 1;
    font-weight: 600;
    letter-spacing: 0px;
  }
  .s-story-map .jet span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 63px;
    background-color: #ffffff;
    z-index: -1;
  }
}
.s-story-map .jet::before {
  content: url(s-map-03.svg);
  position: absolute;
  top: -42px;
  right: -20px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .s-story-map .jet::before {
    content: "";
    background-image: url(s-map-03.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 47px;
    height: 32px;
    top: -20px;
    right: -7px;
  }
}
.s-story-map .jet::after {
  content: "";
  position: absolute;
  top: -50%;
  right: 85%;
  transform: rotate(-150deg);
  height: 2px;
  width: 260px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .s-story-map .jet::after {
    height: 1px;
    right: auto;
    top: -144%;
    left: -59%;
    transform: rotate(75deg);
    width: 215px;
  }
}
.s-story-map .denki {
  position: absolute;
  z-index: 3;
  align-items: center;
  transform: rotate(9deg);
  display: flex;
  gap: 3px;
  right: -9.3%;
  top: 13.6%;
}
.s-story-map .denki video {
  width: 195px;
  height: auto;
}
.s-story-map .denki span {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .s-story-map .denki {
    top: 2.8%;
    right: 2.8%;
    display: flex;
    gap: 3px;
  }
  .s-story-map .denki video {
    width: 100px;
    height: auto;
  }
  .s-story-map .denki span {
    font-size: 13px;
    font-size: 1.3rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    letter-spacing: -0.02em;
    position: relative;
    z-index: 1;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .s-story-map .denki span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 63px;
    background-color: #ffffff;
    z-index: -1;
  }
}
.s-story-map .denki::before {
  content: url(s-map-04.svg);
  position: absolute;
  top: -42px;
  right: -20px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .s-story-map .denki::before {
    content: "";
    background-image: url(s-map-04.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 42px;
    height: 29px;
    top: -20px;
    right: -4px;
  }
}
.s-story-map .denki::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 103%;
  transform: rotate(-20deg);
  height: 2px;
  width: 215px;
  background-color: #000;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .s-story-map .denki::after {
    top: auto;
    height: 1px;
    bottom: -51%;
    left: -30%;
    -webkit-transform: rotate(-44deg);
    transform: rotate(-51deg);
    width: 105px;
  }
}

/*------------------------------------------------------------------------------------ sauna */
.sauna-detail {
  margin-top: 200px;
  position: relative;
  margin-right: -120px;
}
@media screen and (max-width: 767px) {
  .sauna-detail {
    margin-top: 190px;
    margin-right: 0px;
    width: 100%;
  }
}
.sauna-detail::after {
  content: "";
  width: 100%;
  height: 1651px;
  background-color: #CF000F;
  position: absolute;
  top: 488px;
  left: 0;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  .sauna-detail::after {
    height: 81.3%;
    top: 388px;
  }
}
.sauna-detail .sauna-mause {
  width: 100%;
  height: 1651px;
  position: absolute;
  top: 488px;
  left: 0;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sauna-mause {
    display: none;
  }
}
.sauna-detail .sento-ttl-01 {
  font-size: 32px;
  font-size: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  background-image: url("s-ttl01.svg");
  background-repeat: no-repeat;
  background-size: 261px 54px;
  background-position: center top 11px;
  margin-right: 120px;
  font-family: "adobe-text-pro", serif;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-ttl-01 {
    margin-right: 0;
    font-size: 22px;
    font-size: 2.2rem;
    background-size: 148px 30px;
    background-position: center top 11px;
  }
}
.sauna-detail .sento-ttl-01 span {
  font-size: 13px;
  font-size: 1.3rem;
  color: #CF000F;
  margin-top: 20px;
  font-weight: 700;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-ttl-01 span {
    font-size: 9px;
    font-size: 0.9rem;
    margin-top: 13px;
  }
}
.sauna-detail .sento-sauna-00 {
  margin-left: 73px;
  margin-right: 193px;
  margin-top: 214px;
  display: flex;
  position: relative;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna-00 {
    width: 57.7%;
    margin-left: 17px;
    margin-right: 0px;
    margin-top: 138px;
    display: block;
  }
  .sauna-detail .sento-sauna-00 img {
    width: 100%;
    height: auto;
    margin-top: 10px;
  }
}
.sauna-detail .sento-sauna-00 p {
  font-size: 16px;
  font-size: 1.6rem;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna-00 p {
    font-size: 13px;
    font-size: 1.3rem;
    width: 100%;
  }
}
.sauna-detail .sento-sauna-00 .s-sauna-01 {
  position: absolute;
  top: 13px;
  right: 80px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna-00 .s-sauna-01 {
    position: absolute;
    top: 40px;
    right: -80px;
    display: flex;
  }
}
.sauna-detail .sento-sauna-00 .s-sauna-01 .sauna-01-01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna-00 .s-sauna-01 .sauna-01-01 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.sauna-detail .sento-sauna-00 .s-sauna-01 .sauna-01-02 {
  position: absolute;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 2.4rem;
  top: -36px;
  left: 30px;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna-00 .s-sauna-01 .sauna-01-02 {
    left: 28px;
    top: -36px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.sauna-detail .sento-sauna01 {
  margin-top: -33px;
  margin-left: auto;
  position: relative;
  width: 753px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna01 {
    margin-top: 80px;
    width: 89.1%;
  }
  .sauna-detail .sento-sauna01 .n02 {
    width: 100%;
    height: auto;
  }
}
.sauna-detail .sento-sauna01 .sauna-shout-words {
  position: absolute;
  top: 4px;
  right: 366px;
  width: 791px;
  height: 569px;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna01 .sauna-shout-words {
    scale: 0.3;
    transform: rotate(12.5deg);
    top: -128px;
    right: -37%;
  }
}
.sauna-detail .sento-sauna01 .sauna-shout-words .n01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 344px;
  height: 402px;
  animation: pop-char1 4s cubic-bezier(0.68, -0.6, 0.32, 1.6) infinite;
}
.sauna-detail .sento-sauna01 .sauna-shout-words .n03 {
  position: absolute;
  bottom: 11%;
  right: 34%;
  width: 214px;
  height: 223px;
  animation-name: pop-char3;
}
.sauna-detail .sento-sauna01 .sauna-shout-words .n04 {
  position: absolute;
  bottom: 2.6%;
  right: 21%;
  width: 92px;
  height: 136px;
  animation-name: pop-char4;
}
.sauna-detail .sento-sauna01 .sauna-shout-words .n05 {
  position: absolute;
  bottom: 0;
  right: 8.6%;
  width: 69px;
  height: 100px;
  animation-name: pop-char5;
}
.sauna-detail .sento-sauna01 .sauna-shout-words .n06 {
  position: absolute;
  bottom: 0.6%;
  right: 0;
  width: 43px;
  height: 57px;
  animation-name: pop-char6;
}
.sauna-detail .sento-sauna01 .sauna-shout-words img {
  opacity: 0;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
.sauna-detail .sento-sauna01-h4 {
  position: absolute;
  top: 1000px;
  left: 74px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna01-h4 {
    top: 64%;
    left: 5.4%;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.sauna-detail .sento-sauna01-h4::after {
  content: url("s-sauna-text-english.svg");
  position: absolute;
  top: 100px;
  left: 0px;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna01-h4::after {
    top: 85px;
    height: 82px;
    content: "";
    width: 260px;
    background-image: url("s-sauna-text-english.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
  }
}
.sauna-detail .sento-sauna02 {
  margin-top: -307px;
  margin-right: auto;
  position: relative;
  width: 85.3%;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna02 {
    margin-top: 289px;
    margin-right: auto;
    position: relative;
    width: 59.6%;
    display: block;
  }
}
.sauna-detail .sento-sauna02 h4 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 2.4rem;
  color: #ffffff;
  margin-left: 14px;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna02 h4 {
    position: absolute;
    left: 270px;
    font-size: 22px;
    font-size: 2.2rem;
    bottom: 0;
    right: -39px;
    letter-spacing: 1px;
  }
  .sauna-detail .sento-sauna02 h4 span {
    position: absolute;
    top: -39px;
    right: -33px;
  }
}
.sauna-detail .sento-sauna02 p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  margin-left: 94px;
  width: 47.3%;
}
@media screen and (max-width: 767px) {
  .sauna-detail .sento-sauna02 p {
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 6%;
    margin-top: 20px;
    width: 94%;
  }
}

@keyframes pop-char1 {
  0% {
    rotate: -52deg;
    opacity: 0;
    transform: scale(0);
    left: 630px;
    top: 350px;
  }
  61%, 90% {
    opacity: 1;
    transform: scale(1);
    left: 0px;
    rotate: 0deg;
    top: 0px;
  }
  93% {
    opacity: 1;
    transform: scale(1.3);
  }
  96%, 100% {
    opacity: 0;
    transform: scale(0.5);
    rotate: 0deg;
  }
}
@keyframes pop-char3 {
  0%, 58% {
    opacity: 0;
    transform: scale(0.5);
  }
  60%, 90% {
    opacity: 1;
    transform: scale(1);
  }
  93% {
    opacity: 1;
    transform: scale(1.3);
  }
  96%, 100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes pop-char4 {
  0%, 58% {
    opacity: 0;
    transform: scale(0.5);
  }
  60%, 90% {
    opacity: 1;
    transform: scale(1);
  }
  93% {
    opacity: 1;
    transform: scale(1.3);
  }
  96%, 100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes pop-char5 {
  0%, 60% {
    opacity: 0;
    transform: scale(0.5);
  }
  62%, 90% {
    opacity: 1;
    transform: scale(1);
  }
  93% {
    opacity: 1;
    transform: scale(1.3);
  }
  96%, 100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes pop-char6 {
  0%, 62% {
    opacity: 0;
    transform: scale(0.5);
  }
  64%, 90% {
    opacity: 1;
    transform: scale(1);
  }
  93% {
    opacity: 1;
    transform: scale(1.3);
  }
  96%, 100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
.custom-sauna-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.2s ease;
  transform: translate(-32px, -32px);
}
.custom-sauna-cursor.is-active {
  opacity: 1;
}
.custom-sauna-cursor img {
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------------------------------ taile */
.sento-ttl-02 {
  font-size: 32px;
  font-size: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "adobe-text-pro", serif;
  font-weight: 400;
  background-image: url("s-ttl02.svg");
  background-repeat: no-repeat;
  background-position: center top 0px;
  margin-right: 120px;
  background-size: 252px 145px;
  height: 145px;
}
@media screen and (max-width: 767px) {
  .sento-ttl-02 {
    margin-right: 0;
    font-size: 22px;
    font-size: 2.2rem;
    background-size: 150px 85px;
    background-position: center top 0px;
    height: 85px;
  }
}
.sento-ttl-02 span {
  font-size: 13px;
  font-size: 1.3rem;
  color: #CF000F;
  margin-top: 20px;
  font-weight: 700;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
}
@media screen and (max-width: 767px) {
  .sento-ttl-02 span {
    font-size: 9px;
    font-size: 0.9rem;
    margin-top: 13px;
  }
}

.tail-bg {
  margin-top: 270px;
  position: relative;
  margin-right: -120px;
  padding: 180px 0;
}
@media screen and (max-width: 767px) {
  .tail-bg {
    padding: 0;
    margin-top: 207px;
    position: relative;
    margin-right: 0;
    width: 100%;
  }
}
.tail-bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 575px;
  width: 100%;
  z-index: -3;
  background-image: url(s-lenga-bg.jpg);
  background-size: 145px;
  background-position: center bottom;
  background-repeat: repeat;
  aspect-ratio: 145/108;
}
@media screen and (max-width: 767px) {
  .tail-bg::before {
    top: -160px;
    left: 0;
    background-size: 145px;
    aspect-ratio: 145/108;
    height: 481px;
  }
}
.tail-bg .n01 {
  position: absolute;
  bottom: 35px;
  left: 74px;
}
@media screen and (max-width: 767px) {
  .tail-bg .n01 {
    width: 100px;
    height: auto;
    top: 178px;
    left: 0px;
    bottom: auto;
  }
  .tail-bg .n01 img {
    width: 100%;
    height: 100%;
  }
}
.tail-bg .n02 {
  position: absolute;
  top: 450px;
  left: 173px;
  transform: rotate(3.5deg);
}
@media screen and (max-width: 767px) {
  .tail-bg .n02 {
    top: 272px;
    left: 31px;
    width: 105px;
  }
  .tail-bg .n02 img {
    width: 100%;
    height: auto;
  }
}

.tail-bg {
  cursor: none;
}
.tail-bg::after, .tail-bg::before {
  cursor: none;
}

.custom-tile-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.2s ease;
  transform: translate(-32px, -32px);
}
.custom-tile-cursor.is-active {
  opacity: 1;
}
.custom-tile-cursor img {
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------------------------------ mizu*/
.mizu-detail {
  position: relative;
  margin-right: -120px;
  margin-top: -40px;
}
@media screen and (max-width: 767px) {
  .mizu-detail {
    margin-right: 0%;
    margin-top: 350px;
    width: 100%;
    padding-top: 0px;
  }
}
.mizu-detail::after {
  content: "";
  background-image: url(s-mizu-bg-pc01.png);
  position: absolute;
  display: block;
  left: 0;
  height: calc(100% + 500px);
  width: 100%;
  z-index: -3;
  background-size: 1366px 79%;
  background-repeat: repeat-x;
  background-position: 0 0;
  animation: wave-move-pc 5s linear infinite;
  top: 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .mizu-detail::after {
    background-image: url(s-mizu-bg-sp01.png);
    width: 100%;
    top: -140px;
    background-size: 376px 100%;
    background-position: 0 0%;
    background-repeat: repeat-x;
    left: 0;
    height: 112%;
    animation: wave-move 4s linear infinite;
  }
}
.mizu-detail .s-mizu-p-01 {
  font-size: 16px;
  font-size: 1.6rem;
  width: 30.6%;
  margin-left: 30.3%;
  color: #ffffff;
  padding-top: 173px;
}
@media screen and (max-width: 767px) {
  .mizu-detail .s-mizu-p-01 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 0px;
    margin: auto;
    width: 68%;
    padding-top: 0px;
  }
}
.mizu-detail .sento-mizu-main {
  position: relative;
  margin-top: 228px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main {
    margin-top: 156px;
    width: 100vw;
  }
}
.mizu-detail .sento-mizu-main .sento-mizu-main01 {
  width: 54.2%;
  position: relative;
  margin-top: 87px;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main .sento-mizu-main01 {
    width: 100%;
    position: relative;
    margin-top: 87px;
    margin-right: 0;
  }
}
.mizu-detail .sento-mizu-main .sento-mizu-main01 .n02 {
  width: 100%;
  aspect-ratio: 726/1014;
  margin-top: 87px;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main .sento-mizu-main01 .n02 {
    aspect-ratio: auto;
    margin-top: 0;
  }
}
.mizu-detail .sento-mizu-main .sento-mizu-main01 .n01 {
  position: absolute;
  top: 78%;
  left: 6%;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main .sento-mizu-main01 .n01 {
    top: 75%;
    left: 3%;
    width: 48px;
  }
  .mizu-detail .sento-mizu-main .sento-mizu-main01 .n01 img {
    width: 100%;
    height: auto;
  }
}
.mizu-detail .sento-mizu-main .sento-mizu-main02 {
  width: 54.2%;
  position: absolute;
  top: -75px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main .sento-mizu-main02 {
    position: relative;
    width: 100%;
    top: 0;
    margin-top: -68px;
  }
}
.mizu-detail .sento-mizu-main .sento-mizu-main02 .n02 {
  width: 100%;
  aspect-ratio: 741/1028;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main .sento-mizu-main02 .n02 {
    width: 100%;
    height: auto;
  }
}
.mizu-detail .sento-mizu-main .sento-mizu-main02 .n01 {
  position: absolute;
  top: 74%;
  left: 64%;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main .sento-mizu-main02 .n01 {
    top: 37%;
    left: 72%;
    width: 60px;
  }
  .mizu-detail .sento-mizu-main .sento-mizu-main02 .n01 img {
    width: 100%;
    height: auto;
  }
}
.mizu-detail .sento-mizu-main .sento-mizu-main02 .sento-mizu-main-word {
  position: absolute;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ffffff;
  top: 105.9%;
  left: 22%;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main .sento-mizu-main02 .sento-mizu-main-word {
    left: auto;
    position: relative;
    display: block;
    width: 69.1%;
    margin: auto;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.mizu-detail .sento-mizu-main .sento-mizu-main02::after {
  position: absolute;
  right: 15%;
  top: -54px;
  height: 94px;
  content: "";
  width: 326px;
  background-image: url("s-mizu-english-text.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-main .sento-mizu-main02::after {
    height: 76px;
    width: 257px;
    top: -97%;
    right: 3.5%;
  }
}
.mizu-detail .sento-mizu-copy {
  width: auto;
  display: flex;
  margin-top: -68%;
  gap: 25px;
  z-index: 3;
  position: relative;
  justify-content: center;
  margin-right: 120px;
  white-space: nowrap;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-copy {
    display: block;
    z-index: 3;
    position: relative;
    text-align: center;
    width: 100%;
    overflow-x: hidden;
    margin-top: -71px;
  }
}
.mizu-detail .sento-mizu-copy .sento-mizu-chachcopy01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 36px;
  font-size: 3.6rem;
  color: #ffffff;
  font-family: "ten-mincho", serif;
  margin-top: 10px;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-copy .sento-mizu-chachcopy01 {
    display: block;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin: 0 auto;
  }
}
.mizu-detail .sento-mizu-copy .sento-mizu-chachcopy02 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 168px;
  font-size: 16.8rem;
  color: #ffffff;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-copy .sento-mizu-chachcopy02 {
    display: block;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
    font-size: 82px;
    font-size: 8.2rem;
    margin-top: 8px;
    margin-left: calc((409px - 100vw) / 2 * -1);
  }
}
.mizu-detail .sento-mizu-copy .sento-mizu-chachcopy03 {
  margin-top: 303px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 36px;
  font-size: 3.6rem;
  color: #ffffff;
  font-family: "ten-mincho", serif;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu-copy .sento-mizu-chachcopy03 {
    display: block;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
    font-size: 20px;
    font-size: 2rem;
    margin: 8px auto 0;
    width: 300px;
    height: auto;
  }
}
.mizu-detail .sento-mizu02 {
  margin-top: 340px;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  margin-left: 73px;
  margin-right: 245px;
  justify-content: space-between;
  gap: 3%;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu02 {
    margin: 20% 0 0 4.5%;
    gap: 0%;
  }
  .mizu-detail .sento-mizu02 img {
    position: absolute;
    top: 64%;
    left: 0;
    width: 68.5%;
    height: auto;
  }
}
.mizu-detail .sento-mizu02 h4 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 2.4rem;
  color: #ffffff;
  position: relative;
  white-space: nowrap;
  display: flex;
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 4%;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu02 h4 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-right: 12%;
  }
}
.mizu-detail .sento-mizu02 h4 .n02 {
  margin-right: 37px;
  margin-top: -144px;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu02 h4 .n02 {
    margin-right: 30px;
    margin-top: -130px;
  }
}
.mizu-detail .sento-mizu02 p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  width: 52.5%;
}
@media screen and (max-width: 767px) {
  .mizu-detail .sento-mizu02 p {
    font-size: 13px;
    font-size: 1.3rem;
    width: 68.5%;
  }
}

@keyframes wave-move-pc {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 1366px;
  }
}
@keyframes wave-move {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 376px;
  }
}
.mizu-detail {
  cursor: none;
}
.mizu-detail::after, .mizu-detail::before {
  cursor: none;
}

.custom-mizu-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.2s ease;
  transform: translate(-32px, -32px);
}
.custom-mizu-cursor.is-active {
  opacity: 1;
}
.custom-mizu-cursor img {
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------------------------------ jet*/
.jet-detail {
  margin-top: 247px;
}
.jet-detail .sento-ttl-03 {
  font-size: 32px;
  font-size: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "adobe-text-pro", serif;
  font-weight: 400;
  background-image: url("s-ttl03.svg");
  background-repeat: no-repeat;
  background-position: center top 0px;
  background-size: 252px 145px;
  height: 145px;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-ttl-03 {
    font-size: 22px;
    font-size: 2.2rem;
    background-size: 150px 125px;
    background-position: center top 0px;
    height: 125px;
  }
}
.jet-detail .sento-ttl-03 span {
  font-size: 13px;
  font-size: 1.3rem;
  color: #CF000F;
  margin-top: 20px;
  font-weight: 700;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-ttl-03 span {
    font-size: 9px;
    font-size: 0.9rem;
    margin-top: 13px;
  }
}
.jet-detail .sento-jet01 {
  position: relative;
  margin-left: auto;
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet01 {
    margin-top: 120px;
    margin-left: auto;
    width: 91.2%;
  }
  .jet-detail .sento-jet01 .n01 {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
  }
}
.jet-detail .sento-jet01 .jet-01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 48px;
  font-size: 4.8rem;
  position: absolute;
  top: 0;
  left: 1003px;
  font-family: "ten-mincho", serif;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet01 .jet-01 {
    background-color: #ffffff;
    padding: 15px 9px 0 0;
    font-size: 26px;
    font-size: 2.6rem;
    position: absolute;
    top: 55px;
    left: -11px;
  }
}
.jet-detail .sento-jet01 .jet-01 span {
  font-size: 9px;
  font-size: 0.9rem;
  position: absolute;
  top: 4px;
  left: 55px;
  letter-spacing: 0.1em;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet01 .jet-01 span {
    left: -10px;
    top: 15px;
    letter-spacing: 0.05em;
  }
}
.jet-detail .sento-jet01 .n02 {
  position: absolute;
  top: 559px;
  left: 727px;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet01 .n02 {
    width: 96px;
    top: 103.5%;
    left: -17px;
  }
}
.jet-detail .sento-jet01 .jeto1-p {
  padding-left: 74px;
  margin-top: 34px;
  width: 45.2%;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet01 .jeto1-p {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 0;
    margin-left: 8%;
    margin-top: 10px;
    width: 83%;
  }
}
.jet-detail .sento-jet02 {
  position: relative;
  margin-top: 166px;
  display: flex;
  flex-direction: row-reverse;
  gap: 19px;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet02 {
    position: relative;
    margin-top: 175px;
    display: block;
    width: 65.2%;
    margin-left: auto;
    margin-right: 3%;
  }
}
.jet-detail .sento-jet02 .jet-02-1 {
  display: block;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet02 .jet-02-1 img {
    width: 87%;
    height: auto;
    margin-left: auto;
    margin-right: 3%;
  }
}
.jet-detail .sento-jet02 .jet-02-1 p {
  margin-top: 34px;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet02 .jet-02-1 p {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 10px;
  }
}
.jet-detail .sento-jet02 .jet-02-1 p span {
  margin-left: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #CF000F;
  padding: 9px 7px;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet02 .jet-02-1 p span {
    margin-left: 3px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 4px 5px;
  }
}
.jet-detail .sento-jet02 .jet-02 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 2.4rem;
  padding-left: 25px;
  font-weight: 700;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet02 .jet-02 {
    font-size: 22px;
    font-size: 2.2rem;
    position: absolute;
    top: 94px;
    left: -80px;
    white-space: nowrap;
  }
}
.jet-detail .sento-jet02 .pc {
  width: 41%;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet02 .jet-02-p-01 {
    margin-top: 10px;
    width: 86%;
  }
}
.jet-detail .sento-jet02::before {
  content: url("s-jet-english-text.svg");
  position: absolute;
  top: -420px;
  left: 1039px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet02::before {
    top: -126px;
    left: 15%;
    height: 60px;
    content: "";
    width: 169px;
    background-image: url("s-jet-english-text.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
  }
}
.jet-detail .sento-jet02 .n03 {
  width: 16%;
  position: absolute;
  display: block;
  top: 182px;
  right: -9.5%;
}
@media screen and (max-width: 767px) {
  .jet-detail .sento-jet02 .n03 {
    top: 124px;
    right: 1%;
    width: 86px;
  }
}

/*------------------------------------------------------------------------------------ denki*/
.denki-detail {
  margin-top: 200px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .denki-detail {
    margin-top: 160px;
  }
}
.denki-detail .sento-ttl-04 {
  font-size: 32px;
  font-size: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "adobe-text-pro", serif;
  font-weight: 400;
  background-image: url("s-ttl04.svg");
  background-repeat: no-repeat;
  background-position: center top 0px;
  margin-bottom: 195px;
  background-size: 247px 175px;
  height: 175px;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-ttl-04 {
    margin-right: 0;
    font-size: 22px;
    font-size: 2.2rem;
    background-size: 138px 98px;
    background-position: center top 0px;
    height: 98px;
    margin-bottom: 150px;
  }
}
.denki-detail .sento-ttl-04 span {
  font-size: 13px;
  font-size: 1.3rem;
  color: #CF000F;
  margin-top: 20px;
  font-weight: 700;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-ttl-04 span {
    font-size: 9px;
    font-size: 0.9rem;
    margin-top: 13px;
  }
}
.denki-detail .denki-detail-chachcopy {
  font-size: 185px;
  font-size: 18.5rem;
  display: block;
  margin: 125px auto 0;
  width: 1230px;
  font-family: "ten-mincho", serif;
  white-space: nowrap;
  position: relative;
}
@media screen and (max-width: 767px) {
  .denki-detail .denki-detail-chachcopy {
    width: 382px;
    font-size: 58px;
    font-size: 5.8rem;
    margin: 71px auto 0;
  }
}
.denki-detail .denki-detail-chachcopy span {
  font-size: 32px;
  font-size: 3.2rem;
  position: absolute;
  top: -53px;
  right: 3%;
  letter-spacing: 2em;
}
@media screen and (max-width: 767px) {
  .denki-detail .denki-detail-chachcopy span {
    font-size: 9px;
    font-size: 0.9rem;
    position: absolute;
    top: -20px;
    right: 3%;
    letter-spacing: 2em;
  }
}
.denki-detail .denki-detail-chachcopy::after {
  position: absolute;
  top: 230px;
  left: 0;
  content: "";
  height: 72px;
  width: 391px;
  background-image: url("s-denki-english-text.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .denki-detail .denki-detail-chachcopy::after {
    top: 100px;
    left: 28%;
    height: 50px;
    width: 272px;
  }
}
.denki-detail .sento-denki01 {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  margin-top: 165px;
  margin-right: 130px;
  margin-left: 73px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-denki01 {
    display: block;
    margin-top: 167px;
    margin-left: auto;
    margin-right: 13.5%;
    width: 56.4%;
  }
}
.denki-detail .sento-denki01 h4 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-denki01 h4 {
    font-size: 22px;
    font-size: 2.2rem;
    position: absolute;
    left: 15.7%;
    margin-top: 17px;
    white-space: nowrap;
  }
}
.denki-detail .sento-denki01 h4 span {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 2.4rem;
  position: absolute;
  top: -51px;
  left: 38px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-denki01 h4 span {
    position: absolute;
    top: -29px;
    left: -35px;
  }
}
.denki-detail .sento-denki01 .sento-denki01-picture {
  margin-right: 25px;
  margin-left: 30px;
  width: 380px;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-denki01 .sento-denki01-picture {
    width: 212px;
    height: auto;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
  }
}
.denki-detail .sento-denki01 .sento-denki01-picture video {
  width: 380px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-denki01 .sento-denki01-picture video {
    width: 212px;
    height: auto;
  }
}
.denki-detail .sento-denki01 .sento-denki01-picture p {
  font-size: 14px;
  font-size: 1.4rem;
  width: 300px;
  margin: 0 auto 10px;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-denki01 .sento-denki01-picture p {
    font-size: 10px;
    font-size: 1rem;
    margin: 0 auto 5px;
    width: 100%;
  }
}
.denki-detail .sento-denki01 .pc {
  width: 50%;
}
.denki-detail .sento-denki01 .sento-denki01-p {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .denki-detail .sento-denki01 .sento-denki01-p {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 10px;
    width: 97%;
  }
}

/*------------------------------------------------------------------------------------ Thoughts*/
.Thoughts {
  margin-top: 240px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .Thoughts {
    margin-top: 167px;
  }
}
.Thoughts .Thoughts01 {
  position: relative;
  margin-top: 184px;
  display: flex;
  gap: 47px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts01 {
    position: relative;
    margin-top: 167px;
    display: block;
    width: 100%;
    height: auto;
  }
  .Thoughts .Thoughts01 .n01 {
    width: 85.4%;
    height: auto;
  }
}
.Thoughts .Thoughts01 p {
  margin-top: 40px;
  width: 33.3%;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts01 p {
    width: 59.3%;
    height: auto;
    margin-top: 20px;
    margin-left: 17px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.Thoughts .Thoughts01 .n02 {
  position: absolute;
  top: 253px;
  left: 387px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts01 .n02 {
    width: 27.1%;
    height: auto;
    top: 136px;
    left: auto;
    right: 0;
  }
}
.Thoughts .Thoughts01::after {
  content: url("s-kumo.svg");
  position: absolute;
  top: 399px;
  left: 165px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts01::after {
    left: 20px;
    top: -25px;
    height: 48px;
    content: "";
    width: 114px;
    background-image: url("s-kumo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
  }
}
.Thoughts .Thoughts01::before {
  content: "";
  width: 90%;
  height: 662px;
  background-color: rgba(192, 157, 89, 0.1);
  position: absolute;
  top: 134px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts01::before {
    width: 95.5%;
    height: 445px;
    top: 35px;
    left: 0;
  }
}
.Thoughts .Thoughts02 {
  margin-top: -33px;
  position: relative;
  margin-left: auto;
  width: 344px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts02 {
    margin-top: 28px;
    position: relative;
    margin-left: auto;
    width: 52.6%;
  }
  .Thoughts .Thoughts02::before {
    content: "";
    position: absolute;
    top: 129px;
    left: -15px;
    z-index: -1;
    background-color: #ffffff;
    height: 85px;
    width: 176px;
    z-index: 1;
  }
}
.Thoughts .Thoughts02::after {
  content: url("s-thoughts-english-text.svg");
  position: absolute;
  top: -226px;
  left: 130px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts02::after {
    left: -23px;
    top: 137px;
    height: 85px;
    content: "";
    width: 176px;
    background-image: url("s-thoughts-english-text.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-color: #ffffff;
    padding: 1px;
    z-index: 2;
  }
}
.Thoughts .Thoughts03 {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 102px;
  gap: 47px;
  position: relative;
  width: 956px;
  margin-right: auto;
  padding-left: 73px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts03 {
    display: block;
    width: 91.2%;
    margin: 78px auto 0;
    padding-left: 0;
  }
}
.Thoughts .Thoughts03 p {
  margin-top: 62px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts03 p {
    margin-top: 20px;
    font-size: 13px;
    font-size: 1.3rem;
    width: 100%;
  }
}
.Thoughts .Thoughts03::after {
  content: url("s-kumo.svg");
  position: absolute;
  top: 333px;
  left: 908px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts03::after {
    left: 255px;
    top: 120px;
    height: 48px;
    content: "";
    width: 114px;
    background-image: url("s-kumo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    overflow-x: hidden;
  }
}
.Thoughts .Thoughts04 {
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  margin-top: 181px;
  margin-left: auto;
  width: 969px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts04 {
    display: block;
    margin-top: 120px;
    width: 100%;
  }
  .Thoughts .Thoughts04 .n01 {
    width: 84%;
    margin-right: auto;
  }
  .Thoughts .Thoughts04::before {
    content: "";
    background-color: rgba(192, 157, 89, 0.1);
    width: 84%;
    height: 497px;
    position: absolute;
    top: -654px;
    left: 0;
    z-index: -1;
  }
}
.Thoughts .Thoughts04 p {
  margin-top: 27px;
  width: 412px;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts04 p {
    margin-top: 20px;
    width: 79%;
    margin: 20px 0 0 17px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.Thoughts .Thoughts04 .n02 {
  position: absolute;
  top: -176px;
  left: 809px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts04 .n02 {
    position: absolute;
    top: -50px;
    left: auto;
    right: 0;
    width: 46.3%;
  }
}
.Thoughts .Thoughts05 {
  width: 450px;
  margin-top: -19px;
  position: relative;
  margin-left: 9%;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts05 {
    width: 95.7%;
    margin-left: auto;
    height: auto;
    margin-top: 100px;
  }
}
.Thoughts .Thoughts05 p {
  margin-top: 30px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts05 p {
    position: absolute;
    margin-top: -1%;
    font-size: 13px;
    font-size: 1.3rem;
    left: 34.8%;
    width: 48.2%;
    z-index: 1;
  }
  .Thoughts .Thoughts05 p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 113%;
    height: 117%;
    background-color: #ffffff;
    z-index: -1;
  }
}
.Thoughts .Thoughts05::after {
  content: url("s-kumo.svg");
  position: absolute;
  top: -37px;
  left: 318px;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts05::after {
    left: 17px;
    top: -25px;
    height: 48px;
    content: "";
    width: 114px;
    background-image: url("s-kumo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
  }
}
.Thoughts .Thoughts06 {
  margin-top: 180px;
  margin-bottom: 200px;
  margin-right: -120px;
  display: flex;
  position: relative;
  font-family: "Source Han Sans JP", sans-serif;
  font-weight: 700;
  justify-content: center;
}
.Thoughts .Thoughts06 img {
  width: 85.5%;
  height: auto;
  object-fit: cover;
  margin-right: auto;
  margin-left: 5.4%;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts06 {
    margin-left: 0;
    margin-top: 260px;
    margin-bottom: 200px;
    display: block;
    font-weight: 700;
    width: 100vw;
  }
  .Thoughts .Thoughts06 img {
    margin-left: 0;
    width: 100vw;
    object-fit: cover;
    object-position: center;
  }
}
.Thoughts .Thoughts06 .Thoughts06-h4-01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 32px;
  font-size: 3.2rem;
  position: absolute;
  top: 543px;
  left: 177px;
  background-color: #ffffff;
  padding: 15px 6px;
  white-space: nowrap;
  font-family: "Source Han Sans JP", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts06 .Thoughts06-h4-01 {
    font-size: 22px;
    font-size: 2.2rem;
    position: absolute;
    top: 208px;
    left: 17px;
    padding: 12px 6px;
  }
}
.Thoughts .Thoughts06 .Thoughts06-h4-02 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 32px;
  font-size: 3.2rem;
  position: absolute;
  top: 530px;
  left: 225px;
  background-color: #ffffff;
  padding: 15px 6px;
  white-space: nowrap;
  font-family: "Source Han Sans JP", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts06 .Thoughts06-h4-02 {
    font-size: 22px;
    font-size: 2.2rem;
    position: absolute;
    top: 174px;
    left: 53px;
    padding: 12px 6px;
  }
}
.Thoughts .Thoughts06::before {
  content: "";
  width: 94.6%;
  height: 689px;
  background-color: rgba(192, 157, 89, 0.1);
  position: absolute;
  bottom: 328px;
  left: 5.4%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .Thoughts .Thoughts06::before {
    width: 70%;
    height: 265px;
    top: -276%;
    left: 0;
  }
}

.sauna-mause,
.tail-bg,
.mizu-detail {
  cursor: none;
}
.sauna-mause::before, .sauna-mause::after,
.tail-bg::before,
.tail-bg::after,
.mizu-detail::before,
.mizu-detail::after {
  cursor: none;
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.2s ease;
  transform: translate(-32px, -32px);
}
.custom-cursor.is-active {
  opacity: 1;
}
.custom-cursor img {
  width: 100%;
  height: auto;
}

/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
.utility {
  width: 1100px;
  padding-top: 120px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .utility {
    width: auto;
  }
}
.utility .utility-desc {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .utility .utility-desc {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.utility .pan-ttl {
  margin-top: 16px;
}
.utility .pan-ttl span:after {
  color: #E52229;
}
@media screen and (max-width: 767px) {
  .utility .pan-ttl {
    margin-top: 12px;
  }
  .utility .pan-ttl span {
    font-size: 48px;
    font-size: 4.8rem;
  }
  .utility .pan-ttl span:after {
    font-size: 48px;
    font-size: 4.8rem;
  }
}

/*------------------------------------------------------------------------------------ お問い合わせ */
.form input,
.form textarea {
  border: 1px solid #E6E6E6;
  letter-spacing: 0.05em;
  display: inline-block;
  outline: none;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  -webkit-appearance: none;
}
.form {
  /* テキストボックス */
}
.form input[type=text],
.form input[type=email],
.form input[type=password],
.form textarea {
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: rgba(230, 230, 230, 0.5);
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #000;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
}
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=password]:focus,
.form textarea:focus {
  outline: none;
  background: #fff;
  border: 1px solid rgb(204.5, 204.5, 204.5);
}
@media screen and (max-width: 767px) {
  .form input[type=text],
  .form textarea {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.form {
  /* セレクトボックス */
}
.form select {
  -webkit-appearance: none;
  padding: 10px 30px 10px 10px;
  border: 1px solid #E6E6E6;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  color: #000;
  border-radius: 8px;
  letter-spacing: 0.05em;
  background-color: rgba(230, 230, 230, 0.05);
}
.form select:focus {
  outline: none;
}
@media screen and (max-width: 767px) {
  .form select {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
  }
}
.form .select {
  display: inline-block;
  position: relative;
}
.form .select:after {
  position: absolute;
  top: 1.2em;
  right: 1em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.8);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .form .select {
    display: block;
  }
  .form .select:after {
    top: 1.8em;
  }
}
.form {
  /* ボタン */
}
.form input[type=submit],
.form input[type=button],
.form button {
  padding: 0;
  margin: 0;
  z-index: 2;
  border: none;
  cursor: pointer;
}
.form input[type=submit]::-webkit-search-decoration,
.form input[type=button]::-webkit-search-decoration,
.form button::-webkit-search-decoration {
  display: none;
}
.form input[type=submit]::focus,
.form input[type=button]::focus,
.form button::focus {
  outline-offset: -2px;
}

.form-lead {
  margin-top: 40px;
}
.form-lead .thanks {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.form-lead .btn {
  margin-top: 64px;
}
.form-lead a {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .form-lead .thanks {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .form-lead p {
    margin-bottom: 16px;
  }
}

.form-wrap {
  width: 800px;
  margin: 100px auto 0;
}
@media screen and (max-width: 767px) {
  .form-wrap {
    width: auto;
    margin: 50px 60px 0;
  }
}
.form-wrap dl {
  border-bottom: 1px solid #E6E6E6;
  display: block;
}
.form-wrap dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.form-wrap dt,
.form-wrap dd {
  text-align: left;
  position: relative;
  float: left;
  margin-bottom: 20px;
  padding: 20px 20px 0;
  border-top: 1px solid #E6E6E6;
}
@media screen and (max-width: 767px) {
  .form-wrap dt,
  .form-wrap dd {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 20px 0 0;
  }
}
.form-wrap dt {
  clear: both;
  width: 35%;
  font-weight: 700;
  padding-top: 24px !important;
}
.form-wrap dd {
  width: 65%;
}
.form-wrap .required,
.form-wrap .option {
  position: absolute;
  right: 12px;
  margin-top: 7px;
  line-height: 1;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #E52229;
  color: #fff;
  display: inline-block;
  padding: 2px 4px 3px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .form-wrap .required,
  .form-wrap .option {
    right: 0;
    margin-top: 0;
  }
}
.form-wrap .option {
  color: #fff;
  background-color: #b4b4b4;
}
.form-wrap .btn-wrap {
  text-align: center;
  margin-top: 40px;
}
.form-wrap .btn-wrap p {
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .form-wrap .btn-wrap {
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .form-wrap .btn-wrap .red {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    margin-bottom: 15px;
  }
  .form-wrap .btn-wrap .back {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    transform: scale(0.8);
  }
  .form-wrap .btn-wrap p {
    z-index: 1;
    margin: 3px 0;
    padding: 11px 20px;
    width: 80%;
  }
  .form-wrap .btn-wrap p input {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .form dt,
  .form dd {
    display: block;
    width: 100%;
  }
  .form .required,
  .form .option {
    margin-top: 2px;
    padding: 4px 4px 3px;
  }
  .form dt {
    padding-top: 19px !important;
    margin-bottom: 0;
  }
  .form dd {
    padding-top: 4px;
    border-top: none;
    margin-bottom: 24px;
  }
}
/*------------------------------------------------------------------------------------ ニュース */
.utility .online-news {
  width: 900px;
  margin: 100px auto 0;
}
@media screen and (max-width: 767px) {
  .utility .online-news {
    width: auto;
    margin: 50px 40px 0;
  }
}
.utility .online-news ul {
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.utility .online-news ul li {
  border-top: 1px solid #E6E6E6;
  padding: 40px 20px 80px;
}
.utility .online-news ul li .date {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 5px;
}
.utility .online-news ul li .ellipsis h2 {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 24px;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.6;
}
.utility .online-news ul li .ellipsis p {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .utility .online-news ul .flex {
    display: block;
  }
  .utility .online-news ul li {
    padding: 30px 20px 90px;
  }
  .utility .online-news ul li .date,
  .utility .online-news ul li .ellipsis {
    width: 100%;
  }
  .utility .online-news ul li .date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .utility .online-news ul li .ellipsis h2 {
    font-size: 20px;
    font-size: 2rem;
  }
  .utility .online-news ul li .ellipsis p {
    font-size: 13.5px;
    font-size: 1.35rem;
  }
}

/*------------------------------------------------------------------------------------ ログイン  米倉*/
.utility .new_acount {
  margin-top: 10px;
}
.utility .new_acount a {
  text-decoration: underline;
}
.utility .login_btn {
  color: #fff;
}

/*------------------------------------------------------------------------------------ カート  米倉*/
.utility .cart_container {
  margin: 100px auto 0;
  width: 960px;
}
@media screen and (max-width: 767px) {
  .utility .cart_container {
    margin: 40px 60px 0 60px;
    width: auto;
    border-top: solid 1px #E6E6E6;
  }
}
.utility .cart_container .cart_items_desc {
  display: flex;
  border-bottom: solid 1px #E6E6E6;
  justify-content: space-between;
}
.utility .cart_container .cart_items_desc p {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 4px;
  word-break: keep-all;
  color: rgba(0, 0, 0, 0.5);
}
.utility .cart_container .cart_items_desc p:nth-of-type(1) {
  width: 65%;
}
.utility .cart_container .cart_items_desc p:nth-of-type(2) {
  width: 20%;
}
.utility .cart_container .cart_items_desc p:nth-of-type(3) {
  width: 15%;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_desc {
    display: none;
  }
}
.utility .cart_container .cart_items_list {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  flex-wrap: nowrap;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.utility .cart_container .cart_items_list .cart_item_desc,
.utility .cart_container .cart_items_list .cart_item_price_volume {
  display: flex;
}
.utility .cart_container .cart_items_list .cart_item_desc {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .cart_item_desc {
    width: 100%;
    border-bottom: 1px dotted rgb(204.5, 204.5, 204.5);
  }
}
.utility .cart_container .cart_items_list img {
  min-width: 100px;
  height: 133px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list img {
    min-width: 60px;
    height: 80px;
  }
}
.utility .cart_container .cart_items_list .price_unit {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 2px;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .price_unit {
    font-size: 10px;
    font-size: 1rem;
  }
}
.utility .cart_container .cart_items_list .item_name {
  padding: 0 64px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .item_name {
    padding: 0 0 0 24px;
    width: 100%;
  }
}
.utility .cart_container .cart_items_list .item_name br {
  display: none;
}
.utility .cart_container .cart_items_list .item_name p:first-child {
  line-height: 1.4;
  font-size: 20px;
  font-size: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .item_name p:first-child {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.utility .cart_container .cart_items_list .item_name p:last-child {
  line-height: 1;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: earlyman;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .item_name p:last-child {
    margin-top: 8px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.utility .cart_container .cart_items_list .num-box {
  width: 15%;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .num-box {
    width: 84px;
    margin: 20px 0;
  }
}
.utility .cart_container .cart_items_list .num-box .num:after {
  display: inline-block;
  content: "点";
  transform: translateY(1px);
  margin-left: 8px;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .num-box .num:after {
    margin-left: 4px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.utility .cart_container .cart_items_list .num-box .num input {
  display: inline-block;
  width: 55px;
  padding-left: 10px;
  padding-right: 5px;
  height: 40px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  -webkit-appearance: none;
  border-radius: 6px;
  border: 1px solid #000 !important;
  transition-property: "background";
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .num-box .num input {
    transform-origin: right center;
    transform: scale(0.8);
    margin-left: -10px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.utility .cart_container .cart_items_list .num-box .num input:focus {
  outline: none;
  background: rgba(229, 34, 41, 0.1);
}
.utility .cart_container .cart_items_list .num-box .num {
  /*
  @include mq-sp {
    display: flex;
    padding: 20px 0 20px;
    align-items: center;
    &::before {
      content: "数量";
      display: inline-block;
      margin-right: 4px;
      writing-mode: vertical-lr;
      vertical-align: middle;
      @include fz(10);
    }
  }
  */
}
.utility .cart_container .cart_items_list .price_sum {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .price_sum {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.utility .cart_container .cart_items_list .price_sum .price_sum_dis {
  text-align: right;
  font-size: 40px;
  font-size: 4rem;
  font-family: earlyman;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .price_sum .price_sum_dis {
    font-size: 30px;
    font-size: 3rem;
  }
}
.utility .cart_container .cart_items_list .item_del {
  text-align: right;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .utility .cart_container .cart_items_list .item_del {
    margin-top: 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.utility .cart_container .cart_items_list .item_del a {
  text-decoration: underline;
}
.utility .cart_container .no_item {
  text-align: center;
}
.utility .cart_container .no_item p {
  margin-bottom: 10px;
}
.utility .cart_container .no_item p:first-of-type {
  text-align: center;
}
.utility .deli_select {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 48px 0;
  border-bottom: solid 1px #E6E6E6;
  border-top: none;
}
@media screen and (max-width: 767px) {
  .utility .deli_select {
    display: block;
    width: auto;
    padding: 0;
    padding-top: 20px;
  }
}
.utility .deli_select .deli_select_note {
  flex: 1;
  margin-right: 40px;
}
.utility .deli_select .deli_select_note p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .utility .deli_select .deli_select_note {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .utility .deli_select .deli_select_note p {
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 1em;
    text-indent: -1em;
  }
}
.utility .deli_select dl {
  margin: -7px 0 20px;
  display: flex;
  border-bottom: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .utility .deli_select dl {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
.utility .deli_select dl dt:last-of-type {
  margin-left: 40px;
}
@media screen and (max-width: 767px) {
  .utility .deli_select dl dt:last-of-type {
    margin-left: 0;
    margin-top: 5px;
  }
}
.utility .deli_select dl dt,
.utility .deli_select dl dd {
  border-top: none;
  padding: 0;
  padding-top: 0 !important;
  margin-bottom: 0;
  word-break: keep-all;
}
@media screen and (max-width: 767px) {
  .utility .deli_select dl dt,
  .utility .deli_select dl dd {
    margin-bottom: 0;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .utility .deli_select dl dt {
    float: left;
    display: inline-block;
    width: 50% !important;
    padding-top: 19px !important;
  }
}
.utility .deli_select dl dd {
  margin-left: 4px;
}
@media screen and (max-width: 767px) {
  .utility .deli_select dl dd {
    width: calc(50% - 4px) !important;
    display: inline-block !important;
    padding-top: 10px !important;
    margin-bottom: 0 !important;
  }
  .utility .deli_select dl dd .select::after {
    top: 1.5em !important;
  }
}
.utility .deli_select dl dd {
  /*
  &:last-of-type {
    margin-top: 5px;
  }
  */
}
.utility .deli_select .remarks {
  margin-left: auto;
  max-width: 503px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .utility .deli_select .remarks {
    margin-bottom: 20px;
  }
}
.utility .sum_price {
  margin-left: auto;
  margin-top: 40px;
  padding-bottom: 32px;
  border-bottom: solid 1px #E6E6E6;
  width: 28%;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .utility .sum_price {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
  }
}
.utility .sum_price p {
  display: inline-block;
}
.utility .sum_price .rito {
  display: block;
  margin-top: 10px;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  opacity: 0.5;
}
.utility .sum_price .deli_price {
  margin-top: 8px;
  position: relative;
}
.utility .sum_price .free-shipping-text {
  position: absolute;
  top: -47px;
  right: calc(100% + 30px);
  display: inline-block;
  text-align: center;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #FDF10E;
}
.utility .sum_price .free-shipping-text span {
  position: absolute;
  width: 110px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6;
}
.utility .sum_price .free-shipping-text:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent #FDF10E transparent #FDF10E;
}
@media screen and (max-width: 767px) {
  .utility .sum_price .free-shipping-text {
    margin-top: 12px;
    position: static;
    top: auto;
    right: auto;
    display: block;
    text-align: right;
    width: auto;
    height: auto;
    border-radius: 4px;
    width: 100%;
    padding: 3px 10px;
  }
  .utility .sum_price .free-shipping-text span {
    position: static;
    width: auto;
    top: auto;
    left: auto;
    transform: none;
  }
  .utility .sum_price .free-shipping-text span br {
    display: none;
  }
  .utility .sum_price .free-shipping-text:after {
    top: 18px;
    right: 23px;
    transform: rotate(-90deg);
  }
}
.utility .sum_price .buy_price,
.utility .sum_price .deli_price {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.utility .sum_price .buy_price .price_unit,
.utility .sum_price .deli_price .price_unit {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 2px;
}
.utility .sum_price .buy_price p:last-child,
.utility .sum_price .deli_price p:last-child {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: earlyman;
}
@media screen and (max-width: 767px) {
  .utility .sum_price .buy_price p:last-child,
  .utility .sum_price .deli_price p:last-child {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.utility .total_price {
  margin-top: 30px;
  margin-left: auto;
  width: 28%;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .utility .total_price {
    width: 100%;
    margin-top: 20px;
  }
}
.utility .total_price .price_unit {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 2px;
}
.utility .total_price .total_price_inner {
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.utility .total_price .total_price_inner p:last-child {
  font-size: 40px;
  font-size: 4rem;
  font-family: earlyman;
}
@media screen and (max-width: 767px) {
  .utility .total_price .total_price_inner p:last-child {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.utility .btn-wrap-shopping {
  display: flex;
  justify-content: right;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .utility .btn-wrap-shopping {
    flex-flow: column-reverse;
  }
  .utility .btn-wrap-shopping .shopping,
  .utility .btn-wrap-shopping .procedure {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .utility .btn-wrap-shopping .shopping:first-of-type,
  .utility .btn-wrap-shopping .procedure:first-of-type {
    transform: scale(0.8);
  }
}
.utility .btn-wrap-shopping .procedure {
  margin-left: 24px;
}
@media screen and (max-width: 767px) {
  .utility .btn-wrap-shopping .procedure {
    margin-left: auto;
    margin-bottom: 10px;
  }
}
.utility .no-cart-container {
  border-top: none;
}

/*------------------------------------------------------------------------------------ ロード画面  米倉*/
.loading {
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-color: #fff;
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  z-index: 100001;
  border-radius: 10px;
}
.loading img {
  width: 55px;
}
.loading p {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 5px;
  margin-left: 0.8em;
  color: #E52229;
  font-family: earlyman;
}

/*------------------------------------------------------------------------------------ 404画面  米倉*/
.not_found {
  width: 1100px;
  padding-top: 120px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .not_found {
    width: 100%;
  }
}
.not_found .not-found-desc {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .not_found .not-found-desc {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.not_found h1 {
  margin-top: 16px;
}
.not_found h1 span {
  font-size: 88px;
  font-size: 8.8rem;
}
.not_found h1 span:after {
  font-size: 88px;
  font-size: 8.8rem;
  color: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .not_found h1 {
    margin-top: 12px;
  }
  .not_found h1 span {
    font-size: 46px;
    font-size: 4.6rem;
  }
  .not_found h1 span:after {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
.not_found .not-found_txt {
  margin-top: 40px;
  padding-bottom: 80px;
}
.not_found .not-found_txt p:not(:first-child) {
  padding-top: 10px;
}

/*------------------------------------------------------------------------------------ プライバシーポリシー画面  米倉*/
#privacy .shopify-policy__container {
  padding-top: 160px;
  width: 700px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #privacy .shopify-policy__container {
    width: 100%;
  }
}
#privacy .shopify-policy__container .shopify-policy__title h1 {
  text-align: center;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
}
@media screen and (max-width: 767px) {
  #privacy .shopify-policy__container .shopify-policy__title h1 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
#privacy .shopify-policy__container .shopify-policy__body {
  margin: 80px 0;
}
@media screen and (max-width: 767px) {
  #privacy .shopify-policy__container .shopify-policy__body {
    margin: 80px 60px;
  }
}
#privacy .shopify-policy__container .shopify-policy__body .privacy_list dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #privacy .shopify-policy__container .shopify-policy__body .privacy_list dt {
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: solid 1px #000;
  }
}
#privacy .shopify-policy__container .shopify-policy__body .privacy_list dt:not(:first-of-type) {
  margin-top: 56px;
}
#privacy .shopify-policy__container .shopify-policy__body .privacy_list dd {
  text-align: justify;
  margin-top: 8px;
}
#privacy .shopify-policy__container .shopify-policy__body .privacy_list .priavcy_data {
  margin-bottom: 32px;
}
#privacy .shopify-policy__container .shopify-policy__body .privacy_list .privacy_data_use {
  margin-top: 32px;
}

#traderule .shopify-policy__container {
  padding-top: 160px;
  width: 700px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #traderule .shopify-policy__container {
    width: 100%;
  }
}
#traderule .shopify-policy__container h1 {
  font-size: 36px;
  font-size: 3.6rem;
  text-align: center;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #traderule .shopify-policy__container h1 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
#traderule .shopify-policy__container .shopify-policy__body {
  margin: 80px 0;
}
@media screen and (max-width: 767px) {
  #traderule .shopify-policy__container .shopify-policy__body {
    margin: 80px 60px;
  }
}
#traderule .shopify-policy__container .shopify-policy__body .traderule_list div {
  display: flex;
  border-bottom: solid 1px #E6E6E6;
  padding-bottom: 16px;
  padding-top: 16px;
}
@media screen and (max-width: 767px) {
  #traderule .shopify-policy__container .shopify-policy__body .traderule_list div {
    display: block;
    border-bottom: none;
    padding-bottom: 28px;
    padding-top: 28px;
  }
  #traderule .shopify-policy__container .shopify-policy__body .traderule_list div:first-of-type {
    border-top: none;
  }
}
#traderule .shopify-policy__container .shopify-policy__body .traderule_list dt {
  width: 30%;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #traderule .shopify-policy__container .shopify-policy__body .traderule_list dt {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    border-bottom: solid 1px #000;
  }
}
#traderule .shopify-policy__container .shopify-policy__body .traderule_list dd {
  width: 70%;
  padding-left: 30px;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  #traderule .shopify-policy__container .shopify-policy__body .traderule_list dd {
    margin-top: 8px;
    padding-left: 0;
    width: 100%;
  }
}

/*------------------------------------------------------------------------------------ マイページ画面  米倉*/
#mypage h2 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
#mypage .order_record {
  width: 960px;
  margin: 0 auto;
  margin-bottom: -80px;
}
@media screen and (max-width: 767px) {
  #mypage .order_record {
    width: auto;
    margin-bottom: -20px;
    margin-left: 60px;
  }
}
#mypage .order_container {
  margin: 100px auto 0;
  width: 960px;
}
@media screen and (max-width: 767px) {
  #mypage .order_container {
    margin: 40px 60px 0 60px;
    width: auto;
    border-top: solid 1px #E6E6E6;
  }
}
#mypage .order_container .cart_items_desc {
  display: flex;
  border-bottom: solid 1px #E6E6E6;
  justify-content: space-between;
}
#mypage .order_container .cart_items_desc p {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 4px;
  word-break: keep-all;
  color: rgba(0, 0, 0, 0.5);
}
#mypage .order_container .cart_items_desc p:nth-of-type(1) {
  width: 15%;
}
#mypage .order_container .cart_items_desc p:nth-of-type(2) {
  width: 60%;
}
#mypage .order_container .cart_items_desc p:nth-of-type(3) {
  width: 10%;
}
#mypage .order_container .cart_items_desc p:nth-of-type(4) {
  width: 15%;
  text-align: right;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_desc {
    display: none;
  }
}
#mypage .order_container .cart_items_list {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  flex-wrap: nowrap;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mypage .order_container .cart_items_list .cart_item_desc,
#mypage .order_container .cart_items_list .cart_item_price_volume {
  display: flex;
}
#mypage .order_container .cart_items_list .order_date {
  width: 15%;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .order_date {
    width: 100%;
    margin-bottom: 8px;
    padding-left: 84px;
  }
}
#mypage .order_container .cart_items_list .cart_item_desc {
  width: 60%;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .cart_item_desc {
    width: 100%;
    border-bottom: 1px dotted rgb(204.5, 204.5, 204.5);
  }
}
#mypage .order_container .cart_items_list img {
  min-width: 100px;
  height: 133px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list img {
    min-width: 60px;
    height: 80px;
  }
}
#mypage .order_container .cart_items_list .price_unit {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 2px;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .price_unit {
    font-size: 10px;
    font-size: 1rem;
  }
}
#mypage .order_container .cart_items_list .item_name {
  padding: 0 64px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .item_name {
    padding: 0 0 0 24px;
    width: 100%;
  }
}
#mypage .order_container .cart_items_list .item_name br {
  display: none;
}
#mypage .order_container .cart_items_list .item_name p:first-child {
  line-height: 1.4;
  font-size: 20px;
  font-size: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .item_name p:first-child {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
#mypage .order_container .cart_items_list .item_name p:last-child {
  line-height: 1;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: earlyman;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .item_name p:last-child {
    margin-top: 8px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
#mypage .order_container .cart_items_list .num-box {
  width: 10%;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .num-box {
    width: 84px;
    margin: 20px 0;
  }
}
#mypage .order_container .cart_items_list .num-box .num:after {
  display: inline-block;
  content: "点";
  transform: translateY(1px);
  margin-left: 8px;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .num-box .num:after {
    margin-left: 4px;
    font-size: 10px;
    font-size: 1rem;
  }
}
#mypage .order_container .cart_items_list .price_sum {
  flex: 1;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .price_sum {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
#mypage .order_container .cart_items_list .price_sum .price_sum_dis {
  text-align: right;
  font-size: 40px;
  font-size: 4rem;
  font-family: earlyman;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #mypage .order_container .cart_items_list .price_sum .price_sum_dis {
    font-size: 30px;
    font-size: 3rem;
  }
}
#mypage .mypage_container {
  width: 960px;
  margin: 100px auto;
}
@media screen and (max-width: 767px) {
  #mypage .mypage_container {
    width: auto;
    margin: 100px 60px 40px 60px;
    margin: 60px;
  }
}
#mypage .mypage_container .mypage_info {
  display: flex;
  border-top: solid 1px #E6E6E6;
  border-bottom: solid 1px #E6E6E6;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  #mypage .mypage_container .mypage_info {
    display: block;
  }
}
#mypage .mypage_container .mypage_info .member_info_desc {
  width: 20%;
}
@media screen and (max-width: 767px) {
  #mypage .mypage_container .mypage_info .member_info_desc {
    width: 100%;
  }
}
#mypage .mypage_container .mypage_info .member_info_desc p {
  color: #b4b4b4;
}
#mypage .mypage_container .mypage_info .member_info_desc p .member_info_desc_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #mypage .mypage_container .mypage_info .member_info_desc p .member_info_desc_sp {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  #mypage .mypage_container .mypage_info .member_info_desc p .member_info_desc_pc {
    display: none;
  }
}
#mypage .mypage_container .mypage_info .member_info {
  width: 50%;
  margin-left: 24px;
}
@media screen and (max-width: 767px) {
  #mypage .mypage_container .mypage_info .member_info {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
  }
}
#mypage .mypage_container .mypage_info .member_info p:last-child {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
#mypage .mypage_container .mypage_info .info_adit {
  width: 30%;
  text-align: right;
}
@media screen and (max-width: 767px) {
  #mypage .mypage_container .mypage_info .info_adit {
    width: 100%;
    text-align: left;
  }
}
#mypage .mypage_container .mypage_info .info_adit span {
  color: #fff;
}
#mypage .mypage_container .new_member_btn {
  margin-top: 10px;
  text-align: right;
}
#mypage .mypage_container .new_member_btn a {
  text-decoration: underline;
}
#mypage .mypage_container .adit_txt {
  margin-top: 20px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  #mypage .mypage_container .adit_txt {
    font-size: 10px;
    font-size: 1rem;
  }
}
#mypage .caution_desc {
  margin-top: 20px;
}

/*------------------------------------------------------------------------------------ 住所新規追加画面  米倉*/
#new_address .add_address_desc {
  text-align: center;
  margin-top: 20px;
}
#new_address .new_address_container {
  width: 900px;
  margin: 100px auto;
}
@media screen and (max-width: 767px) {
  #new_address .new_address_container {
    width: auto;
    margin: 50px 60px;
  }
}
#new_address .new_address_container select {
  -webkit-appearance: none;
  padding: 10px 30px 10px 10px;
  border: 1px solid #E6E6E6;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  color: #000;
  border-radius: 8px;
  letter-spacing: 0.05em;
  background-color: rgba(230, 230, 230, 0.05);
}
#new_address .new_address_container select:focus {
  outline: none;
}
#new_address .new_address_container .address_select {
  display: inline-block;
  position: relative;
}
#new_address .new_address_container .address_select:after {
  position: absolute;
  top: 1.2em;
  right: 1em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.8);
  pointer-events: none;
}
#new_address .new_address_container form input[type=text],
#new_address .new_address_container form input[type=tel],
#new_address .new_address_container form input[type=number] {
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background-color: rgba(230, 230, 230, 0.5);
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  border: solid 1px #E6E6E6;
}
#new_address .new_address_container form dl {
  width: 100%;
  border-bottom: solid 1px #E6E6E6;
  display: block;
}
#new_address .new_address_container form dl::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#new_address .new_address_container form dl dt,
#new_address .new_address_container form dl dd {
  float: left;
  padding: 24px 0;
  border-top: solid 1px #E6E6E6;
}
@media screen and (max-width: 767px) {
  #new_address .new_address_container form dl dt,
  #new_address .new_address_container form dl dd {
    display: block;
    padding: 18px 0;
  }
}
#new_address .new_address_container form dl dt {
  clear: both;
  width: 35%;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #new_address .new_address_container form dl dt {
    width: 100%;
    padding-bottom: 5px;
    line-height: 1em;
  }
}
#new_address .new_address_container form dl dd {
  padding-left: 30px;
  width: 65%;
}
@media screen and (max-width: 767px) {
  #new_address .new_address_container form dl dd {
    width: 100%;
    border-top: none;
    padding-top: 0;
    padding-left: 0;
  }
}
#new_address .new_address_container .add_address {
  padding-top: 24px;
  text-align: center;
}
#new_address .new_address_container .add_address .add_cancel_btn {
  display: block;
  text-decoration: underline;
  margin-top: 10px;
}

.address-delete {
  background: none;
  text-decoration: underline;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .address-delete {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide, swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification, swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
/*------------------------------------------------------------------------------------ 本表紙 */
#book #pagetop .shopify-section:not(header):not(footer) {
  font-family: "Noto Serif JP", serif;
}

.book-front-cover {
  padding-top: 120px;
  padding-bottom: 147px;
}
.book-front-cover .front-cover {
  margin: 0 auto;
}
.book-front-cover .front-cover img {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.book-front-cover .book-desc {
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 90px;
}
.book-front-cover .book-desc .book-txt {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 350px);
  translate: -50% 0;
}
.book-front-cover .book-desc .book-ttl {
  font-size: 72px;
  font-size: 7.2rem;
  font-weight: 600;
  position: relative;
}
.book-front-cover .book-desc .ver {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  text-orientation: upright;
  font-size: 20px;
  font-size: 2rem;
  border: solid 1px #000;
  font-weight: 700;
  position: absolute;
  left: calc(100% + 25px);
  top: -31px;
}
.book-front-cover .book-author {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 15px;
  text-align: center;
}

/*------------------------------------------------------------------------------------ 著者の説明 */
.book-author-block .author-img {
  position: relative;
}
.book-author-block .author-img img {
  margin: 0 auto;
  display: block;
}
.book-author-block .author-img .author-name {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  height: max-content;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  left: calc(50% + 76px);
  top: 0;
}
.book-author-block .author-desc {
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 35px;
}

/*------------------------------------------------------------------------------------ book */
.page-view-block {
  margin-top: 100px;
}

.table-content {
  background-color: #f2f2f2;
  padding: 90px 130px 200px;
  justify-content: flex-end;
}
.table-content .table-ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-left: 60px;
  letter-spacing: 0.8em;
}
.table-content .table-content-list {
  display: flex;
  margin-top: 30px;
}
.table-content li {
  opacity: 0.3;
}
.table-content li .table-content-ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: -0.02em;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  padding-top: 22px;
}
.table-content li .table-content-ttl::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background-color: #000;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: calc(50% - 3.5px);
  top: 0;
}
.table-content li.current {
  opacity: 1;
}

.page-view {
  margin-top: 30px;
  padding: 0 48px;
}
.page-view .page-view-wrap {
  position: relative;
  inset: 0;
  height: 100svh;
}
.page-view .page-view-item {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .page-view .page-view-item {
    flex-direction: row-reverse;
  }
}
.page-view .page-view-item.current {
  position: relative;
  z-index: 11;
}
.page-view .page-view-item img {
  width: 50%;
  height: 100%;
  object-fit: contain;
}
.page-view .arrow-btn {
  position: absolute;
  top: 50%;
  translate: 50% -50%;
  right: 0;
  z-index: 20;
}
.page-view .arrow-btn.deactive {
  pointer-events: none;
  opacity: 0.4;
}
.page-view .arrow-btn.back {
  left: 0;
  translate: -50% -50%;
}
.page-view .chapter-page-btn {
  position: absolute;
  top: 60%;
  z-index: 21;
  background: none;
  border: none;
  display: none;
}
.page-view .chapter-page-btn.active {
  display: block;
}
.page-view .chapter-page-btn.next {
  translate: 50% -50%;
  right: 0;
}
.page-view .chapter-page-btn.back {
  translate: -50% -50%;
  left: 0;
}

/* ------------------------------------------------------------ font */
.chotai {
  transform: scale(0.9, 1);
}

.no-chotai {
  transform: scale(1, 1);
}

/* ------------------------------------------------------------ parts */
/* ------------------------------------------------------------ media */
/* ------------------------------------------------------------ layout */
/*------------------------------------------------------------------------------------ shopify 米倉 */
/*.detail-contents {
  .shopify-block {
    position: relative;
    overflow: hidden;
    margin: 100px -120px 0 auto;
    padding: 0 120px 200px 0;
    @include mq-sp {
      margin: 100px -20px 0;
      padding: 0 20px 120px;
    }
    @include mq-pc {
      background: url(water-bg-middle.jpg) #e4f4fa;
      background-position: center top;
      animation: water-bg-middle 6s linear both infinite;
    }
    @include mq-sp {
      background: url(water-bg-middle-sp.jpg) #e4f4fa;
      background-position: center top;
      animation: water-bg-middle-sp 6s linear both infinite;
    }
    &::before, &::after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      @include mq-sp {
        background-size: 120% auto;
      }
    }
    &::before {
      background: url("bottom.svg") no-repeat;
      background-position: left top;
      background-size: 100% auto;
      top: 0;
      left: 0;
      height: 100%;
    }
    &::after {
      background-image: url("bottom-w.svg");
      left: 0;
      bottom: 0;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: left bottom;
      height: 27.21%;
    }
  }

  #shopify-product-reviews {
    width: 470px;
    margin: 150px auto 0;
    position: relative;
    @include mq-sp {
      width: auto;
      margin: 100px auto 0;
    }
    .spr-container {
      padding: 0px;
      border-color: #000000;
      border: none;
      margin: 0 !important;

      .spr-header { //レビューヘッダー
        .spr-header-title {
          margin: 0 !important;
          font-family: $ja;
          font-weight: $fw-black;
          line-height: 1;
          @include fz(26);
          position: relative;
          padding-left: 54px;
          margin-right: auto;
          &:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            display: block;
            width: 40px;
            height: 33px;
            background-image: url("review.svg");
            background-size: contain;
            background-repeat: no-repeat;
          }
        }
        .spr-summary {
          margin-bottom: 42px;
          margin-top: 24px;
          @include flex;
          align-items: center;
          justify-content: space-between;
          @include mq-sp {
            display: flex;
            flex-flow: column-reverse;
            align-items: flex-start;
          }
          .spr-starrating { //レビューランク
            font-size: 25px;
            position: relative;
            display: inline-block;
            font-weight: $fw-b;
            &::before {
              content: "4.5";
              font-family: $ja;
            }
            .spr-icon {
              color: $color-r;
              .spr-icon-star-empty {
                opacity: 0.6;
              }
            }
          }
          .spr-summary-actions { //レビューを書く
            flex-grow: 1;
            display: flex;
            justify-content: flex-end;
            line-height: 1;
            transform: translateY(calc(-100% - 6px));
            @include mq-sp {
              transform: none;
              margin: 10px 0;
            }

            .spr-summary-actions-newreview {
              padding: 11px 30px 11px 50px;
              border: 1px solid #fdf10e;
              background-color: #fdf10e;
              background-image: none !important;
              @include fz(16);
              line-height: 1.5;
              font-weight: $fw-b;
              border-radius: 25px;
              font-family: $ja;
              cursor: pointer;
              position: relative;
              &::before { //矢印
                left: 30px;
                z-index: 3;
                position: absolute;
                content: "";
                display: block;
                width: 12px;
                height: 16px;
                background: url(arrow.png) no-repeat;
                background-size: contain;
                top: calc(50% - 8px);
              }
            }
          }
        }
      }
    }
  }
}
@font-face{font-family:'font-awesome-stars';
  src:url(https://productreviews.shopifycdn.com/assets/font-awesome-stars/font-awesome-stars-911003a601bdba3638357048b4273cc43c8958b4ea8d8e8b57d2a1b0c6620eeb.eot?38446773);
  src:url(https://productreviews.shopifycdn.com/assets/font-awesome-stars/font-awesome-stars-911003a601bdba3638357048b4273cc43c8958b4ea8d8e8b57d2a1b0c6620eeb.eot?38446773#iefix) format("embedded-opentype"),url(https://productreviews.shopifycdn.com/assets/font-awesome-stars/font-awesome-stars-9db9f5907ce1cfed8edd001b2c6f89efd1d4b1847972f4432679de8a760c60e0.svg?38446773#font-awesome-stars) format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'font-awesome-stars';
  src:url("data:application/octet-stream;base64,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") format("woff"),url("data:application/octet-stream;base64,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PSstsEsssgEAPSstsEwssgEBPSstsE0ssgAAOSstsE4ssgABOSstsE8ssgEAOSstsFAssgEBOSstsFEssgAAOystsFIssgABOystsFMssgEAOystsFQssgEBOystsFUssgAAPistsFYssgABPistsFcssgEAPistsFgssgEBPistsFkssgAAOistsFossgABOistsFsssgEAOistsFwssgEBOistsF0ssDIrLrEmARQrLbBeLLAyK7A2Ky2wXyywMiuwNystsGAssAAWsDIrsDgrLbBhLLAzKy6xJgEUKy2wYiywMyuwNistsGMssDMrsDcrLbBkLLAzK7A4Ky2wZSywNCsusSYBFCstsGYssDQrsDYrLbBnLLA0K7A3Ky2waCywNCuwOCstsGkssDUrLrEmARQrLbBqLLA1K7A2Ky2wayywNSuwNystsGwssDUrsDgrLbBtLCuwCGWwAyRQeLABFTAtAAAAS7gAyFJYsQEBjlm5CAAIAGMgsAEjRLADI3CyBCgJRVJEsgoCByqxBgFEsSQBiFFYsECIWLEGA0SxJgGIUVi4BACIWLEGAURZWVlZuAH/hbAEjbEFAEQAAA==") format("truetype")
}
[class^="spr-icon-"]:before, [class*=" spr-icon-"]:before{
  font-family:"font-awesome-stars";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  line-height:1em;
  font-size: 2.5rem !important;
  font-size: 25px !important;
}
.spr-icon-star:before{
  content:'\e800';
}
.spr-icon-star-hover:before{
  content:'\e800';
}
.spr-icon-star-empty:before{
  content:'\e801';
}
.spr-icon-star-empty.spr-icon-star-hover:before{
  content:'\e800';
}
.spr-icon-star-half:before{
  content:'\e802';
}
.spr-icon-star-half-alt:before{
  content:'\e803';
}


.spr-reviews {
  margin: 0 !important;
}
.spr-review { //レビュー記事一覧
  padding: 50px 20px 54px 20px !important;
  border-top: solid 1px $color-line !important;

  &:first-child {
    margin-top: 0 !important;
  }
  .spr-review-header {
    margin-bottom: 24px;
    @include flex;
    flex-flow: column-reverse;
    .spr-starratings {
      margin: 0 !important;
    }
    .spr-review-header-starratings{
      margin: 0 !important;
    }
    .spr-review-header-title {
      display: none;
    }
    .spr-icon::before {
      font-size: 1.7rem !important;
      font-size: 17px !important;
    }
    .spr-review-header-byline {
      font-style: normal !important; 
      display: flex;
      justify-content: space-between;
      @include fz(16);
      font-weight: $fw-m;
      font-family: $ja;
      margin-bottom: 20px;
      & strong:first-child { //レビュー主氏名


      }
      & strong:last-child { //投稿日時

      }
    }
  }
  .spr-review-content {
    margin:  0 !important;
    .spr-review-content-body {
      @include fz(16);
      font-family: $ja;
      font-weight: $fw-m;
    }

  }
  .spr-review-footer {
    display: none;
  }
}*/
/*------------------------------------------------------------------------------------ shopify 米倉 */
.spr-loading {
  *zoom: 1;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 24px;
  text-align: center;
}

.spr-loading:before, .spr-loading:after {
  content: " ";
  display: table;
}

.spr-loading:after {
  clear: both;
}

.spr-icon {
  font-size: 120%;
  position: relative;
  top: 1px;
  width: 1.3em;
  height: 1.3em;
}

.spr-icon.spr-icon-star-empty {
  opacity: 0.6;
}

.spr-badge {
  *zoom: 1;
  min-height: auto;
  min-width: auto;
  display: block;
}

.spr-badge:before, .spr-badge:after {
  content: " ";
  display: table;
}

.spr-badge:after {
  clear: both;
}

.spr-badge-starrating {
  margin: 0 3px 0 0;
}

.spr-badge-starrating .spr-icon {
  font-size: 100%;
}

.spr-form {
  margin: 24px 0 !important;
  padding: 32px 0 0 0 !important;
  border-top: 1px solid #E6E6E6 !important;
}

.spr-form > form {
  margin: 0;
}

.spr-form-title {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0;
}

.spr-form-contact-name,
.spr-form-contact-email,
.spr-form-contact-location,
.spr-form-review-rating,
.spr-form-review-title,
.spr-form-review-body {
  *zoom: 1;
  margin: 0 0 15px 0;
}

.spr-form-contact-name:before,
.spr-form-contact-name:after,
.spr-form-contact-email:before,
.spr-form-contact-email:after,
.spr-form-contact-location:before,
.spr-form-contact-location:after,
.spr-form-review-rating:before,
.spr-form-review-rating:after,
.spr-form-review-title:before,
.spr-form-review-title:after,
.spr-form-review-body:before,
.spr-form-review-body:after {
  content: " ";
  display: table;
}

.spr-form-contact-name:after,
.spr-form-contact-email:after,
.spr-form-contact-location:after,
.spr-form-review-rating:after,
.spr-form-review-title:after,
.spr-form-review-body:after {
  clear: both;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.spr-form-contact, .spr-form-review, .spr-form-actions {
  *zoom: 1;
  padding: 0;
  border: 0;
  margin: 0;
}

.spr-form-contact:before,
.spr-form-contact:after,
.spr-form-review:before,
.spr-form-review:after,
.spr-form-actions:before,
.spr-form-actions:after {
  content: " ";
  display: table;
}

.spr-form-contact:after,
.spr-form-review:after,
.spr-form-actions:after {
  clear: both;
}

.spr-form-review-rating {
  clear: both;
  overflow: hidden;
}

.spr-form-review-rating a,
.spr-form-review-rating a:hover {
  text-decoration: none;
  display: inline-block;
  float: left;
}

.spr-form-label {
  font-size: 13px;
  line-height: 20px;
}

.spr-form-input {
  margin: 0;
}

.spr-form-label + .spr-form-input {
  margin: 0;
}

.spr-form-input-text,
.spr-form-input-email,
.spr-form-input-textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.spr-form-input-textarea {
  resize: vertical;
}

.spr-form-input-error,
input.spr-form-input-error[type=text],
input.spr-form-input-error[type=email] {
  border-color: #E52229;
}

.spr-starrating.spr-form-input-error a {
  color: #E52229;
}

.spr-form-message {
  padding: 0.8em 1em;
  margin: 0 0 1em 0;
}

.spr-form-message-error {
  background: #E52229;
  color: #FFF;
}

.spr-form-message-success {
  padding: 0;
  margin: 0;
}

.spr-button, .spr-button-primary {
  width: auto;
  margin: 0;
  min-height: 1em;
}

.spr-button-primary {
  float: right;
}

.spr-review:last-child {
  padding-bottom: 0;
}

.spr-review-reply {
  *zoom: 1;
  background: #ECECEC;
  background: rgba(0, 0, 0, 0.06);
  margin: 0 0 24px 0;
  padding: 24px;
}

.spr-review-reply-body, .spr-review-reply-shop {
  font-size: 13px;
  line-height: 20px;
}

.spr-review-reply-body {
  margin: 0 0 12px 0;
}

.spr-review-reply-shop {
  display: block;
  float: right;
  font-style: italic;
}

.spr-review-reportreview {
  float: right;
  font-size: 11px;
  line-height: 16px;
}

.spr-pagination {
  text-align: center;
  padding: 12px 0 0 0;
  position: relative;
  border-top: 1px solid #DFDFDF;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.spr-pagination-page,
.spr-pagination-deco,
.spr-pagination-next,
.spr-pagination-prev {
  display: inline-block;
}

.spr-pagination-page .is-active {
  font-weight: bold;
}

.spr-pagination-prev {
  position: absolute;
  left: 0;
}

.spr-pagination-next {
  position: absolute;
  right: 0;
}

/*------------------------------------------------------------------------------------ shopify いいねボタン 米倉 */
#oneteam-like .oneteam-like-button-container {
  display: flex;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 3px;
  padding-left: 0px;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button {
  height: auto;
  border-color: transparent;
  background-color: transparent;
  transition: 0.25s ease-in-out;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button {
  display: flex;
  align-items: center;
  border-width: 0px;
  border-color: black;
  border-style: solid;
  cursor: pointer;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  height: 28px;
  background-color: transparent;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button {
  position: relative;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container {
  padding: 0 !important;
  cursor: pointer;
  color: #000;
  border: none;
  background: transparent;
  height: 40px;
  display: inherit;
  line-height: 1;
  position: relative;
  margin-left: 15px;
  padding-left: 50px;
  padding-top: 14px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
  }
}
@keyframes likying {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container.likying::before {
  background: url("liked.svg") no-repeat;
  animation-name: likying;
  animation-duration: 0.15s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container::before {
  position: absolute;
  top: 11px;
  left: 10px;
  display: block;
  content: "";
  width: 20px;
  height: 19px;
  background: url(like.svg) no-repeat;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 38px;
  height: 38px;
  border: 1px solid #E6E6E6;
  border-radius: 50%;
  z-index: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container:hover {
  opacity: 1;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container:hover:before {
  background: url("liked.svg") no-repeat;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container.liked::before {
  background: url(like.svg) no-repeat;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container.liked::after {
  background: #E52229;
  border-color: #E52229;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container.liked:hover {
  opacity: 1;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container.liked:hover:before {
  background: url("like.svg") no-repeat;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon-container.liked:hover:after {
  background: #fff;
  border-color: #E6E6E6;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon {
  display: none;
  color: #E52229;
  font-size: 2rem;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
}
#oneteam-like .oneteam-like-button-container .oneteam-like-button .oneteam-like-button-icon .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#oneteam-like .oneteam-like-button-counter {
  color: #000;
  line-height: 1;
  font-weight: 500;
  padding-left: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  flex-grow: 3;
  min-width: 15px;
}

/*------------------------------------------------------------------------------------ shopify レビュー修正 20220/05/17 米倉 */
@font-face {
  font-family: "font-awesome-stars";
  src: url(https://productreviews.shopifycdn.com/assets/font-awesome-stars/font-awesome-stars-911003a601bdba3638357048b4273cc43c8958b4ea8d8e8b57d2a1b0c6620eeb.eot?38446773);
  src: url(https://productreviews.shopifycdn.com/assets/font-awesome-stars/font-awesome-stars-911003a601bdba3638357048b4273cc43c8958b4ea8d8e8b57d2a1b0c6620eeb.eot?38446773#iefix) format("embedded-opentype"), url(https://productreviews.shopifycdn.com/assets/font-awesome-stars/font-awesome-stars-9db9f5907ce1cfed8edd001b2c6f89efd1d4b1847972f4432679de8a760c60e0.svg?38446773#font-awesome-stars) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "font-awesome-stars";
  src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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PSstsEsssgEAPSstsEwssgEBPSstsE0ssgAAOSstsE4ssgABOSstsE8ssgEAOSstsFAssgEBOSstsFEssgAAOystsFIssgABOystsFMssgEAOystsFQssgEBOystsFUssgAAPistsFYssgABPistsFcssgEAPistsFgssgEBPistsFkssgAAOistsFossgABOistsFsssgEAOistsFwssgEBOistsF0ssDIrLrEmARQrLbBeLLAyK7A2Ky2wXyywMiuwNystsGAssAAWsDIrsDgrLbBhLLAzKy6xJgEUKy2wYiywMyuwNistsGMssDMrsDcrLbBkLLAzK7A4Ky2wZSywNCsusSYBFCstsGYssDQrsDYrLbBnLLA0K7A3Ky2waCywNCuwOCstsGkssDUrLrEmARQrLbBqLLA1K7A2Ky2wayywNSuwNystsGwssDUrsDgrLbBtLCuwCGWwAyRQeLABFTAtAAAAS7gAyFJYsQEBjlm5CAAIAGMgsAEjRLADI3CyBCgJRVJEsgoCByqxBgFEsSQBiFFYsECIWLEGA0SxJgGIUVi4BACIWLEGAURZWVlZuAH/hbAEjbEFAEQAAA==") format("truetype");
}
[class^=spr-icon-]:before, [class*=" spr-icon-"]:before {
  font-family: "font-awesome-stars";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  font-size: 2.5rem !important;
  font-size: 25px !important;
}

.spr-icon-star:before {
  content: "\e800";
}

.spr-icon-star-hover:before {
  content: "\e800";
}

.spr-icon-star-empty:before {
  content: "\e801";
}

.spr-icon-star-empty.spr-icon-star-hover:before {
  content: "\e800";
}

.spr-icon-star-half:before {
  content: "\e802";
}

.spr-icon-star-half-alt:before {
  content: "\e803";
}

#shopify-product-reviews {
  position: relative;
  overflow: hidden;
  margin: 100px -120px 0 auto !important;
  padding: 0 120px 200px 0;
}
@media screen and (max-width: 767px) {
  #shopify-product-reviews {
    margin: 100px -20px 0 !important;
    padding: 0 20px 120px;
  }
}
@media screen and (min-width: 768px) {
  #shopify-product-reviews {
    background: url("water-bg-middle.jpg") #e4f4fa;
    background-position: center top;
    animation: water-bg-middle 6s linear both infinite;
  }
}
@media screen and (max-width: 767px) {
  #shopify-product-reviews {
    background: url("water-bg-middle-sp.jpg") #e4f4fa;
    background-position: center top;
    animation: water-bg-middle-sp 6s linear both infinite;
  }
}
#shopify-product-reviews:before {
  content: "";
  pointer-events: none;
  background: url("bottom.svg") no-repeat;
  background-position: left top;
  background-size: 100% auto;
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #shopify-product-reviews:before {
    background-size: 120% auto;
  }
}
#shopify-product-reviews:after {
  content: "";
  pointer-events: none;
  background-image: url("bottom-w.svg");
  display: block !important;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 27.21%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #shopify-product-reviews:after {
    background-size: 120% auto;
  }
}

.spr-container {
  width: 470px;
  margin: 150px auto 0;
  position: relative;
  min-height: 380px;
}
@media screen and (max-width: 767px) {
  .spr-container {
    width: auto;
    margin: 100px auto 0;
  }
}

.spr-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
}
.spr-header h2 {
  margin-top: -8px;
  font-family: earlyman;
  line-height: 1;
  font-size: 32px;
  font-size: 3.2rem;
  position: relative;
  padding-left: 54px;
  margin-right: auto;
}
.spr-header h2:after {
  position: absolute;
  content: "";
  top: -14px;
  left: 0;
  display: block;
  width: 40px;
  height: 33px;
  background-image: url("review.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.spr-summary {
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: initial !important;
  gap: 0 !important;
}
@media screen and (max-width: 767px) {
  .spr-summary {
    margin-bottom: 0;
  }
}
.spr-summary .spr-starrating {
  font-size: 25px;
  position: relative;
  display: inline-block;
  margin-left: 50px;
}
.spr-summary .spr-starrating::before {
  content: "4.5";
  font-family: earlyman;
  font-size: 32px;
  font-size: 3.2rem;
  position: absolute;
  left: -50px;
  display: block;
}
.spr-summary .spr-starrating .spr-icon {
  color: #E52229;
}
.spr-summary .spr-starrating .spr-icon .spr-icon-star-empty {
  opacity: 0.6;
}
.spr-summary .spr-summary-caption {
  margin-top: 70px;
  position: relative;
}
.spr-summary .spr-summary-actions-togglereviews {
  margin-left: 16px;
  position: absolute;
  white-space: nowrap;
  top: -45px;
}
.spr-summary .spr-summary-actions {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
}
.spr-summary .spr-summary-actions .spr-summary-actions-newreview {
  padding: 11px 50px 11px 30px;
  border: 1px solid #fdf10e;
  background-color: #fdf10e;
  background-image: none !important;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  border-radius: 25px;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  cursor: pointer;
  position: relative;
  min-height: 50px;
}
@media screen and (max-width: 767px) {
  .spr-summary .spr-summary-actions .spr-summary-actions-newreview {
    min-height: 48px;
  }
}
.spr-summary .spr-summary-actions .spr-summary-actions-newreview::before {
  right: 30px;
  z-index: 3;
  position: absolute;
  content: "";
  display: block;
  width: 12px;
  height: 16px;
  background: url(arrow.png) no-repeat;
  background-size: contain;
  top: calc(50% - 8px);
}

.new-review-form {
  padding: 40px;
  background-color: #fff;
}
.new-review-form .spr-form-title {
  display: none;
}

.spr-reviews {
  margin: 32px 0 0 0 !important;
}
.spr-reviews .spr-review {
  border-top: 1px solid #E6E6E6;
  padding: 40px 20px 40px;
}
.spr-reviews .spr-review .spr-review-header {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column-reverse;
}
.spr-reviews .spr-review .spr-review-header .spr-starratings {
  margin: 0 !important;
}
.spr-reviews .spr-review .spr-review-header .spr-review-header-starratings {
  margin: 0 !important;
  font-size: 14px;
  font-size: 1.4rem;
}
.spr-reviews .spr-review .spr-review-header .spr-review-header-title {
  display: none;
}
.spr-reviews .spr-review .spr-review-header .spr-icon::before {
  font-size: 1.4rem !important;
  font-size: 14px !important;
}
.spr-reviews .spr-review .spr-review-header .spr-review-header-byline {
  font-style: normal !important;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  font-weight: 500;
  font-family: inter-variable, ryo-gothic-plusn, sans-serif;
  margin: 0 !important;
}
.spr-reviews .spr-review .spr-review-header .spr-review-header-byline strong:first-child {
  margin-right: auto;
  font-weight: 700;
  font-size: 15px;
  font-size: 1.5rem;
}
.spr-reviews .spr-review .spr-review-header .spr-review-header-byline strong:last-child {
  font-family: earlyman;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .spr-reviews .spr-review .spr-review-header .spr-review-header-byline strong:last-child {
    margin-right: 20px;
  }
}
.spr-reviews .spr-review .spr-review-content {
  margin-top: 16px;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .spr-reviews .spr-review .spr-review-content {
    margin-right: 20px;
  }
}
.spr-reviews .spr-review .spr-review-content .spr-review-content-body {
  font-size: 1.5rem !important;
  font-size: 15px !important;
}
.spr-reviews .spr-review .spr-review-reportreview {
  display: none;
}

/*# sourceMappingURL=common.min.css.map */