/* ------------------------------------------------------------ break-point */
/* ------------------------------------------------------------ color */
/* ------------------------------------------------------------ letter-spacing */
/* ------------------------------------------------------------ weight */
/* ------------------------------------------------------------ font */
.chotai {
  -webkit-transform: scale(1, 1.16);
          transform: scale(1, 1.16);
}

.no-chotai {
  -webkit-transform: scale(1, 1);
          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;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}
html #mochi {
  color: #fff;
}
html #goziami {
  color: #500000;
}
html.wf-active body, html.timeout body {
  opacity: 1;
}

body {
  font-family: "Baloo 2", "Arial Rounded MT Bold", sans-serif;
  font-size: 180%;
  letter-spacing: normal;
  font-weight: 600;
  line-height: 2;
  -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;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 150%;
    line-height: 1.8;
  }
}
#mochi ::-moz-selection {
  color: #fff;
  background: #edc10a;
}
#mochi ::selection {
  color: #fff;
  background: #edc10a;
}
#mochi ::-moz-selection {
  color: #fff;
  background: #edc10a;
}
#mochi input::-moz-selection, #mochi textarea::-moz-selection {
  color: #fff;
}
#mochi input::selection,
#mochi textarea::selection {
  color: #fff;
}
#mochi input::-moz-selection,
#mochi textarea::-moz-selection {
  color: #fff;
}

#goziami ::-moz-selection {
  color: #fff;
  background: #cc003a;
}

#goziami ::selection {
  color: #fff;
  background: #cc003a;
}
#goziami ::-moz-selection {
  color: #fff;
  background: #cc003a;
}
#goziami input::-moz-selection, #goziami textarea::-moz-selection {
  color: #500000;
}
#goziami input::selection,
#goziami textarea::selection {
  color: #500000;
}
#goziami input::-moz-selection,
#goziami textarea::-moz-selection {
  color: #500000;
}

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

a:hover {
  opacity: 0.5;
}

a:active {
  opacity: 0.3;
}

@media screen and (max-width: 767px) {
  a {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }
}
#mochi a {
  color: #fff;
}
@media screen and (max-width: 767px) {
  #mochi a:hover {
    color: #fff;
  }
  #mochi a:active {
    color: rgba(255, 255, 255, 0.5);
  }
}

#goziami a {
  color: #500000;
}
@media screen and (max-width: 767px) {
  #goziami a:hover {
    color: #500000;
  }
  #goziami a:active {
    color: rgba(80, 0, 0, 0.5);
  }
}

/* image
   ========================================================================== */
img {
  line-height: 1;
  vertical-align: bottom;
}

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) and (min-width: 768px) {
  .col120 {
    width: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col120 {
    width: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml120 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml120 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr120 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr120 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt120 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt120 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb120 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb120 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 120);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col119 {
    width: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col119 {
    width: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml119 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml119 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr119 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr119 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt119 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt119 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb119 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb119 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 119);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col118 {
    width: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col118 {
    width: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml118 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml118 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr118 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr118 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt118 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt118 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb118 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb118 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 118);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col117 {
    width: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col117 {
    width: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml117 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml117 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr117 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr117 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt117 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt117 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb117 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb117 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 117);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col116 {
    width: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col116 {
    width: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml116 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml116 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr116 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr116 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt116 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt116 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb116 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb116 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 116);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col115 {
    width: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col115 {
    width: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml115 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml115 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr115 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr115 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt115 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt115 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb115 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb115 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 115);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col114 {
    width: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col114 {
    width: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml114 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml114 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr114 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr114 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt114 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt114 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb114 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb114 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 114);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col113 {
    width: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col113 {
    width: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml113 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml113 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr113 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr113 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt113 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt113 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb113 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb113 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 113);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col112 {
    width: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col112 {
    width: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml112 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml112 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr112 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr112 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt112 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt112 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb112 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb112 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 112);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col111 {
    width: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col111 {
    width: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml111 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml111 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr111 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr111 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt111 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt111 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb111 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb111 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 111);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col110 {
    width: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col110 {
    width: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml110 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml110 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr110 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr110 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt110 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt110 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb110 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb110 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 110);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col109 {
    width: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col109 {
    width: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml109 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml109 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr109 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr109 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt109 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt109 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb109 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb109 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 109);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col108 {
    width: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col108 {
    width: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml108 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml108 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr108 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr108 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt108 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt108 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb108 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb108 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 108);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col107 {
    width: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col107 {
    width: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml107 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml107 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr107 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr107 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt107 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt107 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb107 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb107 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 107);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col106 {
    width: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col106 {
    width: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml106 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml106 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr106 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr106 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt106 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt106 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb106 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb106 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 106);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col105 {
    width: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col105 {
    width: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml105 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml105 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr105 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr105 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt105 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt105 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb105 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb105 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 105);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col104 {
    width: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col104 {
    width: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml104 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml104 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr104 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr104 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt104 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt104 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb104 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb104 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 104);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col103 {
    width: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col103 {
    width: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml103 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml103 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr103 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr103 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt103 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt103 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb103 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb103 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 103);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col102 {
    width: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col102 {
    width: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml102 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml102 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr102 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr102 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt102 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt102 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb102 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb102 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 102);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col101 {
    width: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col101 {
    width: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml101 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml101 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr101 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr101 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt101 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt101 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb101 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb101 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 101);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col100 {
    width: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col100 {
    width: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml100 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml100 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr100 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr100 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt100 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt100 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb100 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb100 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col99 {
    width: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col99 {
    width: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml99 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml99 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr99 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr99 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt99 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt99 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb99 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb99 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 99);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col98 {
    width: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col98 {
    width: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml98 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml98 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr98 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr98 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt98 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt98 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb98 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb98 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 98);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col97 {
    width: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col97 {
    width: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml97 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml97 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr97 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr97 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt97 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt97 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb97 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb97 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 97);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col96 {
    width: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col96 {
    width: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml96 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml96 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr96 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr96 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt96 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt96 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb96 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb96 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 96);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col95 {
    width: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col95 {
    width: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml95 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml95 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr95 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr95 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt95 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt95 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb95 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb95 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 95);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col94 {
    width: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col94 {
    width: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml94 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml94 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr94 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr94 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt94 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt94 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb94 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb94 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 94);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col93 {
    width: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col93 {
    width: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml93 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml93 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr93 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr93 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt93 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt93 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb93 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb93 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 93);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col92 {
    width: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col92 {
    width: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml92 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml92 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr92 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr92 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt92 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt92 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb92 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb92 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 92);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col91 {
    width: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col91 {
    width: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml91 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml91 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr91 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr91 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt91 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt91 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb91 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb91 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 91);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col90 {
    width: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col90 {
    width: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml90 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml90 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr90 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr90 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt90 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt90 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb90 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb90 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col89 {
    width: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col89 {
    width: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml89 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml89 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr89 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr89 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt89 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt89 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb89 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb89 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 89);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col88 {
    width: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col88 {
    width: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml88 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml88 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr88 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr88 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt88 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt88 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb88 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb88 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 88);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col87 {
    width: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col87 {
    width: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml87 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml87 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr87 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr87 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt87 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt87 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb87 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb87 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 87);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col86 {
    width: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col86 {
    width: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml86 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml86 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr86 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr86 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt86 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt86 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb86 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb86 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 86);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col85 {
    width: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col85 {
    width: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml85 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml85 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr85 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr85 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt85 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt85 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb85 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb85 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 85);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col84 {
    width: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col84 {
    width: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml84 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml84 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr84 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr84 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt84 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt84 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb84 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb84 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 84);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col83 {
    width: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col83 {
    width: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml83 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml83 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr83 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr83 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt83 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt83 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb83 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb83 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 83);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col82 {
    width: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col82 {
    width: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml82 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml82 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr82 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr82 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt82 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt82 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb82 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb82 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 82);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col81 {
    width: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col81 {
    width: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml81 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml81 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr81 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr81 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt81 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt81 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb81 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb81 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 81);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col80 {
    width: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col80 {
    width: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml80 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml80 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr80 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr80 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt80 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt80 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb80 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb80 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col79 {
    width: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col79 {
    width: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml79 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml79 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr79 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr79 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt79 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt79 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb79 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb79 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 79);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col78 {
    width: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col78 {
    width: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml78 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml78 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr78 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr78 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt78 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt78 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb78 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb78 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col77 {
    width: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col77 {
    width: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml77 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml77 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr77 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr77 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt77 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt77 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb77 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb77 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 77);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col76 {
    width: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col76 {
    width: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml76 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml76 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr76 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr76 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt76 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt76 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb76 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb76 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 76);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col75 {
    width: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col75 {
    width: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml75 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml75 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr75 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr75 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt75 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt75 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb75 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb75 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 75);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col74 {
    width: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col74 {
    width: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml74 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml74 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr74 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr74 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt74 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt74 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb74 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb74 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col73 {
    width: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col73 {
    width: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml73 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml73 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr73 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr73 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt73 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt73 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb73 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb73 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 73);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col72 {
    width: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col72 {
    width: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml72 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml72 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr72 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr72 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt72 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt72 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb72 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb72 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 72);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col71 {
    width: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col71 {
    width: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml71 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml71 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr71 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr71 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt71 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt71 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb71 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb71 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 71);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col70 {
    width: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col70 {
    width: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml70 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml70 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr70 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr70 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt70 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt70 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb70 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb70 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col69 {
    width: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col69 {
    width: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml69 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml69 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr69 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr69 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt69 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt69 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb69 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb69 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 69);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col68 {
    width: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col68 {
    width: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml68 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml68 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr68 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr68 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt68 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt68 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb68 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb68 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 68);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col67 {
    width: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col67 {
    width: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml67 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml67 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr67 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr67 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt67 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt67 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb67 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb67 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 67);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col66 {
    width: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col66 {
    width: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml66 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml66 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr66 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr66 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt66 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt66 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb66 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb66 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 66);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col65 {
    width: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col65 {
    width: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml65 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml65 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr65 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr65 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt65 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt65 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb65 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb65 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 65);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col64 {
    width: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col64 {
    width: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml64 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml64 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr64 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr64 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt64 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt64 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb64 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb64 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 64);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col63 {
    width: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col63 {
    width: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml63 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml63 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr63 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr63 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt63 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt63 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb63 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb63 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 63);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col62 {
    width: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col62 {
    width: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml62 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml62 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr62 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr62 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt62 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt62 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb62 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb62 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 62);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col61 {
    width: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col61 {
    width: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml61 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml61 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr61 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr61 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt61 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt61 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb61 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb61 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 61);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col60 {
    width: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col60 {
    width: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml60 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml60 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr60 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr60 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt60 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt60 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb60 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb60 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col59 {
    width: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col59 {
    width: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml59 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml59 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr59 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr59 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt59 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt59 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb59 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb59 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 59);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col58 {
    width: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col58 {
    width: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml58 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml58 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr58 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr58 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt58 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt58 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb58 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb58 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col57 {
    width: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col57 {
    width: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml57 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml57 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr57 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr57 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt57 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt57 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb57 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb57 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 57);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col56 {
    width: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col56 {
    width: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml56 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml56 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr56 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr56 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt56 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt56 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb56 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb56 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 56);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col55 {
    width: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col55 {
    width: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml55 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml55 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr55 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr55 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt55 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt55 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb55 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb55 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 55);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col54 {
    width: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col54 {
    width: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml54 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml54 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr54 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr54 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt54 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt54 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb54 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb54 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 54);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col53 {
    width: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col53 {
    width: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml53 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml53 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr53 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr53 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt53 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt53 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb53 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb53 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 53);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col52 {
    width: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col52 {
    width: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml52 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml52 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr52 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr52 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt52 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt52 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb52 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb52 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col51 {
    width: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col51 {
    width: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml51 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml51 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr51 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr51 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt51 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt51 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb51 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb51 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 51);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col50 {
    width: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col50 {
    width: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml50 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml50 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr50 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr50 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt50 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt50 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb50 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb50 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col49 {
    width: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col49 {
    width: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml49 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml49 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr49 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr49 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt49 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt49 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb49 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb49 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 49);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col48 {
    width: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col48 {
    width: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml48 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml48 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr48 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr48 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt48 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt48 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb48 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb48 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 48);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col47 {
    width: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col47 {
    width: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml47 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml47 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr47 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr47 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt47 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt47 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb47 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb47 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 47);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col46 {
    width: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col46 {
    width: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml46 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml46 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr46 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr46 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt46 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt46 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb46 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb46 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 46);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col45 {
    width: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col45 {
    width: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml45 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml45 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr45 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr45 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt45 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt45 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb45 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb45 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 45);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col44 {
    width: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col44 {
    width: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml44 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml44 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr44 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr44 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt44 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt44 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb44 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb44 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 44);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col43 {
    width: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col43 {
    width: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml43 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml43 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr43 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr43 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt43 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt43 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb43 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb43 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 43);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col42 {
    width: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col42 {
    width: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml42 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml42 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr42 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr42 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt42 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt42 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb42 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb42 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 42);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col41 {
    width: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col41 {
    width: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml41 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml41 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr41 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr41 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt41 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt41 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb41 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb41 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 41);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col40 {
    width: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col40 {
    width: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml40 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml40 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr40 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr40 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt40 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt40 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb40 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb40 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col39 {
    width: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col39 {
    width: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml39 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml39 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr39 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr39 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt39 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt39 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb39 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb39 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 39);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col38 {
    width: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col38 {
    width: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml38 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml38 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr38 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr38 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt38 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt38 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb38 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb38 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col37 {
    width: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col37 {
    width: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml37 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml37 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr37 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr37 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt37 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt37 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb37 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb37 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col36 {
    width: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col36 {
    width: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml36 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml36 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr36 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr36 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt36 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt36 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb36 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb36 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 36);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col35 {
    width: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col35 {
    width: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml35 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml35 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr35 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr35 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt35 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt35 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb35 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb35 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col34 {
    width: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col34 {
    width: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml34 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml34 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr34 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr34 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt34 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt34 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb34 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb34 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 34);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col33 {
    width: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col33 {
    width: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml33 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml33 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr33 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr33 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt33 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt33 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb33 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb33 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 33);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col32 {
    width: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col32 {
    width: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml32 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml32 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr32 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr32 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt32 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt32 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb32 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb32 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 32);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col31 {
    width: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col31 {
    width: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml31 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml31 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr31 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr31 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt31 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt31 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb31 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb31 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col30 {
    width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col30 {
    width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml30 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml30 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr30 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr30 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt30 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt30 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb30 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb30 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col29 {
    width: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col29 {
    width: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml29 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml29 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr29 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr29 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt29 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt29 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb29 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb29 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 29);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col28 {
    width: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col28 {
    width: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml28 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml28 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr28 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr28 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt28 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt28 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb28 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb28 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 28);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col27 {
    width: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col27 {
    width: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml27 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml27 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr27 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr27 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt27 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt27 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb27 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb27 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 27);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col26 {
    width: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col26 {
    width: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml26 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml26 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr26 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr26 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt26 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt26 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb26 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb26 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 26);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col25 {
    width: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col25 {
    width: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml25 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml25 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr25 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr25 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt25 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt25 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb25 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb25 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col24 {
    width: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col24 {
    width: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml24 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml24 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr24 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr24 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt24 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt24 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb24 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb24 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col23 {
    width: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col23 {
    width: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml23 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml23 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr23 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr23 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt23 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt23 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb23 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb23 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col22 {
    width: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col22 {
    width: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml22 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml22 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr22 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr22 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt22 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt22 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb22 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb22 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 22);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col21 {
    width: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col21 {
    width: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml21 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml21 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr21 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr21 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt21 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt21 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb21 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb21 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col20 {
    width: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col20 {
    width: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml20 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml20 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr20 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr20 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt20 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt20 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb20 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb20 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col19 {
    width: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col19 {
    width: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml19 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml19 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr19 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr19 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt19 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt19 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb19 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb19 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col18 {
    width: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col18 {
    width: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml18 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml18 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr18 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr18 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt18 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt18 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb18 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb18 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col17 {
    width: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col17 {
    width: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml17 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml17 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr17 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr17 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt17 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt17 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb17 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb17 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col16 {
    width: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col16 {
    width: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml16 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml16 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr16 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr16 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt16 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt16 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb16 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb16 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col15 {
    width: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col15 {
    width: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml15 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml15 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr15 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr15 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt15 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt15 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb15 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb15 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col14 {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col14 {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml14 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml14 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr14 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr14 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt14 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt14 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb14 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb14 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col13 {
    width: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col13 {
    width: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml13 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml13 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr13 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr13 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt13 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt13 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb13 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb13 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col12 {
    width: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col12 {
    width: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml12 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml12 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr12 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr12 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt12 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt12 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb12 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb12 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col11 {
    width: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col11 {
    width: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml11 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml11 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr11 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr11 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt11 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt11 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb11 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb11 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col10 {
    width: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col10 {
    width: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml10 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml10 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr10 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr10 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt10 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt10 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb10 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb10 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col9 {
    width: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col9 {
    width: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml9 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml9 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr9 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr9 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt9 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt9 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb9 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb9 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 9);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col8 {
    width: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col8 {
    width: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml8 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml8 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr8 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr8 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt8 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt8 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb8 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb8 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col7 {
    width: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col7 {
    width: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml7 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml7 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr7 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr7 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt7 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt7 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb7 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb7 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col6 {
    width: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col6 {
    width: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml6 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml6 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr6 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr6 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt6 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt6 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb6 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb6 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col5 {
    width: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col5 {
    width: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml5 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml5 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr5 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr5 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt5 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt5 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb5 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb5 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col4 {
    width: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col4 {
    width: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml4 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml4 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr4 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr4 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt4 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt4 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb4 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb4 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col3 {
    width: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col3 {
    width: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml3 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml3 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr3 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr3 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt3 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt3 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb3 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb3 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col2 {
    width: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col2 {
    width: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml2 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml2 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr2 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr2 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt2 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt2 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb2 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb2 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .col1 {
    width: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .col1 {
    width: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .ml1 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .ml1 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mr1 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mr1 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mt1 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mt1 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .mb1 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1601px) {
  .mb1 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (max-width: 767px) {
  .col60s {
    width: calc((100vw - 0vw * 2) / 60 * 60);
  }
  .ml60s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 60);
  }
  .mr60s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 60);
  }
  .mt60s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 60);
  }
  .mb60s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 60);
  }
  .col59s {
    width: calc((100vw - 0vw * 2) / 60 * 59);
  }
  .ml59s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 59);
  }
  .mr59s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 59);
  }
  .mt59s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 59);
  }
  .mb59s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 59);
  }
  .col58s {
    width: calc((100vw - 0vw * 2) / 60 * 58);
  }
  .ml58s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 58);
  }
  .mr58s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 58);
  }
  .mt58s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 58);
  }
  .mb58s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 58);
  }
  .col57s {
    width: calc((100vw - 0vw * 2) / 60 * 57);
  }
  .ml57s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 57);
  }
  .mr57s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 57);
  }
  .mt57s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 57);
  }
  .mb57s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 57);
  }
  .col56s {
    width: calc((100vw - 0vw * 2) / 60 * 56);
  }
  .ml56s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 56);
  }
  .mr56s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 56);
  }
  .mt56s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 56);
  }
  .mb56s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 56);
  }
  .col55s {
    width: calc((100vw - 0vw * 2) / 60 * 55);
  }
  .ml55s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 55);
  }
  .mr55s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 55);
  }
  .mt55s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 55);
  }
  .mb55s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 55);
  }
  .col54s {
    width: calc((100vw - 0vw * 2) / 60 * 54);
  }
  .ml54s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 54);
  }
  .mr54s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 54);
  }
  .mt54s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 54);
  }
  .mb54s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 54);
  }
  .col53s {
    width: calc((100vw - 0vw * 2) / 60 * 53);
  }
  .ml53s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 53);
  }
  .mr53s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 53);
  }
  .mt53s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 53);
  }
  .mb53s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 53);
  }
  .col52s {
    width: calc((100vw - 0vw * 2) / 60 * 52);
  }
  .ml52s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 52);
  }
  .mr52s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 52);
  }
  .mt52s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 52);
  }
  .mb52s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 52);
  }
  .col51s {
    width: calc((100vw - 0vw * 2) / 60 * 51);
  }
  .ml51s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 51);
  }
  .mr51s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 51);
  }
  .mt51s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 51);
  }
  .mb51s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 51);
  }
  .col50s {
    width: calc((100vw - 0vw * 2) / 60 * 50);
  }
  .ml50s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 50);
  }
  .mr50s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 50);
  }
  .mt50s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 50);
  }
  .mb50s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 50);
  }
  .col49s {
    width: calc((100vw - 0vw * 2) / 60 * 49);
  }
  .ml49s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 49);
  }
  .mr49s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 49);
  }
  .mt49s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 49);
  }
  .mb49s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 49);
  }
  .col48s {
    width: calc((100vw - 0vw * 2) / 60 * 48);
  }
  .ml48s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 48);
  }
  .mr48s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 48);
  }
  .mt48s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 48);
  }
  .mb48s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 48);
  }
  .col47s {
    width: calc((100vw - 0vw * 2) / 60 * 47);
  }
  .ml47s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 47);
  }
  .mr47s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 47);
  }
  .mt47s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 47);
  }
  .mb47s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 47);
  }
  .col46s {
    width: calc((100vw - 0vw * 2) / 60 * 46);
  }
  .ml46s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 46);
  }
  .mr46s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 46);
  }
  .mt46s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 46);
  }
  .mb46s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 46);
  }
  .col45s {
    width: calc((100vw - 0vw * 2) / 60 * 45);
  }
  .ml45s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 45);
  }
  .mr45s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 45);
  }
  .mt45s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 45);
  }
  .mb45s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 45);
  }
  .col44s {
    width: calc((100vw - 0vw * 2) / 60 * 44);
  }
  .ml44s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 44);
  }
  .mr44s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 44);
  }
  .mt44s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 44);
  }
  .mb44s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 44);
  }
  .col43s {
    width: calc((100vw - 0vw * 2) / 60 * 43);
  }
  .ml43s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 43);
  }
  .mr43s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 43);
  }
  .mt43s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 43);
  }
  .mb43s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 43);
  }
  .col42s {
    width: calc((100vw - 0vw * 2) / 60 * 42);
  }
  .ml42s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 42);
  }
  .mr42s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 42);
  }
  .mt42s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 42);
  }
  .mb42s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 42);
  }
  .col41s {
    width: calc((100vw - 0vw * 2) / 60 * 41);
  }
  .ml41s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 41);
  }
  .mr41s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 41);
  }
  .mt41s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 41);
  }
  .mb41s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 41);
  }
  .col40s {
    width: calc((100vw - 0vw * 2) / 60 * 40);
  }
  .ml40s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 40);
  }
  .mr40s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 40);
  }
  .mt40s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 40);
  }
  .mb40s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 40);
  }
  .col39s {
    width: calc((100vw - 0vw * 2) / 60 * 39);
  }
  .ml39s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 39);
  }
  .mr39s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 39);
  }
  .mt39s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 39);
  }
  .mb39s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 39);
  }
  .col38s {
    width: calc((100vw - 0vw * 2) / 60 * 38);
  }
  .ml38s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 38);
  }
  .mr38s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 38);
  }
  .mt38s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 38);
  }
  .mb38s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 38);
  }
  .col37s {
    width: calc((100vw - 0vw * 2) / 60 * 37);
  }
  .ml37s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 37);
  }
  .mr37s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 37);
  }
  .mt37s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 37);
  }
  .mb37s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 37);
  }
  .col36s {
    width: calc((100vw - 0vw * 2) / 60 * 36);
  }
  .ml36s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 36);
  }
  .mr36s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 36);
  }
  .mt36s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 36);
  }
  .mb36s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 36);
  }
  .col35s {
    width: calc((100vw - 0vw * 2) / 60 * 35);
  }
  .ml35s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 35);
  }
  .mr35s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 35);
  }
  .mt35s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 35);
  }
  .mb35s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 35);
  }
  .col34s {
    width: calc((100vw - 0vw * 2) / 60 * 34);
  }
  .ml34s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 34);
  }
  .mr34s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 34);
  }
  .mt34s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 34);
  }
  .mb34s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 34);
  }
  .col33s {
    width: calc((100vw - 0vw * 2) / 60 * 33);
  }
  .ml33s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 33);
  }
  .mr33s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 33);
  }
  .mt33s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 33);
  }
  .mb33s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 33);
  }
  .col32s {
    width: calc((100vw - 0vw * 2) / 60 * 32);
  }
  .ml32s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 32);
  }
  .mr32s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 32);
  }
  .mt32s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 32);
  }
  .mb32s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 32);
  }
  .col31s {
    width: calc((100vw - 0vw * 2) / 60 * 31);
  }
  .ml31s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 31);
  }
  .mr31s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 31);
  }
  .mt31s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 31);
  }
  .mb31s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 31);
  }
  .col30s {
    width: calc((100vw - 0vw * 2) / 60 * 30);
  }
  .ml30s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 30);
  }
  .mr30s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 30);
  }
  .mt30s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 30);
  }
  .mb30s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 30);
  }
  .col29s {
    width: calc((100vw - 0vw * 2) / 60 * 29);
  }
  .ml29s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 29);
  }
  .mr29s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 29);
  }
  .mt29s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 29);
  }
  .mb29s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 29);
  }
  .col28s {
    width: calc((100vw - 0vw * 2) / 60 * 28);
  }
  .ml28s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 28);
  }
  .mr28s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 28);
  }
  .mt28s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 28);
  }
  .mb28s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 28);
  }
  .col27s {
    width: calc((100vw - 0vw * 2) / 60 * 27);
  }
  .ml27s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 27);
  }
  .mr27s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 27);
  }
  .mt27s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 27);
  }
  .mb27s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 27);
  }
  .col26s {
    width: calc((100vw - 0vw * 2) / 60 * 26);
  }
  .ml26s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 26);
  }
  .mr26s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 26);
  }
  .mt26s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 26);
  }
  .mb26s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 26);
  }
  .col25s {
    width: calc((100vw - 0vw * 2) / 60 * 25);
  }
  .ml25s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 25);
  }
  .mr25s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 25);
  }
  .mt25s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 25);
  }
  .mb25s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 25);
  }
  .col24s {
    width: calc((100vw - 0vw * 2) / 60 * 24);
  }
  .ml24s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 24);
  }
  .mr24s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 24);
  }
  .mt24s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 24);
  }
  .mb24s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 24);
  }
  .col23s {
    width: calc((100vw - 0vw * 2) / 60 * 23);
  }
  .ml23s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 23);
  }
  .mr23s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 23);
  }
  .mt23s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 23);
  }
  .mb23s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 23);
  }
  .col22s {
    width: calc((100vw - 0vw * 2) / 60 * 22);
  }
  .ml22s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 22);
  }
  .mr22s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 22);
  }
  .mt22s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 22);
  }
  .mb22s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 22);
  }
  .col21s {
    width: calc((100vw - 0vw * 2) / 60 * 21);
  }
  .ml21s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 21);
  }
  .mr21s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 21);
  }
  .mt21s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 21);
  }
  .mb21s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 21);
  }
  .col20s {
    width: calc((100vw - 0vw * 2) / 60 * 20);
  }
  .ml20s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 20);
  }
  .mr20s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 20);
  }
  .mt20s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 20);
  }
  .mb20s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 20);
  }
  .col19s {
    width: calc((100vw - 0vw * 2) / 60 * 19);
  }
  .ml19s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 19);
  }
  .mr19s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 19);
  }
  .mt19s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 19);
  }
  .mb19s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 19);
  }
  .col18s {
    width: calc((100vw - 0vw * 2) / 60 * 18);
  }
  .ml18s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 18);
  }
  .mr18s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 18);
  }
  .mt18s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 18);
  }
  .mb18s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 18);
  }
  .col17s {
    width: calc((100vw - 0vw * 2) / 60 * 17);
  }
  .ml17s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 17);
  }
  .mr17s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 17);
  }
  .mt17s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 17);
  }
  .mb17s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 17);
  }
  .col16s {
    width: calc((100vw - 0vw * 2) / 60 * 16);
  }
  .ml16s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 16);
  }
  .mr16s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 16);
  }
  .mt16s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 16);
  }
  .mb16s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 16);
  }
  .col15s {
    width: calc((100vw - 0vw * 2) / 60 * 15);
  }
  .ml15s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 15);
  }
  .mr15s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 15);
  }
  .mt15s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 15);
  }
  .mb15s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 15);
  }
  .col14s {
    width: calc((100vw - 0vw * 2) / 60 * 14);
  }
  .ml14s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 14);
  }
  .mr14s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 14);
  }
  .mt14s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 14);
  }
  .mb14s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 14);
  }
  .col13s {
    width: calc((100vw - 0vw * 2) / 60 * 13);
  }
  .ml13s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 13);
  }
  .mr13s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 13);
  }
  .mt13s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 13);
  }
  .mb13s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 13);
  }
  .col12s {
    width: calc((100vw - 0vw * 2) / 60 * 12);
  }
  .ml12s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 12);
  }
  .mr12s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 12);
  }
  .mt12s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 12);
  }
  .mb12s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 12);
  }
  .col11s {
    width: calc((100vw - 0vw * 2) / 60 * 11);
  }
  .ml11s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 11);
  }
  .mr11s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 11);
  }
  .mt11s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 11);
  }
  .mb11s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 11);
  }
  .col10s {
    width: calc((100vw - 0vw * 2) / 60 * 10);
  }
  .ml10s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 10);
  }
  .mr10s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 10);
  }
  .mt10s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 10);
  }
  .mb10s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 10);
  }
  .col9s {
    width: calc((100vw - 0vw * 2) / 60 * 9);
  }
  .ml9s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 9);
  }
  .mr9s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 9);
  }
  .mt9s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 9);
  }
  .mb9s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 9);
  }
  .col8s {
    width: calc((100vw - 0vw * 2) / 60 * 8);
  }
  .ml8s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 8);
  }
  .mr8s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 8);
  }
  .mt8s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 8);
  }
  .mb8s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 8);
  }
  .col7s {
    width: calc((100vw - 0vw * 2) / 60 * 7);
  }
  .ml7s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 7);
  }
  .mr7s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 7);
  }
  .mt7s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 7);
  }
  .mb7s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 7);
  }
  .col6s {
    width: calc((100vw - 0vw * 2) / 60 * 6);
  }
  .ml6s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 6);
  }
  .mr6s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 6);
  }
  .mt6s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 6);
  }
  .mb6s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 6);
  }
  .col5s {
    width: calc((100vw - 0vw * 2) / 60 * 5);
  }
  .ml5s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 5);
  }
  .mr5s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 5);
  }
  .mt5s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 5);
  }
  .mb5s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 5);
  }
  .col4s {
    width: calc((100vw - 0vw * 2) / 60 * 4);
  }
  .ml4s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 4);
  }
  .mr4s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 4);
  }
  .mt4s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 4);
  }
  .mb4s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 4);
  }
  .col3s {
    width: calc((100vw - 0vw * 2) / 60 * 3);
  }
  .ml3s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 3);
  }
  .mr3s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 3);
  }
  .mt3s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 3);
  }
  .mb3s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 3);
  }
  .col2s {
    width: calc((100vw - 0vw * 2) / 60 * 2);
  }
  .ml2s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 2);
  }
  .mr2s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 2);
  }
  .mt2s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 2);
  }
  .mb2s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 2);
  }
  .col1s {
    width: calc((100vw - 0vw * 2) / 60 * 1);
  }
  .ml1s {
    margin-left: calc((100vw - 0vw * 2) / 60 * 1);
  }
  .mr1s {
    margin-right: calc((100vw - 0vw * 2) / 60 * 1);
  }
  .mt1s {
    margin-top: calc((100vw - 0vw * 2) / 60 * 1);
  }
  .mb1s {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 1);
  }
}
.pace-running #pace-wapper {
  opacity: 0;
}

.pace-done #pace-wapper {
  -webkit-transition: all 0.5s linear 0.5s;
  transition: all 0.5s linear 0.5s;
  opacity: 1;
}
.pace-done .pace {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0;
}
.pace-done .pace-activity {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pace .pace-progress {
  background: #edc10a;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
  border-radius: 0 3px 3px 0;
}

#goziami .pace .pace-progress {
  background: #cc003a;
}

@media screen and (max-width: 767px) {
  .pace .pace-progress {
    height: 3px;
  }
}
.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  -webkit-box-shadow: 0 0 10px #edc10a, 0 0 5px #edc10a;
          box-shadow: 0 0 10px #edc10a, 0 0 5px #edc10a;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

#goziami .pace .pace-progress-inner {
  -webkit-box-shadow: 0 0 10px #cc003a, 0 0 5px #cc003a;
          box-shadow: 0 0 10px #cc003a, 0 0 5px #cc003a;
}

@media screen and (max-width: 767px) {
  .pace .pace-progress-inner {
    width: 20px;
  }
}
.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  left: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #edc10a;
  border-left-color: #edc10a;
  border-radius: 10px;
  -webkit-animation: pace-spinner 800ms linear infinite;
          animation: pace-spinner 800ms linear infinite;
}

#goziami .pace .pace-activity {
  border-top-color: #cc003a;
  border-left-color: #cc003a;
}

@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*------------------------------------------------------------------------------------ common */

.flex {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wf-loading {
  visibility: hidden;
}

.wf-active {
  visibility: visible;
}

.lazyload, .lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

img.img-full {
  max-width: 100%;
  width: 100%;
  height: auto;
}

img.img-ofi {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  font-family: "object-fit: cover;";
}

.sp-tel-linktext a {
  text-decoration: underline;
}

.btn-inner {
  display: inline-block;
  position: relative;
  color: #1a1400;
  top: 0;
  padding-bottom: 16px;
}
.btn-inner span {
  color: #1a1400;
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  position: relative;
  z-index: 11;
}
@media screen and (min-width: 768px) {
  .btn-inner span {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 1601px) {
  .btn-inner span {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) {
  .btn-inner span {
    height: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 1601px) {
  .btn-inner span {
    height: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
.btn-inner:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10;
  border-radius: 78px 66px 100px 50px/50px 50px 50px 50px;
  display: block;
  background: #fff;
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}
@media screen and (min-width: 768px) {
  .btn-inner:before {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 1601px) {
  .btn-inner:before {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) {
  .btn-inner:before {
    height: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 1601px) {
  .btn-inner:before {
    height: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
.btn-inner:after {
  -webkit-transition-property: top;
  transition-property: top;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  content: "";
  top: 16px;
  left: 0;
  position: absolute;
  z-index: 9;
  border-radius: 78px 66px 100px 50px/50px 50px 50px 50px;
  display: block;
  background: #edc10a;
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}
@media screen and (min-width: 768px) {
  .btn-inner:after {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 1601px) {
  .btn-inner:after {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) {
  .btn-inner:after {
    height: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 1601px) {
  .btn-inner:after {
    height: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
.btn-inner:hover {
  opacity: 1 !important;
  top: 16px;
}
.btn-inner:hover:after {
  top: 0;
}

@media screen and (max-width: 767px) {
  .btn-inner span {
    width: calc((100vw - 0vw * 2) / 60 * 21);
    height: calc((100vw - 0vw * 2) / 60 * 20);
    font-size: 13px;
    font-size: 1.3rem;
  }
  .btn-inner:before {
    width: calc((100vw - 0vw * 2) / 60 * 21);
    height: calc((100vw - 0vw * 2) / 60 * 20);
  }
  .btn-inner:after {
    width: calc((100vw - 0vw * 2) / 60 * 21);
    height: calc((100vw - 0vw * 2) / 60 * 20);
  }
}
.ttl {
  line-height: 1;
  font-size: 180px;
  font-size: 18rem;
}
.ttl span {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}
.ttl strong {
  display: inline-block;
}
.ttl strong:first-letter {
  color: #edc10a;
}

@media screen and (max-width: 767px) {
  .ttl {
    font-size: 80px;
    font-size: 8rem;
    letter-spacing: -0.05em;
  }
  .ttl span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: -0.08em;
  }
}
@media screen and (min-width: 768px) {
  #news, #concept, #menu, #photo, #recruit, #access {
    padding-top: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #news, #concept, #menu, #photo, #recruit, #access {
    padding-top: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) {
  #news, #concept, #menu, #photo, #recruit, #access {
    margin-top: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #news, #concept, #menu, #photo, #recruit, #access {
    margin-top: calc((100vw - 0vw * 2) / 120 * 10);
  }
}

@media screen and (max-width: 767px) {
  #news, #concept, #menu, #photo, #recruit, #access {
    padding-top: calc((100vw - 0vw * 2) / 60 * 10);
    margin-top: calc((100vw - 0vw * 2) / 60 * 15);
  }
}
@media screen and (max-width: 767px) {
  .wrap {
    margin-left: 0vw;
    margin-right: 0vw;
  }
}
@media screen and (min-width: 768px) {
  .wrap {
    margin-left: 0vw;
    margin-right: 0vw;
  }
}
@media screen and (min-width: 1601px) {
  .wrap {
    width: calc(100% - 0vw * 2);
    margin-left: auto;
    margin-right: auto;
  }
}

#pace-wapper {
  overflow: hidden;
}

/*------------------------------------------------------------------------------------ HEADER */
#goziami-btn {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #goziami-btn {
    top: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  #goziami-btn {
    top: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 768px) {
  #goziami-btn {
    left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #goziami-btn {
    left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}

@media screen and (max-width: 767px) {
  #goziami-btn {
    width: calc((100vw - 0vw * 2) / 60 * 20);
    top: calc((100vw - 0vw * 2) / 60 * -1);
    left: calc((100vw - 0vw * 2) / 60 * 3);
  }
}
#mochi-btn {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #mochi-btn {
    top: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  #mochi-btn {
    top: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 768px) {
  #mochi-btn {
    left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #mochi-btn {
    left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}

@media screen and (max-width: 767px) {
  #mochi-btn {
    width: calc((100vw - 0vw * 2) / 60 * 20);
    top: calc((100vw - 0vw * 2) / 60 * -1);
    left: calc((100vw - 0vw * 2) / 60 * 3);
  }
}
#men1 {
  position: absolute;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  #men1 {
    top: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 1601px) {
  #men1 {
    top: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 768px) {
  #men1 {
    right: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 1601px) {
  #men1 {
    right: calc((100vw - 0vw * 2) / 120 * 18);
  }
}

@media screen and (max-width: 767px) {
  #men1 {
    width: calc((100vw - 0vw * 2) / 60 * 12);
    top: calc((100vw - 0vw * 2) / 60 * 24);
    right: calc((100vw - 0vw * 2) / 60 * 3);
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
#men2 {
  position: absolute;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  #men2 {
    top: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 1601px) {
  #men2 {
    top: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 768px) {
  #men2 {
    left: calc((100vw - 0vw * 2) / 120 * 5.5);
  }
}
@media screen and (min-width: 1601px) {
  #men2 {
    left: calc((100vw - 0vw * 2) / 120 * 5.5);
  }
}

@media screen and (max-width: 767px) {
  #men2 {
    width: calc((100vw - 0vw * 2) / 60 * 21);
    top: calc((100vw - 0vw * 2) / 60 * 21);
    left: calc((100vw - 0vw * 2) / 60 * -8);
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
    z-index: -1;
  }
}
#women1 {
  position: absolute;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  #women1 {
    top: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 1601px) {
  #women1 {
    top: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 768px) {
  #women1 {
    left: calc((100vw - 0vw * 2) / 120 * 35);
  }
}
@media screen and (min-width: 1601px) {
  #women1 {
    left: calc((100vw - 0vw * 2) / 120 * 35);
  }
}

@media screen and (max-width: 767px) {
  #women1 {
    width: calc((100vw - 0vw * 2) / 60 * 11);
    top: calc((100vw - 0vw * 2) / 60 * 78);
    left: calc((100vw - 0vw * 2) / 60 * 25);
  }
}
#kozou {
  z-index: 10001;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #kozou {
    top: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 1601px) {
  #kozou {
    top: calc((100vw - 0vw * 2) / 120 * 78);
  }
}
@media screen and (min-width: 768px) {
  #kozou {
    right: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 1601px) {
  #kozou {
    right: calc((100vw - 0vw * 2) / 120 * 18);
  }
}

@media screen and (max-width: 767px) {
  #kozou {
    width: calc((100vw - 0vw * 2) / 60 * 16);
    top: calc((100vw - 0vw * 2) / 60 * 77);
    right: calc((100vw - 0vw * 2) / 60 * 3);
  }
}
#yakan {
  z-index: 10001;
  position: absolute;
  -webkit-transform: rotate(13deg);
          transform: rotate(13deg);
}
@media screen and (min-width: 768px) {
  #yakan {
    top: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 1601px) {
  #yakan {
    top: calc((100vw - 0vw * 2) / 120 * 31);
  }
}
@media screen and (min-width: 768px) {
  #yakan {
    left: calc((100vw - 0vw * 2) / 120 * 17);
  }
}
@media screen and (min-width: 1601px) {
  #yakan {
    left: calc((100vw - 0vw * 2) / 120 * 17);
  }
}

@media screen and (max-width: 767px) {
  #yakan {
    display: none;
  }
}
#mineyama {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #mineyama {
    top: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 1601px) {
  #mineyama {
    top: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 768px) {
  #mineyama {
    left: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #mineyama {
    left: calc((100vw - 0vw * 2) / 120 * 8);
  }
}

@media screen and (max-width: 767px) {
  #mineyama {
    display: none;
    z-index: 0;
    width: calc((100vw - 0vw * 2) / 60 * 12);
    top: calc((100vw - 0vw * 2) / 60 * 10);
    right: calc((100vw - 0vw * 2) / 60 * 2);
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
}
#staff {
  z-index: 0;
  position: absolute;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
@media screen and (min-width: 768px) {
  #staff {
    top: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 1601px) {
  #staff {
    top: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) {
  #staff {
    left: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 1601px) {
  #staff {
    left: calc((100vw - 0vw * 2) / 120 * 25);
  }
}

@media screen and (max-width: 767px) {
  #staff {
    width: calc((100vw - 0vw * 2) / 60 * 24);
    top: calc((100vw - 0vw * 2) / 60 * 18);
    left: calc((100vw - 0vw * 2) / 60 * -4);
  }
}
#lunch {
  position: absolute;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}
@media screen and (min-width: 768px) {
  #lunch {
    top: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 1601px) {
  #lunch {
    top: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) {
  #lunch {
    right: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 1601px) {
  #lunch {
    right: calc((100vw - 0vw * 2) / 120 * 16);
  }
}

@media screen and (max-width: 767px) {
  #lunch {
    width: calc((100vw - 0vw * 2) / 60 * 19);
    top: calc((100vw - 0vw * 2) / 60 * 17);
    right: calc((100vw - 0vw * 2) / 60 * 0.5);
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
#chimney {
  position: absolute;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media screen and (min-width: 768px) {
  #chimney {
    top: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 1601px) {
  #chimney {
    top: calc((100vw - 0vw * 2) / 120 * 21);
  }
}
@media screen and (min-width: 768px) {
  #chimney {
    left: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 1601px) {
  #chimney {
    left: calc((100vw - 0vw * 2) / 120 * 20);
  }
}

@media screen and (max-width: 767px) {
  #chimney {
    display: none;
    z-index: 0;
    width: calc((100vw - 0vw * 2) / 60 * 4);
    top: calc((100vw - 0vw * 2) / 60 * 15);
    left: calc((100vw - 0vw * 2) / 60 * 3);
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
#animal {
  z-index: 10001;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #animal {
    top: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 1601px) {
  #animal {
    top: calc((100vw - 0vw * 2) / 120 * 74);
  }
}
@media screen and (min-width: 768px) {
  #animal {
    right: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 1601px) {
  #animal {
    right: calc((100vw - 0vw * 2) / 120 * 23);
  }
}

@media screen and (max-width: 767px) {
  #animal {
    width: calc((100vw - 0vw * 2) / 60 * 17);
    top: calc((100vw - 0vw * 2) / 60 * 73);
    right: calc((100vw - 0vw * 2) / 60 * 4);
  }
}
#gozi {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #gozi {
    top: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 1601px) {
  #gozi {
    top: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) {
  #gozi {
    left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 1601px) {
  #gozi {
    left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}

@media screen and (max-width: 767px) {
  #gozi {
    display: none;
  }
}
#omiya {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #omiya {
    top: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 1601px) {
  #omiya {
    top: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) {
  #omiya {
    left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #omiya {
    left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}

@media screen and (max-width: 767px) {
  #omiya {
    display: none;
    width: calc((100vw - 0vw * 2) / 60 * 19);
    top: calc((100vw - 0vw * 2) / 60 * 8);
    right: calc((100vw - 0vw * 2) / 60 * -5);
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg);
  }
}
#mochi-logo-wrap {
  margin: 0 auto;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 768px) {
  #mochi-logo-wrap {
    width: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 1601px) {
  #mochi-logo-wrap {
    width: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 768px) {
  #mochi-logo-wrap {
    padding-top: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 1601px) {
  #mochi-logo-wrap {
    padding-top: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
#mochi-logo-wrap #logo {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #mochi-logo-wrap #logo {
    width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 1601px) {
  #mochi-logo-wrap #logo {
    width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
#mochi-logo-wrap #logo span {
  font-size: 14px;
  font-size: 1.4rem;
}
#mochi-logo-wrap p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  #mochi-logo-wrap p {
    width: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 1601px) {
  #mochi-logo-wrap p {
    width: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) {
  #mochi-logo-wrap p {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * -0.8);
  }
}
@media screen and (min-width: 1601px) {
  #mochi-logo-wrap p {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * -0.8);
  }
}
#mochi-logo-wrap p strong {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 0.65;
  font-size: 120px;
  font-size: 12rem;
  letter-spacing: -0.08em;
}
#mochi-logo-wrap p strong span {
  letter-spacing: normal;
  font-size: 60px;
  font-size: 6rem;
}
@media screen and (min-width: 768px) {
  #mochi-logo-wrap p strong span {
    margin-left: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 1601px) {
  #mochi-logo-wrap p strong span {
    margin-left: calc((100vw - 0vw * 2) / 120 * 1);
  }
}

@media screen and (max-width: 767px) {
  #mochi-logo-wrap {
    display: block;
    position: static;
    padding-top: calc((100vw - 0vw * 2) / 60 * 17);
  }
  #mochi-logo-wrap #logo {
    width: calc((100vw - 0vw * 2) / 60 * 31);
    margin: 0 auto;
  }
  #mochi-logo-wrap #logo span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #mochi-logo-wrap #logo span.sp span {
    padding: calc((100vw - 0vw * 2) / 60 * 0.3) calc((100vw - 0vw * 2) / 60 * 2) calc((100vw - 0vw * 2) / 60 * 0) calc((100vw - 0vw * 2) / 60 * 2);
    border-radius: 16px;
    display: inline-block;
    background: #fff;
    color: #1a1400;
  }
  #mochi-logo-wrap p {
    position: absolute;
    top: calc((100vw - 0vw * 2) / 60 * 2);
    right: calc((100vw - 0vw * 2) / 60 * 19);
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;
  }
  #mochi-logo-wrap p strong {
    right: calc((100vw - 0vw * 2) / 60 * -16);
    bottom: calc((100vw - 0vw * 2) / 60 * 0.5);
    font-size: 60px;
    font-size: 6rem;
  }
  #mochi-logo-wrap p strong span {
    margin-left: calc((100vw - 0vw * 2) / 60 * 1);
    font-size: 30px;
    font-size: 3rem;
  }
}
#goziami-logo-wrap {
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  #goziami-logo-wrap {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 1601px) {
  #goziami-logo-wrap {
    width: calc((100vw - 0vw * 2) / 120 * 14);
  }
}
@media screen and (min-width: 768px) {
  #goziami-logo-wrap {
    padding-top: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 1601px) {
  #goziami-logo-wrap {
    padding-top: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
#goziami-logo-wrap p {
  -webkit-transform: rotate(6deg);
          transform: rotate(6deg);
  position: absolute;
  font-size: 16px;
  font-size: 1.6rem;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  #goziami-logo-wrap p {
    top: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 1601px) {
  #goziami-logo-wrap p {
    top: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) {
  #goziami-logo-wrap p {
    right: calc((100vw - 0vw * 2) / 120 * -10);
  }
}
@media screen and (min-width: 1601px) {
  #goziami-logo-wrap p {
    right: calc((100vw - 0vw * 2) / 120 * -10);
  }
}

@media screen and (max-width: 767px) {
  #goziami-logo-wrap {
    position: static;
    padding-top: calc((100vw - 0vw * 2) / 60 * 16);
  }
  #goziami-logo-wrap #logo {
    margin: 0 auto;
    width: calc((100vw - 0vw * 2) / 60 * 15);
  }
  #goziami-logo-wrap p {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 1);
    text-align: center;
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
            writing-mode: horizontal-tb;
    top: calc((100vw - 0vw * 2) / 60 * 1.5);
    right: calc((100vw - 0vw * 2) / 60 * 2);
    -webkit-transform: rotate(0);
            transform: rotate(0);
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right;
  }
  #goziami-logo-wrap p span.sp span {
    padding: calc((100vw - 0vw * 2) / 60 * 0.3) calc((100vw - 0vw * 2) / 60 * 2) calc((100vw - 0vw * 2) / 60 * 0) calc((100vw - 0vw * 2) / 60 * 2);
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 0.5);
    border-radius: 16px;
    display: inline-block;
    background: #500000;
    color: #fff;
  }
}
.nav {
  z-index: 10000;
  position: absolute;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .nav {
    top: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  .nav {
    top: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
.nav li {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .nav li {
    margin: calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 1) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 1601px) {
  .nav li {
    margin: calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 1) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 1);
  }
}
.nav li a {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
}
.nav li a span {
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
  display: block;
}

#topic-onlineshop {
  border-bottom: 1px solid rgba(230, 230, 230, 0.3);
  position: relative;
  z-index: 100000;
  background: #1a1400;
}
#topic-onlineshop a {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  display: block;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #topic-onlineshop a {
    padding: calc((100vw - 0vw * 2) / 120 * 0.6) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 0.6) calc((100vw - 0vw * 2) / 120 * 0);
  }
}
@media screen and (min-width: 1601px) {
  #topic-onlineshop a {
    padding: calc((100vw - 0vw * 2) / 120 * 0.6) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 0.6) calc((100vw - 0vw * 2) / 120 * 0);
  }
}

@media screen and (max-width: 767px) {
  #topic-onlineshop a {
    padding: calc((100vw - 0vw * 2) / 60 * 1) calc((100vw - 0vw * 2) / 60 * 0) calc((100vw - 0vw * 2) / 60 * 1) calc((100vw - 0vw * 2) / 60 * 0);
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#goziami #topic-onlineshop {
  border-bottom: 1px solid rgba(80, 0, 0, 0.3);
  background: #fff;
}

header {
  position: relative;
  top: 0;
}

@media screen and (max-width: 767px) {
  header .nav {
    display: none;
  }
}
#nav-yakan {
  z-index: 10000;
  position: fixed;
  margin: 0 auto;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (min-width: 768px) {
  #nav-yakan {
    bottom: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan {
    bottom: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan {
    left: calc((100vw - 0vw * 2) / 120 * -12);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan {
    left: calc((100vw - 0vw * 2) / 120 * -12);
  }
}
#nav-yakan:after {
  pointer-events: none;
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  #nav-yakan:after {
    bottom: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan:after {
    bottom: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan:after {
    left: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan:after {
    left: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan:after {
    width: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan:after {
    width: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan:after {
    height: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan:after {
    height: calc((100vw - 0vw * 2) / 120 * 52);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan.active {
    left: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan.active {
    left: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
#nav-yakan.active > a {
  opacity: 1 !important;
}
#nav-yakan.hover:after {
  pointer-events: auto;
}
#nav-yakan.hover > a {
  opacity: 1 !important;
}
#nav-yakan.hover > a img {
  opacity: 0;
  -webkit-transform: translateY(-15px) translateX(10px) rotate(-12deg);
          transform: translateY(-15px) translateX(10px) rotate(-12deg);
}
#nav-yakan.hover > a #ho img {
  opacity: 1;
}
#nav-yakan a {
  position: relative;
  display: block;
}
#nav-yakan a img {
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: relative;
  z-index: 10001;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#nav-yakan a #ho {
  position: absolute;
  top: 0;
  left: 0;
}
#nav-yakan a #ho img {
  opacity: 0;
}
#nav-yakan ul {
  position: relative;
  top: auto;
  left: 0;
  -webkit-transform: none;
          transform: none;
}
#nav-yakan li {
  position: absolute;
  z-index: 10002;
  text-align: center;
  margin: 0 !important;
}
#nav-yakan li a {
  z-index: 10002 !important;
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #nav-yakan li a {
    text-shadow: 0 0 8px rgba(26, 20, 0, 0.3);
  }
}
#nav-yakan li a span {
  white-space: nowrap;
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
  display: block;
}
#nav-yakan li:nth-child(1), #nav-yakan li:nth-child(2), #nav-yakan li:nth-child(3), #nav-yakan li:nth-child(4), #nav-yakan li:nth-child(5), #nav-yakan li:nth-child(6) {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: center;
          transform-origin: center;
}
#nav-yakan li#g0, #nav-yakan li#g1, #nav-yakan li#g2, #nav-yakan li#g3, #nav-yakan li#g4, #nav-yakan li#g5, #nav-yakan li#g6 {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g0 {
    top: calc((100vw - 0vw * 2) / 120 * -4.5);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g0 {
    top: calc((100vw - 0vw * 2) / 120 * -4.5);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g0 {
    left: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g0 {
    left: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
#nav-yakan li#g1 {
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g1 {
    top: calc((100vw - 0vw * 2) / 120 * -49);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g1 {
    top: calc((100vw - 0vw * 2) / 120 * -49);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g1 {
    left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g1 {
    left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
#nav-yakan li#g2 {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g2 {
    top: calc((100vw - 0vw * 2) / 120 * -44);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g2 {
    top: calc((100vw - 0vw * 2) / 120 * -44);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g2 {
    left: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g2 {
    left: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
#nav-yakan li#g3 {
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g3 {
    top: calc((100vw - 0vw * 2) / 120 * -39);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g3 {
    top: calc((100vw - 0vw * 2) / 120 * -39);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g3 {
    left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g3 {
    left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
#nav-yakan li#g4 {
  -webkit-transform: rotate(6deg);
          transform: rotate(6deg);
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g4 {
    top: calc((100vw - 0vw * 2) / 120 * -34);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g4 {
    top: calc((100vw - 0vw * 2) / 120 * -34);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g4 {
    left: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g4 {
    left: calc((100vw - 0vw * 2) / 120 * 13);
  }
}
#nav-yakan li#g5 {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g5 {
    top: calc((100vw - 0vw * 2) / 120 * -29);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g5 {
    top: calc((100vw - 0vw * 2) / 120 * -29);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g5 {
    left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g5 {
    left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
#nav-yakan li#g6 {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g6 {
    top: calc((100vw - 0vw * 2) / 120 * -24);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g6 {
    top: calc((100vw - 0vw * 2) / 120 * -24);
  }
}
@media screen and (min-width: 768px) {
  #nav-yakan li#g6 {
    left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 1601px) {
  #nav-yakan li#g6 {
    left: calc((100vw - 0vw * 2) / 120 * 11);
  }
}

@media screen and (max-width: 767px) {
  #nav-yakan {
    z-index: 10000;
    position: fixed;
    margin: 0 auto;
    bottom: calc((100vw - 0vw * 2) / 60 * 10);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    left: calc((100vw - 0vw * 2) / 60 * -16);
  }
  #nav-yakan:after {
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    pointer-events: none;
    content: "";
    position: fixed;
    background: none;
    top: calc((100vw - 0vw * 2) / 60 * 0);
    right: calc((100vw - 0vw * 2) / 60 * 0);
    bottom: calc((100vw - 0vw * 2) / 60 * 0);
    left: calc((100vw - 0vw * 2) / 60 * 0);
  }
  #nav-yakan.active {
    left: calc((100vw - 0vw * 2) / 60 * 3);
  }
  #nav-yakan.hover:after {
    pointer-events: auto;
    background: rgba(26, 20, 0, 0.7);
  }
  #nav-yakan.hover > a {
    opacity: 1 !important;
  }
  #nav-yakan.hover > a img {
    -webkit-transform: translateY(-15px) translateX(10px) rotate(-16deg) scale(0.8);
            transform: translateY(-15px) translateX(10px) rotate(-16deg) scale(0.8);
  }
  #nav-yakan img {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    position: relative;
    z-index: 10001;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  #nav-yakan ul {
    position: relative;
    top: auto;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  #nav-yakan li {
    position: absolute;
    text-align: center;
    margin: 0 !important;
  }
  #nav-yakan li a {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
  }
  #nav-yakan li a span {
    white-space: nowrap;
    line-height: 1;
    font-size: 10px;
    font-size: 1rem;
    display: block;
  }
  #nav-yakan li:nth-child(1), #nav-yakan li:nth-child(2), #nav-yakan li:nth-child(3), #nav-yakan li:nth-child(4), #nav-yakan li:nth-child(5), #nav-yakan li:nth-child(6) {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  #nav-yakan li#g0, #nav-yakan li#g1, #nav-yakan li#g2, #nav-yakan li#g3, #nav-yakan li#g4, #nav-yakan li#g5, #nav-yakan li#g6 {
    opacity: 0;
    pointer-events: none;
  }
  #nav-yakan li#g0 {
    top: calc((100vw - 0vw * 2) / 60 * -4.5);
    left: calc((100vw - 0vw * 2) / 60 * 3);
  }
  #nav-yakan li#g1 {
    top: calc((100vw - 0vw * 2) / 60 * -86);
    left: calc((100vw - 0vw * 2) / 60 * 11);
  }
  #nav-yakan li#g2 {
    top: calc((100vw - 0vw * 2) / 60 * -76);
    left: calc((100vw - 0vw * 2) / 60 * 8);
  }
  #nav-yakan li#g3 {
    top: calc((100vw - 0vw * 2) / 60 * -66);
    left: calc((100vw - 0vw * 2) / 60 * 11);
  }
  #nav-yakan li#g4 {
    top: calc((100vw - 0vw * 2) / 60 * -56);
    left: calc((100vw - 0vw * 2) / 60 * 13);
  }
  #nav-yakan li#g5 {
    top: calc((100vw - 0vw * 2) / 60 * -46);
    left: calc((100vw - 0vw * 2) / 60 * 11);
  }
  #nav-yakan li#g6 {
    top: calc((100vw - 0vw * 2) / 60 * -36);
    left: calc((100vw - 0vw * 2) / 60 * 11);
  }
}
#side-copy {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-duration: 3s;
          transition-duration: 3s;
  position: fixed;
}
@media screen and (min-width: 768px) {
  #side-copy {
    top: calc((100vw - 0vw * 2) / 120 * 0);
  }
}
@media screen and (min-width: 1601px) {
  #side-copy {
    top: calc((100vw - 0vw * 2) / 120 * 0);
  }
}
@media screen and (min-width: 768px) {
  #side-copy {
    right: calc((100vw - 0vw * 2) / 120 * 0);
  }
}
@media screen and (min-width: 1601px) {
  #side-copy {
    right: calc((100vw - 0vw * 2) / 120 * 0);
  }
}
#side-copy #side-copy-inner {
  display: block;
  background-repeat: repeat-y;
  background-position: right top;
}
#side-copy.hide {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  #side-copy {
    position: static;
    background: #1a1400;
    margin-top: calc((100vw - 0vw * 2) / 60 * 15);
  }
  #side-copy #side-copy-inner {
    background-repeat: repeat-x;
    background-position: left center;
  }
}
#main-slider-wrap {
  position: relative;
  z-index: 1;
}

#main-slider {
  position: relative;
  z-index: 1000;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #main-slider {
    width: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider {
    width: calc((100vw - 0vw * 2) / 120 * 90);
  }
}
@media screen and (min-width: 768px) {
  #main-slider {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
#main-slider #main-slider-waku {
  pointer-events: none;
  z-index: 1001;
  position: absolute;
  -webkit-transform: scale(1.003);
          transform: scale(1.003);
}
#main-slider #main-slider-mask {
  mask-image: url("../../common/img/mochi/main_mask.svg");
  -webkit-mask-image: url("../../common/img/mochi/main_mask.svg");
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* High-resolution Mochi Sushi logo replacements. */
.restaurant-logo {
  object-fit: contain;
  object-position: center;
  image-rendering: auto;
  filter: saturate(1.06) contrast(1.05);
}

#access .access-info img.restaurant-logo--access {
  width: 150px;
  height: 139px;
  margin: 0 0 12px;
  filter: saturate(1.05) contrast(1.04) drop-shadow(0 3px 4px rgba(42, 34, 22, .12));
}

#nav-yakan a img.restaurant-logo--nav,
#nav-yakan #ho img.restaurant-logo--nav {
  width: 136px;
  height: 175px;
  filter: saturate(1.08) contrast(1.06) drop-shadow(0 4px 6px rgba(0, 0, 0, .38));
}

.slider {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
}
.slider.slick-initialized {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  opacity: 1;
}
.slider li:nth-child(n+1) img {
  height: 0;
}
.slider.slick-initialized li img {
  height: auto;
}

@media screen and (max-width: 767px) {
  #main-slider {
    width: calc((100vw - 0vw * 2) / 60 * 80);
    margin: calc((100vw - 0vw * 2) / 60 * 3) calc((100vw - 0vw * 2) / 60 * -10) calc((100vw - 0vw * 2) / 60 * 10) calc((100vw - 0vw * 2) / 60 * -10);
  }
  #main-slider #main-slider-waku {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#main-slider-number {
  z-index: 10002;
  position: absolute;
  background: url("https://assets.joinoko.com/client-sites/mochi-mochi/6e77ea26dec13f8fab015c73.webp") no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #main-slider-number {
    bottom: calc((100vw - 0vw * 2) / 120 * -2);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number {
    bottom: calc((100vw - 0vw * 2) / 120 * -2);
  }
}
@media screen and (min-width: 768px) {
  #main-slider-number {
    left: calc((100vw - 0vw * 2) / 120 * -4);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number {
    left: calc((100vw - 0vw * 2) / 120 * -4);
  }
}
@media screen and (min-width: 768px) {
  #main-slider-number {
    width: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number {
    width: calc((100vw - 0vw * 2) / 120 * 23);
  }
}
@media screen and (min-width: 768px) {
  #main-slider-number {
    height: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number {
    height: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
#main-slider-number:after {
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  display: block;
  content: "";
  width: 64px;
  height: 2px;
  background-color: #1a1400;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #main-slider-number:after {
    top: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number:after {
    top: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) {
  #main-slider-number:after {
    left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number:after {
    left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
#main-slider-number #slide-now {
  line-height: 1;
  position: absolute;
  color: #1a1400 !important;
  font-size: 120px;
  font-size: 12rem;
}
@media screen and (min-width: 768px) {
  #main-slider-number #slide-now {
    top: calc((100vw - 0vw * 2) / 120 * 3.5);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number #slide-now {
    top: calc((100vw - 0vw * 2) / 120 * 3.5);
  }
}
@media screen and (min-width: 768px) {
  #main-slider-number #slide-now {
    right: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number #slide-now {
    right: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
#main-slider-number #slide-total {
  line-height: 1;
  position: absolute;
  color: #1a1400 !important;
  font-size: 60px;
  font-size: 6rem;
}
@media screen and (min-width: 768px) {
  #main-slider-number #slide-total {
    top: calc((100vw - 0vw * 2) / 120 * 9.5);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number #slide-total {
    top: calc((100vw - 0vw * 2) / 120 * 9.5);
  }
}
@media screen and (min-width: 768px) {
  #main-slider-number #slide-total {
    left: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 1601px) {
  #main-slider-number #slide-total {
    left: calc((100vw - 0vw * 2) / 120 * 15);
  }
}

@media screen and (max-width: 767px) {
  #main-slider-number {
    bottom: calc((100vw - 0vw * 2) / 60 * -5);
    left: calc((100vw - 0vw * 2) / 60 * 12);
    width: calc((100vw - 0vw * 2) / 60 * 20);
    height: calc((100vw - 0vw * 2) / 60 * 15);
  }
  #main-slider-number:after {
    width: 32px;
    height: 1px;
    background-color: #1a1400;
    top: calc((100vw - 0vw * 2) / 60 * 8);
    right: calc((100vw - 0vw * 2) / 60 * 7.5);
  }
  #main-slider-number #slide-now {
    top: calc((100vw - 0vw * 2) / 60 * 4);
    right: calc((100vw - 0vw * 2) / 60 * 12);
    color: #1a1400 !important;
    font-size: 40px;
    font-size: 4rem;
  }
  #main-slider-number #slide-total {
    top: calc((100vw - 0vw * 2) / 60 * 8);
    left: calc((100vw - 0vw * 2) / 60 * 13);
    color: #1a1400 !important;
    font-size: 20px;
    font-size: 2rem;
  }
}
/*------------------------------------------------------------------------------------ INFO */
#info {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #info {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #info {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
#info h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
}
#info h2 span {
  display: none;
}
#info h2:after {
  margin: 0 auto;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  #info h2:after {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #info h2:after {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) {
  #info h2:after {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #info h2:after {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) {
  #info h2:after {
    width: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  #info h2:after {
    width: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
#info p {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
}
@media screen and (min-width: 768px) {
  #info img {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #info img {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) {
  #info img {
    width: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 1601px) {
  #info img {
    width: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) {
  #info img {
    margin-left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 1601px) {
  #info img {
    margin-left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
#info .btn {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  #info .btn {
    top: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 1601px) {
  #info .btn {
    top: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 768px) {
  #info .btn {
    left: calc((100vw - 0vw * 2) / 120 * -6);
  }
}
@media screen and (min-width: 1601px) {
  #info .btn {
    left: calc((100vw - 0vw * 2) / 120 * -6);
  }
}
#info .btn span {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  #info .btn span {
    padding-top: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #info .btn span {
    padding-top: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) {
  #info .btn span {
    padding-right: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 1601px) {
  #info .btn span {
    padding-right: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
#info .btn span small {
  font-size: 12px;
  font-size: 1.2rem;
}
#info .btn span:before {
  line-height: 1;
  position: absolute;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  right: 0;
  font-size: 120px;
  font-size: 12rem;
  z-index: 20;
  content: "?";
  didpslay: inline-block;
  color: #edc10a;
}
@media screen and (min-width: 768px) {
  #info .btn span:before {
    top: calc((100vw - 0vw * 2) / 120 * -3);
  }
}
@media screen and (min-width: 1601px) {
  #info .btn span:before {
    top: calc((100vw - 0vw * 2) / 120 * -3);
  }
}
#info .btn span:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 46px;
  height: 60px;
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/69c529bf37fb46528c0bba0c.webp) no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #info .btn span:after {
    bottom: calc((100vw - 0vw * 2) / 120 * 1.5);
  }
}
@media screen and (min-width: 1601px) {
  #info .btn span:after {
    bottom: calc((100vw - 0vw * 2) / 120 * 1.5);
  }
}
@media screen and (min-width: 768px) {
  #info .btn span:after {
    right: calc((100vw - 0vw * 2) / 120 * 1.5);
  }
}
@media screen and (min-width: 1601px) {
  #info .btn span:after {
    right: calc((100vw - 0vw * 2) / 120 * 1.5);
  }
}

@media screen and (max-width: 767px) {
  #info {
    margin-top: calc((100vw - 0vw * 2) / 60 * 10);
    text-align: center;
    position: relative;
  }
  #info h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
  }
  #info h2:after {
    margin-top: calc((100vw - 0vw * 2) / 60 * 3);
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 2);
    width: calc((100vw - 0vw * 2) / 60 * 4);
  }
  #info img {
    margin-top: calc((100vw - 0vw * 2) / 60 * 2);
    width: calc((100vw - 0vw * 2) / 60 * 28);
  }
  #info .btn {
    display: inline-block;
    position: absolute;
    top: calc((100vw - 0vw * 2) / 60 * 50);
    right: calc((100vw - 0vw * 2) / 60 * 6);
  }
  #info .btn span {
    padding-top: calc((100vw - 0vw * 2) / 60 * 5);
    padding-right: calc((100vw - 0vw * 2) / 60 * 1);
    line-height: 1.5;
  }
  #info .btn span small {
    font-size: 10px;
    font-size: 1rem;
  }
  #info .btn span:before {
    top: calc((100vw - 0vw * 2) / 60 * -3);
    font-size: 70px;
    font-size: 7rem;
  }
  #info .btn span:after {
    bottom: calc((100vw - 0vw * 2) / 60 * 3);
    right: calc((100vw - 0vw * 2) / 60 * 2);
    width: 31px;
    height: 40px;
  }
}
/*------------------------------------------------------------------------------------ NEWS */
#news {
  position: relative;
}
@media screen and (min-width: 768px) {
  #news {
    margin-left: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 1601px) {
  #news {
    margin-left: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 768px) {
  #news {
    width: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
@media screen and (min-width: 1601px) {
  #news {
    width: calc((100vw - 0vw * 2) / 120 * 80);
  }
}
#news .news-list {
  position: relative;
}
@media screen and (min-width: 768px) {
  #news .news-list {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list {
    left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list {
    left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list {
    width: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list {
    width: calc((100vw - 0vw * 2) / 120 * 40);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list {
    min-height: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list {
    min-height: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list:nth-child(2n) {
    width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list:nth-child(2n) {
    width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list:nth-child(2n) {
    margin-left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list:nth-child(2n) {
    margin-left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
#news .news-list a {
  display: block;
}
#news .news-list img {
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  #news .news-list img {
    left: calc((100vw - 0vw * 2) / 120 * -10);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list img {
    left: calc((100vw - 0vw * 2) / 120 * -10);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list img {
    width: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list img {
    width: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list img {
    height: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list img {
    height: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list p {
    padding-left: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list p {
    padding-left: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) {
  #news .news-list p {
    width: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list p {
    width: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
#news .news-list p.date {
  letter-spacing: 0.05em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  color: #edc10a;
}
#news .news-list p.text {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #news .news-list p.text {
    padding-top: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 1601px) {
  #news .news-list p.text {
    padding-top: calc((100vw - 0vw * 2) / 120 * 1);
  }
}

@media screen and (max-width: 767px) {
  #news {
    margin-top: calc((100vw - 0vw * 2) / 60 * 25);
    margin-left: calc((100vw - 0vw * 2) / 60 * 5);
    width: calc((100vw - 0vw * 2) / 60 * 55);
  }
  #news .news-list {
    margin-top: calc((100vw - 0vw * 2) / 60 * 8);
    left: calc((100vw - 0vw * 2) / 60 * 20);
    min-height: calc((100vw - 0vw * 2) / 60 * 20);
  }
  #news .news-list img {
    left: calc((100vw - 0vw * 2) / 60 * -20);
    width: calc((100vw - 0vw * 2) / 60 * 20);
    height: calc((100vw - 0vw * 2) / 60 * 20);
  }
  #news .news-list p {
    padding-left: calc((100vw - 0vw * 2) / 60 * 2);
    width: calc((100vw - 0vw * 2) / 60 * 30);
  }
  #news .news-list p.date {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
  }
  #news .news-list p.text {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: calc((100vw - 0vw * 2) / 60 * 1);
    -webkit-line-clamp: 4;
  }
}
#news .sns-box {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #news .sns-box {
    top: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 1601px) {
  #news .sns-box {
    top: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 768px) {
  #news .sns-box {
    right: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 1601px) {
  #news .sns-box {
    right: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
#news .sns-box .fb {
  z-index: 21;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #news .sns-box .fb {
    top: calc((100vw - 0vw * 2) / 120 * 6.5);
  }
}
@media screen and (min-width: 1601px) {
  #news .sns-box .fb {
    top: calc((100vw - 0vw * 2) / 120 * 6.5);
  }
}
@media screen and (min-width: 768px) {
  #news .sns-box .fb {
    right: calc((100vw - 0vw * 2) / 120 * 4.5);
  }
}
@media screen and (min-width: 1601px) {
  #news .sns-box .fb {
    right: calc((100vw - 0vw * 2) / 120 * 4.5);
  }
}
#news .sns-box .fb a {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  height: 50px;
  width: 50px;
  display: block;
}
#news .sns-box .ig {
  z-index: 20;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #news .sns-box .ig {
    top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #news .sns-box .ig {
    top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) {
  #news .sns-box .ig {
    right: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #news .sns-box .ig {
    right: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
#news .sns-box .ig a {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  height: 50px;
  width: 50px;
  display: block;
}
#news .sns-box:before {
  display: block;
  content: "";
  position: absolute;
  background: url(../../common/img/mochi/sns.webp) no-repeat;
  background-size: cover;
  width: 115px;
  height: 133px;
}

@media screen and (max-width: 767px) {
  #news .sns-box {
    position: absolute;
    top: calc((100vw - 0vw * 2) / 60 * 8);
    right: calc((100vw - 0vw * 2) / 60 * 11);
  }
  #news .sns-box .fb {
    z-index: 21;
    position: absolute;
    top: calc((100vw - 0vw * 2) / 60 * 8);
    right: calc((100vw - 0vw * 2) / 60 * 3.5);
  }
  #news .sns-box .fb a {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    height: 50px;
    width: 50px;
    display: block;
  }
  #news .sns-box .ig {
    z-index: 20;
    position: absolute;
    top: calc((100vw - 0vw * 2) / 60 * 0);
    right: calc((100vw - 0vw * 2) / 60 * 1);
  }
  #news .sns-box .ig a {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    height: 50px;
    width: 50px;
    display: block;
  }
  #news .sns-box:before {
    display: block;
    content: "";
    position: absolute;
    background: url(../../common/img/mochi/sns.webp) no-repeat;
    background-size: cover;
    width: 80px;
    height: 93px;
  }
}
/*------------------------------------------------------------------------------------ CONCEPT */
.concept-1 #concept-slider {
  position: relative;
}
@media screen and (min-width: 768px) {
  .concept-1 #concept-slider {
    margin-left: calc((100vw - 0vw * 2) / 120 * -5);
  }
}
@media screen and (min-width: 1601px) {
  .concept-1 #concept-slider {
    margin-left: calc((100vw - 0vw * 2) / 120 * -5);
  }
}
@media screen and (min-width: 768px) {
  .concept-1 #concept-slider {
    width: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
@media screen and (min-width: 1601px) {
  .concept-1 #concept-slider {
    width: calc((100vw - 0vw * 2) / 120 * 50);
  }
}
.concept-1 #concept-slider ul li {
  padding: 0 2px;
}
.concept-1 #concept-slider ul li img {
  width: 100%;
  aspect-ratio: 570 / 920;
  object-fit: cover;
  object-position: 50% 50%;
}
.concept-1 #concept-slider ul li:nth-child(1) img {
  object-position: 50% 56%;
}
.concept-1 #concept-slider ul li:nth-child(2) img {
  object-position: 50% 52%;
}
.concept-1 #concept-slider ul li:nth-child(3) img {
  object-position: 50% 47%;
}
.concept-1 #concept-slider-waku {
  z-index: 30;
  position: absolute;
  top: 0;
  left: 0;
}
.concept-1 #concept-slider-mask {
  mask-image: url("../../common/img/mochi/concept_mask.svg");
  -webkit-mask-image: url("../../common/img/mochi/concept_mask.svg");
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.concept-1 .concept-text {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .concept-1 .concept-text {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .concept-1 .concept-text {
    margin-top: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  .concept-1 .concept-text {
    margin-top: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
.concept-1 .concept-text h3 {
  letter-spacing: 0.1em;
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  font-size: 90px;
  font-size: 9rem;
}
@media screen and (min-width: 768px) {
  .concept-1 .concept-text h3 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  .concept-1 .concept-text h3 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
.concept-1 .concept-text h3 [data-ruby] {
  position: relative;
}
.concept-1 .concept-text h3 [data-ruby]::before {
  content: attr(data-ruby);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 10px;
}
.concept-1 .concept-text h3 strong {
  color: #edc10a;
}
.concept-1 .concept-text h3 strong#c-g {
  color: #65cc5a;
}
.concept-1 .concept-text h3 small {
  font-size: 32px;
  font-size: 3.2rem;
}
.concept-1 .concept-text p {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  text-align: center;
  line-height: 2.5;
}
@media screen and (min-width: 768px) {
  .concept-1 .concept-text p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  .concept-1 .concept-text p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}

@media screen and (max-width: 767px) {
  #concept {
    text-align: center;
  }
  #concept .ttl {
    display: inline-block;
  }
  #concept .ttl span {
    text-align: left;
  }
  .concept-1 {
    display: block;
  }
  .concept-1 #concept-slider {
    z-index: 0;
    position: relative;
    margin: calc((100vw - 0vw * 2) / 60 * 32) calc((100vw - 0vw * 2) / 60 * 0) calc((100vw - 0vw * 2) / 60 * 13) calc((100vw - 0vw * 2) / 60 * 8);
    width: calc((100vw - 0vw * 2) / 60 * 44);
  }
  .concept-1 #concept-slider ul li {
    padding: 0 1px;
  }
  .concept-1 #concept-slider ul li img {
    width: 100%;
  }
  .concept-1 #concept-slider-waku {
    z-index: 30;
    position: absolute;
    top: 0;
    left: 0;
  }
  .concept-1 #concept-slider-mask {
    mask-image: url("../../common/img/mochi/concept_mask.svg");
    -webkit-mask-image: url("../../common/img/mochi/concept_mask.svg");
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
  }
  .concept-1 .concept-text {
    margin-left: auto;
    margin-right: auto;
  }
  .concept-1 .concept-text h2 {
    text-align: center;
  }
  .concept-1 .concept-text h3 {
    text-align: center;
    letter-spacing: 0.1em;
    margin-top: calc((100vw - 0vw * 2) / 60 * 4);
    font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
    font-size: 48px;
    font-size: 4.8rem;
  }
  .concept-1 .concept-text h3 [data-ruby] {
    position: relative;
  }
  .concept-1 .concept-text h3 [data-ruby]::before {
    content: attr(data-ruby);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 4px;
  }
  .concept-1 .concept-text h3 strong {
    color: #edc10a;
  }
  .concept-1 .concept-text h3 strong#c-g {
    color: #65cc5a;
  }
  .concept-1 .concept-text h3 small {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .concept-1 .concept-text p {
    margin-top: calc((100vw - 0vw * 2) / 60 * 2);
    text-align: center;
    line-height: 2;
  }
}
.concept-2 #concept-img {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (min-width: 768px) {
  .concept-2 #concept-img {
    margin-right: calc((100vw - 0vw * 2) / 120 * -5);
  }
}
@media screen and (min-width: 1601px) {
  .concept-2 #concept-img {
    margin-right: calc((100vw - 0vw * 2) / 120 * -5);
  }
}
@media screen and (min-width: 768px) {
  .concept-2 #concept-img {
    width: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
@media screen and (min-width: 1601px) {
  .concept-2 #concept-img {
    width: calc((100vw - 0vw * 2) / 120 * 60);
  }
}
.concept-2 #concept-img p {
  display: inline-block;
}
.concept-2 #concept-img span {
  display: block;
}
.concept-2 #concept-img img {
  object-fit: cover;
  box-sizing: border-box;
  border: clamp(3px, .35vw, 7px) solid #fff;
}
.concept-2 #concept-img img:nth-child(1) {
  object-position: 50% 52%;
  border-radius: 34% 43% 32% 39% / 38% 31% 42% 29%;
}
.concept-2 #concept-img img:nth-child(2) {
  object-position: 52% 58%;
  border-radius: 38% 29% 41% 32% / 31% 40% 29% 39%;
}
.concept-2 #concept-img img:nth-child(3) {
  object-position: 50% 54%;
  border-radius: 31% 42% 28% 39% / 40% 29% 38% 32%;
}
.concept-2 #concept-img img:nth-child(4) {
  object-position: 50% 53%;
  border-radius: 41% 30% 37% 28% / 32% 39% 30% 41%;
}
@media screen and (min-width: 768px) {
  .concept-2 #concept-img img:nth-child(1) {
    margin: calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 2) calc((100vw - 0vw * 2) / 120 * 3) calc((100vw - 0vw * 2) / 120 * 0);
  }
}
@media screen and (min-width: 1601px) {
  .concept-2 #concept-img img:nth-child(1) {
    margin: calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 2) calc((100vw - 0vw * 2) / 120 * 3) calc((100vw - 0vw * 2) / 120 * 0);
  }
}
.concept-2 #concept-img img:nth-child(4) {
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .concept-2 #concept-img img:nth-child(4) {
    margin: calc((100vw - 0vw * 2) / 120 * 1) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  .concept-2 #concept-img img:nth-child(4) {
    margin: calc((100vw - 0vw * 2) / 120 * 1) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) and (max-width: 1365px) {
  .concept-2 #concept-img img {
    zoom: 90%;
  }
}
.concept-2 .concept-text {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: 0;
  order: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .concept-2 .concept-text {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  .concept-2 .concept-text {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
.concept-2 .concept-text h3 {
  line-height: 1.5;
  text-align: center;
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  font-size: 60px;
  font-size: 6rem;
}
@media screen and (min-width: 768px) {
  .concept-2 .concept-text h3 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  .concept-2 .concept-text h3 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
.concept-2 .concept-text h3 span {
  font-size: 32px;
  font-size: 3.2rem;
}
.concept-2 .concept-text p {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  text-align: center;
  line-height: 2.5;
}
@media screen and (min-width: 768px) {
  .concept-2 .concept-text p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  .concept-2 .concept-text p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}

@media screen and (max-width: 767px) {
  .concept-2 {
    margin-top: calc((100vw - 0vw * 2) / 60 * -105);
    display: block;
    position: relative;
  }
  .concept-2 #concept-img img {
    position: absolute;
  }
  .concept-2 #concept-img img:nth-child(1) {
    width: calc((100vw - 0vw * 2) / 60 * 20);
    top: calc((100vw - 0vw * 2) / 60 * 22);
    left: calc((100vw - 0vw * 2) / 60 * -4);
  }
  .concept-2 #concept-img img:nth-child(2) {
    width: calc((100vw - 0vw * 2) / 60 * 45);
    top: calc((100vw - 0vw * 2) / 60 * 0);
    right: calc((100vw - 0vw * 2) / 60 * -5);
  }
  .concept-2 #concept-img img:nth-child(3) {
    width: calc((100vw - 0vw * 2) / 60 * 36);
    top: calc((100vw - 0vw * 2) / 60 * 77);
    left: calc((100vw - 0vw * 2) / 60 * -4);
  }
  .concept-2 #concept-img img:nth-child(4) {
    width: calc((100vw - 0vw * 2) / 60 * 27);
    top: calc((100vw - 0vw * 2) / 60 * 69);
    right: calc((100vw - 0vw * 2) / 60 * -5);
  }
  .concept-2 .concept-text {
    padding-top: calc((100vw - 0vw * 2) / 60 * 105);
    margin-left: auto;
    margin-right: auto;
  }
  .concept-2 .concept-text h3 {
    line-height: 1.5;
    text-align: center;
    margin-top: calc((100vw - 0vw * 2) / 60 * 4);
    font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
    font-size: 38px;
    font-size: 3.8rem;
  }
  .concept-2 .concept-text p {
    margin-top: calc((100vw - 0vw * 2) / 60 * 4);
    text-align: center;
    line-height: 2;
  }
}
.star {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .star {
    margin-top: calc((100vw - 0vw * 2) / 120 * -94);
  }
}
@media screen and (min-width: 1601px) {
  .star {
    margin-top: calc((100vw - 0vw * 2) / 120 * -94);
  }
}
@media screen and (min-width: 768px) {
  .star {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * -85);
  }
}
@media screen and (min-width: 1601px) {
  .star {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * -85);
  }
}
@media screen and (min-width: 768px) {
  .star #star-svg {
    width: calc((100vw - 0vw * 2) / 120 * 140);
  }
}
@media screen and (min-width: 1601px) {
  .star #star-svg {
    width: calc((100vw - 0vw * 2) / 120 * 140);
  }
}
@media screen and (min-width: 768px) {
  .star #star-svg {
    margin-left: calc((100vw - 0vw * 2) / 120 * -10);
  }
}
@media screen and (min-width: 1601px) {
  .star #star-svg {
    margin-left: calc((100vw - 0vw * 2) / 120 * -10);
  }
}
.star .st0 {
  opacity: 0;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #edc10a;
}
.star.hide #s1 {
  -webkit-animation: hide-star 1s ease-out 0.1s forwards;
          animation: hide-star 1s ease-out 0.1s forwards;
}
.star.hide #s2 {
  -webkit-animation: hide-star 1s ease-out 0.2s forwards;
          animation: hide-star 1s ease-out 0.2s forwards;
}
.star.hide #s3 {
  -webkit-animation: hide-star 1s ease-out 0.3s forwards;
          animation: hide-star 1s ease-out 0.3s forwards;
}
.star.hide #s4 {
  -webkit-animation: hide-star 1s ease-out 0.4s forwards;
          animation: hide-star 1s ease-out 0.4s forwards;
}
.star.hide #s5 {
  -webkit-animation: hide-star 1s ease-out 0.5s forwards;
          animation: hide-star 1s ease-out 0.5s forwards;
}
.star.hide #s6 {
  -webkit-animation: hide-star 1s ease-out 0.6s forwards;
          animation: hide-star 1s ease-out 0.6s forwards;
}
.star.hide #s7 {
  -webkit-animation: hide-star 1s ease-out 0.7s forwards;
          animation: hide-star 1s ease-out 0.7s forwards;
}
.star.hide #s8 {
  -webkit-animation: hide-star 1s ease-out 0.8s forwards;
          animation: hide-star 1s ease-out 0.8s forwards;
}
.star.hide #s9 {
  -webkit-animation: hide-star 1s ease-out 0.9s forwards;
          animation: hide-star 1s ease-out 0.9s forwards;
}
.star.hide #s10 {
  -webkit-animation: hide-star 1s ease-out 1s forwards;
          animation: hide-star 1s ease-out 1s forwards;
}
.star.show #s1 {
  -webkit-animation: show-star 1s ease-out 0.1s forwards;
          animation: show-star 1s ease-out 0.1s forwards;
}
.star.show #s2 {
  -webkit-animation: show-star 1s ease-out 0.2s forwards;
          animation: show-star 1s ease-out 0.2s forwards;
}
.star.show #s3 {
  -webkit-animation: show-star 1s ease-out 0.3s forwards;
          animation: show-star 1s ease-out 0.3s forwards;
}
.star.show #s4 {
  -webkit-animation: show-star 1s ease-out 0.4s forwards;
          animation: show-star 1s ease-out 0.4s forwards;
}
.star.show #s5 {
  -webkit-animation: show-star 1s ease-out 0.5s forwards;
          animation: show-star 1s ease-out 0.5s forwards;
}
.star.show #s6 {
  -webkit-animation: show-star 1s ease-out 0.6s forwards;
          animation: show-star 1s ease-out 0.6s forwards;
}
.star.show #s7 {
  -webkit-animation: show-star 1s ease-out 0.7s forwards;
          animation: show-star 1s ease-out 0.7s forwards;
}
.star.show #s8 {
  -webkit-animation: show-star 1s ease-out 0.8s forwards;
          animation: show-star 1s ease-out 0.8s forwards;
}
.star.show #s9 {
  -webkit-animation: show-star 1s ease-out 0.9s forwards;
          animation: show-star 1s ease-out 0.9s forwards;
}
.star.show #s10 {
  -webkit-animation: show-star 1s ease-out 1s forwards;
          animation: show-star 1s ease-out 1s forwards;
}
@-webkit-keyframes hide-star {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@keyframes hide-star {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@-webkit-keyframes show-star {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  100% {
    opacity: 1;
  }
}
@keyframes show-star {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .star {
    margin-top: calc((100vw - 0vw * 2) / 60 * -46);
    margin-bottom: calc((100vw - 0vw * 2) / 60 * -50);
  }
  .star #star-svg {
    width: calc((100vw - 0vw * 2) / 60 * 80);
    margin-left: calc((100vw - 0vw * 2) / 60 * -10);
  }
}
/*------------------------------------------------------------------------------------ MENU */
#menu {
  text-align: center;
}
#menu .ttl {
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #menu .ttl {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #menu .ttl {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
#menu .draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
#menu .draggable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#menu #menu-more {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
}
#menu #menu-more a {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 32px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #menu #menu-more a {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-more a {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-more a {
    padding: calc((100vw - 0vw * 2) / 120 * 0.1) calc((100vw - 0vw * 2) / 120 * 3) calc((100vw - 0vw * 2) / 120 * 0.2) calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-more a {
    padding: calc((100vw - 0vw * 2) / 120 * 0.1) calc((100vw - 0vw * 2) / 120 * 3) calc((100vw - 0vw * 2) / 120 * 0.2) calc((100vw - 0vw * 2) / 120 * 3);
  }
}
#menu #menu-slider {
  position: relative;
}
@media screen and (min-width: 768px) {
  #menu #menu-slider {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
#menu #menu-slider #menu-nav {
  position: absolute;
  z-index: 60;
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/48297942f9e2360f0c5e3a81.webp) no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  #menu #menu-slider #menu-nav {
    top: calc((100vw - 0vw * 2) / 120 * -9);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider #menu-nav {
    top: calc((100vw - 0vw * 2) / 120 * -9);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider #menu-nav {
    right: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider #menu-nav {
    right: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider #menu-nav {
    height: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider #menu-nav {
    height: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider #menu-nav {
    width: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider #menu-nav {
    width: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
#menu #menu-slider .slick-prev, #menu #menu-slider .slick-next {
  position: absolute;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
  font-size: 10px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  #menu #menu-slider .slick-prev, #menu #menu-slider .slick-next {
    height: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider .slick-prev, #menu #menu-slider .slick-next {
    height: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider .slick-prev, #menu #menu-slider .slick-next {
    width: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider .slick-prev, #menu #menu-slider .slick-next {
    width: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider .slick-prev, #menu #menu-slider .slick-next {
    padding: calc((100vw - 0vw * 2) / 120 * 1.3) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider .slick-prev, #menu #menu-slider .slick-next {
    padding: calc((100vw - 0vw * 2) / 120 * 1.3) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 1);
  }
}
#menu #menu-slider .slick-prev.show, #menu #menu-slider .slick-next.show {
  opacity: 1;
}
#menu #menu-slider .slick-prev span, #menu #menu-slider .slick-next span {
  display: block;
}
#menu #menu-slider .slick-prev {
  z-index: 61;
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/b8d510c8e15d5a8ee8cd4d2c.webp) no-repeat;
  background-size: contain;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  text-align: right;
}
@media screen and (min-width: 768px) {
  #menu #menu-slider .slick-prev {
    top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider .slick-prev {
    top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider .slick-prev {
    right: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider .slick-prev {
    right: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
#menu #menu-slider .slick-prev span {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#menu #menu-slider .slick-next {
  z-index: 62;
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/b8d510c8e15d5a8ee8cd4d2c.webp) no-repeat;
  background-size: contain;
  text-align: left;
}
@media screen and (min-width: 768px) {
  #menu #menu-slider .slick-next {
    top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider .slick-next {
    top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider .slick-next {
    right: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider .slick-next {
    right: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 768px) {
  #menu #menu-slider ul li {
    margin: calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 3) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider ul li {
    margin: calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 3) calc((100vw - 0vw * 2) / 120 * 0) calc((100vw - 0vw * 2) / 120 * 3);
  }
}
#menu #menu-slider ul li div {
  position: relative;
}
#menu #menu-slider .menu-card-photo {
  width: 100%;
  aspect-ratio: 650 / 600;
  object-fit: cover;
  object-position: 50% 50%;
}
#menu #menu-slider ul li .menu-card-copy {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 180px;
  bottom: 0;
  left: 0;
  text-align: left;
  padding: 54px 24px 20px;
  box-sizing: border-box;
  color: #fff;
}
#menu #menu-slider ul li .menu-card-copy:after {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (min-width: 768px) {
  #menu #menu-slider ul li span:after {
    height: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider ul li span:after {
    height: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
#menu #menu-slider ul li .menu-card-copy h3 {
  position: relative;
  z-index: 1;
  font-size: clamp(20px, 1.7vw, 30px);
  line-height: 1.2;
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}
@media screen and (min-width: 768px) {
  #menu #menu-slider ul li h3 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider ul li h3 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
#menu #menu-slider ul li .menu-card-copy p {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: clamp(13px, .95vw, 16px);
  line-height: 1.45;
}
#menu #menu-slider ul li .menu-card-copy p > span {
  position: static;
  display: block;
  width: auto;
  padding: 0;
  font-family: inherit;
  text-align: left;
  overflow-wrap: anywhere;
}
@media screen and (min-width: 768px) {
  #menu #menu-slider ul li p {
    max-width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 1601px) {
  #menu #menu-slider ul li p {
    max-width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
#menu #menu-slider ul li .menu-card-copy em {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 0;
  padding: 4px 10px;
  border: 0;
  border-radius: 999px;
  background: #edc10a;
  color: #1a1400;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  #menu .ttl {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 2);
  }
  #menu #menu-more {
    margin-left: calc((100vw - 0vw * 2) / 60 * 4);
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #menu #menu-more a {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: calc((100vw - 0vw * 2) / 60 * 1);
    padding: calc((100vw - 0vw * 2) / 60 * 0.1) calc((100vw - 0vw * 2) / 60 * 2) calc((100vw - 0vw * 2) / 60 * 0.2) calc((100vw - 0vw * 2) / 60 * 2);
  }
  #menu #menu-slider {
    margin-top: calc((100vw - 0vw * 2) / 60 * 3);
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 3);
  }
  #menu #menu-slider #menu-nav {
    bottom: calc((100vw - 0vw * 2) / 60 * -16);
    right: calc((100vw - 0vw * 2) / 60 * 3);
    height: calc((100vw - 0vw * 2) / 60 * 15);
    width: calc((100vw - 0vw * 2) / 60 * 10);
  }
  #menu #menu-slider .slick-prev, #menu #menu-slider .slick-next {
    height: calc((100vw - 0vw * 2) / 60 * 4);
    width: calc((100vw - 0vw * 2) / 60 * 5);
    padding: calc((100vw - 0vw * 2) / 60 * 0.6) calc((100vw - 0vw * 2) / 60 * 0) calc((100vw - 0vw * 2) / 60 * 0) calc((100vw - 0vw * 2) / 60 * 0);
  }
  #menu #menu-slider .slick-prev {
    top: calc((100vw - 0vw * 2) / 60 * 8);
    right: calc((100vw - 0vw * 2) / 60 * 6);
  }
  #menu #menu-slider .slick-prev span {
    -webkit-transform: scale(-0.6, 0.6);
            transform: scale(-0.6, 0.6);
  }
  #menu #menu-slider .slick-next {
    top: calc((100vw - 0vw * 2) / 60 * 8);
    right: calc((100vw - 0vw * 2) / 60 * -1);
  }
  #menu #menu-slider .slick-next span {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
  }
  #menu #menu-slider ul li {
    width: calc((100vw - 0vw * 2) / 60 * 48);
    margin: calc((100vw - 0vw * 2) / 60 * 0) calc((100vw - 0vw * 2) / 60 * 1) calc((100vw - 0vw * 2) / 60 * 0) calc((100vw - 0vw * 2) / 60 * 1);
  }
  #menu #menu-slider ul li .menu-card-copy {
    bottom: -1px;
    left: 0;
    min-height: 150px;
    padding: 42px 14px 14px;
  }
  #menu #menu-slider ul li span:after {
    height: calc((100vw - 0vw * 2) / 60 * 15);
  }
  #menu #menu-slider ul li .menu-card-copy h3 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 1);
  }
  #menu #menu-slider ul li .menu-card-copy p {
    font-size: 11px;
    font-size: 1.1rem;
    max-width: none;
  }
  #menu #menu-slider ul li .menu-card-copy em {
    min-height: 26px;
    padding: 3px 9px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/*------------------------------------------------------------------------------------ BUY */
#buy {
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/4b92f7f9d2290f0544630cd5.webp) no-repeat;
  background-size: 84%;
  background-position: top center;
}
@media screen and (min-width: 768px) {
  #buy {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #buy {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
#buy #buy-inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  #buy #buy-inner {
    padding-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #buy #buy-inner {
    padding-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) {
  #buy #buy-inner {
    margin-left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #buy #buy-inner {
    margin-left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) {
  #buy #buy-inner {
    margin-right: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #buy #buy-inner {
    margin-right: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
#buy .ttl {
  position: absolute;
  color: #1a1400;
}
@media screen and (min-width: 768px) {
  #buy .ttl {
    top: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 1601px) {
  #buy .ttl {
    top: calc((100vw - 0vw * 2) / 120 * 11);
  }
}
@media screen and (min-width: 768px) {
  #buy .ttl {
    left: calc((100vw - 0vw * 2) / 120 * -2);
  }
}
@media screen and (min-width: 1601px) {
  #buy .ttl {
    left: calc((100vw - 0vw * 2) / 120 * -2);
  }
}
#buy .ttl span {
  text-align: right;
  line-height: 2;
  color: #1a1400;
}
#buy .ttl span.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  #buy {
    text-align: center;
    margin-top: calc((100vw - 0vw * 2) / 60 * 8);
    background-size: 220%;
  }
  #buy #buy-inner {
    padding-top: calc((100vw - 0vw * 2) / 60 * 8);
  }
  #buy .ttl {
    display: inline-block;
    position: static;
  }
  #buy .ttl span {
    text-align: center;
    line-height: 2;
  }
  #buy .ttl span.sp {
    display: block;
  }
}
#buy .buy-1, #buy .buy-2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  #buy .buy-1, #buy .buy-2 {
    width: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1, #buy .buy-2 {
    width: calc((100vw - 0vw * 2) / 120 * 58);
  }
}
@media screen and (min-width: 768px) {
  #buy .buy-1 .buy-text, #buy .buy-2 .buy-text {
    padding-left: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1 .buy-text, #buy .buy-2 .buy-text {
    padding-left: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 768px) {
  #buy .buy-1 .buy-text, #buy .buy-2 .buy-text {
    width: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1 .buy-text, #buy .buy-2 .buy-text {
    width: calc((100vw - 0vw * 2) / 120 * 20);
  }
}
#buy .buy-1 h3, #buy .buy-2 h3 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #1a1400;
  line-height: 1.5;
}
#buy .buy-1 p, #buy .buy-2 p {
  opacity: 0.7;
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1400;
}
@media screen and (min-width: 768px) {
  #buy .buy-1 p, #buy .buy-2 p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1 p, #buy .buy-2 p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
#buy .buy-1 .btn, #buy .buy-2 .btn {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  position: absolute;
}
@media screen and (min-width: 768px) {
  #buy .buy-1 .btn, #buy .buy-2 .btn {
    bottom: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1 .btn, #buy .buy-2 .btn {
    bottom: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 768px) {
  #buy .buy-1 .btn, #buy .buy-2 .btn {
    right: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1 .btn, #buy .buy-2 .btn {
    right: calc((100vw - 0vw * 2) / 120 * 18);
  }
}
#buy .buy-1 .btn span, #buy .buy-2 .btn span {
  text-align: center;
  font-size: 48px;
  font-size: 4.8rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #buy .buy-1 .btn span, #buy .buy-2 .btn span {
    padding-top: calc((100vw - 0vw * 2) / 120 * 2.5);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1 .btn span, #buy .buy-2 .btn span {
    padding-top: calc((100vw - 0vw * 2) / 120 * 2.5);
  }
}
#buy .buy-1 .btn .btn-inner:before, #buy .buy-2 .btn .btn-inner:before {
  background-color: #edc10a;
}
#buy .buy-1 .btn .btn-inner:after, #buy .buy-2 .btn .btn-inner:after {
  background-color: #e6e6e6;
}
#buy .buy-1 img, #buy .buy-2 img {
  height: auto;
}

/* Service illustrations supplied by Mochi Sushi: shared crop and warm matte grade. */
#buy .buy-1 img.service-visual, #buy .buy-2 img.service-visual {
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  background: #e9e3d2;
  filter: saturate(.82) sepia(.08) brightness(1.03) contrast(.96);
  box-shadow: 0 10px 0 rgba(26, 20, 0, .08);
}
#buy img.service-visual--takeaway {
  object-position: 50% 51%;
  border-radius: 44% 56% 47% 53% / 52% 43% 57% 48%;
}
#buy img.service-visual--delivery {
  object-position: 50% 48%;
  border-radius: 53% 47% 55% 45% / 45% 55% 45% 55%;
}
@media screen and (min-width: 768px) {
  #buy .buy-1 img, #buy .buy-2 img {
    width: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1 img, #buy .buy-2 img {
    width: calc((100vw - 0vw * 2) / 120 * 38);
  }
}
#buy .buy-1 {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  #buy .buy-1 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-1 {
    margin-right: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) {
  #buy .buy-2 {
    margin-top: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-2 {
    margin-top: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 768px) {
  #buy .buy-2 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 15);
  }
}
@media screen and (min-width: 1601px) {
  #buy .buy-2 {
    margin-left: calc((100vw - 0vw * 2) / 120 * 15);
  }
}

@media screen and (max-width: 767px) {
  #buy .buy-1, #buy .buy-2 {
    position: relative;
    margin-top: calc((100vw - 0vw * 2) / 60 * 5);
  }
  #buy .buy-1 .buy-text, #buy .buy-2 .buy-text {
    text-align: left;
  }
  #buy .buy-1 h3, #buy .buy-2 h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #buy .buy-1 p, #buy .buy-2 p {
    margin-top: calc((100vw - 0vw * 2) / 60 * 1);
    font-size: 11px;
    font-size: 1.1rem;
  }
  #buy .buy-1 .btn, #buy .buy-2 .btn {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  #buy .buy-1 .btn span, #buy .buy-2 .btn span {
    padding-top: calc((100vw - 0vw * 2) / 60 * 6);
    font-size: 32px;
    font-size: 3.2rem;
  }
  #buy .buy-1 img, #buy .buy-2 img {
    width: calc((100vw - 0vw * 2) / 60 * 30);
  }
  #buy .buy-1 {
    margin-right: 0;
    margin-left: calc((100vw - 0vw * 2) / 60 * -3);
  }
  #buy .buy-1 .btn {
    bottom: calc((100vw - 0vw * 2) / 60 * -5);
    right: calc((100vw - 0vw * 2) / 60 * 24);
  }
  #buy .buy-1 .buy-text {
    padding-left: calc((100vw - 0vw * 2) / 60 * 8);
    width: calc((100vw - 0vw * 2) / 60 * 30);
  }
  #buy .buy-2 {
    margin-left: calc((100vw - 0vw * 2) / 60 * 3);
  }
  #buy .buy-2 .btn {
    bottom: calc((100vw - 0vw * 2) / 60 * -5);
    right: calc((100vw - 0vw * 2) / 60 * 20);
  }
  #buy .buy-2 img {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  #buy .buy-2 .buy-text {
    padding-right: calc((100vw - 0vw * 2) / 60 * 8);
    width: calc((100vw - 0vw * 2) / 60 * 27);
  }
}
.message {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .message {
    margin-top: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
@media screen and (min-width: 1601px) {
  .message {
    margin-top: calc((100vw - 0vw * 2) / 120 * 12);
  }
}
.message h3 {
  letter-spacing: 0.1em;
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  font-size: 90px;
  font-size: 9rem;
}
@media screen and (min-width: 768px) {
  .message h3 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  .message h3 {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
.message h3 [data-ruby] {
  position: relative;
}
.message h3 [data-ruby]::before {
  content: attr(data-ruby);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 10px;
}
.message h3 strong {
  color: #e8374a;
  font-size: 125px;
  font-size: 12.5rem;
}
.message h3 span:last-child strong {
  color: #65cc5a;
}
.message h3 small {
  font-size: 32px;
  font-size: 3.2rem;
}
@media screen and (min-width: 768px) {
  .message p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  .message p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
.message a {
  text-decoration: underline !important;
}
.message:after {
  position: absolute;
  display: block;
  content: "";
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/70b37a362d536d885099f473.webp) no-repeat;
  background-size: contain;
  width: 93px;
  height: 169px;
}
@media screen and (min-width: 768px) {
  .message:after {
    bottom: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 1601px) {
  .message:after {
    bottom: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 768px) {
  .message:after {
    right: calc((100vw - 0vw * 2) / 120 * 25);
  }
}
@media screen and (min-width: 1601px) {
  .message:after {
    right: calc((100vw - 0vw * 2) / 120 * 25);
  }
}

@media screen and (max-width: 767px) {
  .message {
    margin-top: calc((100vw - 0vw * 2) / 60 * 15);
  }
  .message h3 {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * -1);
    font-size: 40px;
    font-size: 4rem;
  }
  .message h3 [data-ruby]::before {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 4px;
  }
  .message h3 strong {
    font-size: 48px;
    font-size: 4.8rem;
  }
  .message h3 small {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .message p {
    margin-top: calc((100vw - 0vw * 2) / 60 * 2);
  }
  .message:after {
    bottom: calc((100vw - 0vw * 2) / 60 * 45);
    right: calc((100vw - 0vw * 2) / 60 * 2);
    width: 56px;
    height: 102px;
  }
}
/*------------------------------------------------------------------------------------ PHOTO */
#photo {
  text-align: center;
}
#photo .ttl {
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #photo p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
@media screen and (min-width: 1601px) {
  #photo p {
    margin-top: calc((100vw - 0vw * 2) / 120 * 2);
  }
}
#photo .photo-inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  #photo #photo-map {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo-map {
    margin-top: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 768px) {
  #photo #photo-map {
    width: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo-map {
    width: calc((100vw - 0vw * 2) / 120 * 37);
  }
}
#photo #photo1, #photo #photo2, #photo #photo3, #photo #photo4 {
  text-align: left;
  color: #edc10a;
}
@media screen and (min-width: 768px) {
  #photo #photo1, #photo #photo2, #photo #photo3, #photo #photo4 {
    width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo1, #photo #photo2, #photo #photo3, #photo #photo4 {
    width: calc((100vw - 0vw * 2) / 120 * 30);
  }
}
#photo #photo1 p, #photo #photo2 p, #photo #photo3 p, #photo #photo4 p {
  position: relative;
}
@media screen and (min-width: 768px) {
  #photo #photo1 p, #photo #photo2 p, #photo #photo3 p, #photo #photo4 p {
    padding-left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo1 p, #photo #photo2 p, #photo #photo3 p, #photo #photo4 p {
    padding-left: calc((100vw - 0vw * 2) / 120 * 5);
  }
}
#photo #photo1 p:before, #photo #photo2 p:before, #photo #photo3 p:before, #photo #photo4 p:before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: "";
  width: 40px;
  height: 45px;
  background-size: contain !important;
}
@media screen and (min-width: 768px) {
  #photo #photo1 p:before, #photo #photo2 p:before, #photo #photo3 p:before, #photo #photo4 p:before {
    top: calc((100vw - 0vw * 2) / 120 * -1.5);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo1 p:before, #photo #photo2 p:before, #photo #photo3 p:before, #photo #photo4 p:before {
    top: calc((100vw - 0vw * 2) / 120 * -1.5);
  }
}
#photo #photo1 {
  position: absolute;
  top: -200px;
  padding-top: 200px;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
@media screen and (min-width: 768px) {
  #photo #photo1 {
    left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo1 {
    left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
#photo #photo1 p:before {
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/303eb3cd7c261df8464a9fcc.webp) no-repeat;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
#photo #photo2 {
  position: absolute;
  top: -200px;
  padding-top: 200px;
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
}
@media screen and (min-width: 768px) {
  #photo #photo2 {
    right: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo2 {
    right: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
#photo #photo2 p:before {
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/82d0daa6a03500d1533cb01f.webp) no-repeat;
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
}
#photo #photo3 {
  position: absolute;
  bottom: 0;
  padding-top: 200px;
  -webkit-transform: rotate(-1deg);
          transform: rotate(-1deg);
}
@media screen and (min-width: 768px) {
  #photo #photo3 {
    left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo3 {
    left: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
#photo #photo3 p:before {
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/a594b2be5123b5df47578458.webp) no-repeat;
  -webkit-transform: rotate(6deg);
          transform: rotate(6deg);
}
#photo #photo4 {
  position: absolute;
  bottom: 0;
  padding-top: 200px;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}
@media screen and (min-width: 768px) {
  #photo #photo4 {
    right: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
@media screen and (min-width: 1601px) {
  #photo #photo4 {
    right: calc((100vw - 0vw * 2) / 120 * 6);
  }
}
#photo #photo4 p:before {
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/6912b7605bce78d8d6ea2dc3.webp) no-repeat;
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
}

@media screen and (max-width: 767px) {
  #photo p {
    margin-top: calc((100vw - 0vw * 2) / 60 * 2);
  }
  #photo #photo-map {
    margin-top: calc((100vw - 0vw * 2) / 60 * 5);
    width: calc((100vw - 0vw * 2) / 60 * 45);
  }
  #photo #photo1, #photo #photo2, #photo #photo3, #photo #photo4 {
    width: calc((100vw - 0vw * 2) / 60 * 27);
    display: inline-block;
    position: relative;
    padding-top: 0;
    top: auto;
    bottom: auto;
    margin-top: calc((100vw - 0vw * 2) / 60 * -15);
    padding-top: calc((100vw - 0vw * 2) / 60 * 20);
  }
  #photo #photo1 p, #photo #photo2 p, #photo #photo3 p, #photo #photo4 p {
    padding-left: calc((100vw - 0vw * 2) / 60 * 6);
  }
  #photo #photo1 p:before, #photo #photo2 p:before, #photo #photo3 p:before, #photo #photo4 p:before {
    top: calc((100vw - 0vw * 2) / 60 * -1.5);
    width: 30px;
    height: 35px;
    background-size: contain !important;
  }
  #photo #photo2, #photo #photo4 {
    margin-left: calc((100vw - 0vw * 2) / 60 * 1);
  }
}
/*------------------------------------------------------------------------------------ RECRUIT */
@media screen and (min-width: 768px) {
  #recruit {
    margin-left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #recruit {
    margin-left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) {
  #recruit {
    margin-right: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #recruit {
    margin-right: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
#recruit #recruit-inner {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
@media screen and (min-width: 768px) {
  #recruit #recruit-inner {
    padding-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #recruit #recruit-inner {
    padding-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) {
  #recruit #recruit-inner {
    padding-bottom: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #recruit #recruit-inner {
    padding-bottom: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
#recruit .flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#recruit .ttl {
  margin-left: auto;
  font-size: 150px;
  font-size: 15rem;
}
#recruit .btn {
  position: relative;
  margin-right: auto;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#recruit .btn span {
  color: #edc10a;
  text-align: center;
  line-height: 1;
  font-size: 32px;
  font-size: 3.2rem;
}
@media screen and (min-width: 768px) {
  #recruit .btn span {
    padding-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  #recruit .btn span {
    padding-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
#recruit .btn:before {
  position: absolute;
  bottom: 0;
  left: -124px;
  display: block;
  content: "";
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/96a11bcfea18eab40893dfe1.webp) no-repeat;
  background-size: contain;
  width: 89px;
  height: 44px;
}
#recruit img {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}
#recruit img.reservation-visual {
  height: auto !important;
  box-sizing: border-box;
  border: 8px solid #f6f1e4;
  box-shadow: 8px 10px 0 rgba(0, 0, 0, .22);
}
@media screen and (min-width: 768px) {
  #recruit img {
    margin-left: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #recruit img {
    margin-left: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) {
  #recruit img {
    margin-right: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 1601px) {
  #recruit img {
    margin-right: calc((100vw - 0vw * 2) / 120 * 1);
  }
}
@media screen and (min-width: 768px) {
  #recruit img {
    height: calc((100vw - 0vw * 2) / 120 * 14);
  }
  #recruit img.reservation-visual {
    width: calc((100vw - 0vw * 2) / 120 * 14.5);
  }
}
@media screen and (min-width: 1601px) {
  #recruit img {
    height: calc((100vw - 0vw * 2) / 120 * 14);
  }
  #recruit img.reservation-visual {
    width: calc((100vw - 0vw * 2) / 120 * 14.5);
  }
}
#recruit #recruit-text {
  font-size: 15px;
  font-size: 1.5rem;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
}
@media screen and (min-width: 768px) {
  #recruit #recruit-text {
    margin-right: calc((100vw - 0vw * 2) / 120 * 7);
  }
}
@media screen and (min-width: 1601px) {
  #recruit #recruit-text {
    margin-right: calc((100vw - 0vw * 2) / 120 * 7);
  }
}

@media screen and (max-width: 767px) {
  #recruit {
    margin-left: calc((100vw - 0vw * 2) / 60 * 5);
    margin-right: calc((100vw - 0vw * 2) / 60 * 5);
  }
  #recruit #recruit-inner {
    padding-top: calc((100vw - 0vw * 2) / 60 * 8);
    padding-bottom: calc((100vw - 0vw * 2) / 60 * 8);
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
  }
  #recruit .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  #recruit .ttl {
    font-size: 80px;
    font-size: 8rem;
    margin-right: auto;
  }
  #recruit .ttl span {
    text-align: left;
  }
  #recruit .btn {
    position: absolute;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    bottom: calc((100vw - 0vw * 2) / 60 * 10);
    right: calc((100vw - 0vw * 2) / 60 * -4);
  }
  #recruit .btn span {
    color: #edc10a;
    padding-top: calc((100vw - 0vw * 2) / 60 * 5);
    text-align: center;
    line-height: 1;
    font-size: 32px;
    font-size: 3.2rem;
  }
  #recruit .btn:before {
    position: absolute;
    bottom: calc((100vw - 0vw * 2) / 60 * -10);
    left: -124px;
    display: block;
    content: "";
    background: url(https://assets.joinoko.com/client-sites/mochi-mochi/96a11bcfea18eab40893dfe1.webp) no-repeat;
    background-size: contain;
    width: 89px;
    height: 44px;
  }
  #recruit img {
    margin-left: calc((100vw - 0vw * 2) / 60 * 2);
    margin-top: calc((100vw - 0vw * 2) / 60 * 5);
    margin-right: calc((100vw - 0vw * 2) / 60 * 4);
    height: calc((100vw - 0vw * 2) / 60 * 25);
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  #recruit img.reservation-visual {
    width: calc((100vw - 0vw * 2) / 60 * 20);
    border-width: 5px;
    box-shadow: 5px 7px 0 rgba(0, 0, 0, .22);
  }
  #recruit #recruit-text {
    font-size: 12px;
    font-size: 1.2rem;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
}
/*------------------------------------------------------------------------------------ ACCESS */
#access {
  position: relative;
}
#access .ttl {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #access .ttl {
    margin-left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #access .ttl {
    margin-left: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
#access #map {
  background-color: #e9e1d1;
}
#access #gmap {
  mix-blend-mode: multiply;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #access #gmap {
    margin-top: calc((100vw - 0vw * 2) / 120 * -8);
  }
}
@media screen and (min-width: 1601px) {
  #access #gmap {
    margin-top: calc((100vw - 0vw * 2) / 120 * -8);
  }
}
@media screen and (min-width: 768px) {
  #access #gmap {
    height: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
@media screen and (min-width: 1601px) {
  #access #gmap {
    height: calc((100vw - 0vw * 2) / 120 * 70);
  }
}
#access .access-text {
  z-index: 2;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #access .access-text {
    right: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #access .access-text {
    right: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 768px) {
  #access .access-text {
    top: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 1601px) {
  #access .access-text {
    top: calc((100vw - 0vw * 2) / 120 * 19);
  }
}

@media screen and (min-width: 768px) {
  }
@media screen and (min-width: 1601px) {
  }
@media screen and (min-width: 768px) {
  }
@media screen and (min-width: 1601px) {
  }
@media screen and (min-width: 768px) {
  }
@media screen and (min-width: 1601px) {
  }
@media screen and (min-width: 768px) {
  }
@media screen and (min-width: 1601px) {
  }
@media screen and (min-width: 768px) {
  }
@media screen and (min-width: 1601px) {
  }
@media screen and (min-width: 768px) {
  }
@media screen and (min-width: 1601px) {
  }
@media screen and (max-width: 767px) {
  #access {
    position: relative;
  }
  #access .ttl {
    margin-left: calc((100vw - 0vw * 2) / 60 * 5);
    position: relative;
    z-index: 1;
  }
  #access #map {
    background-color: #e9e1d1;
  }
  #access #gmap {
    mix-blend-mode: multiply;
    margin-top: calc((100vw - 0vw * 2) / 60 * -7);
    width: 100%;
    height: calc((100vw - 0vw * 2) / 60 * 100);
  }
  #access .access-text {
    text-align: right;
    z-index: 2;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    right: calc((100vw - 0vw * 2) / 60 * 5);
    top: calc((100vw - 0vw * 2) / 60 * 12.5);
  }
}
@media screen and (max-width: 767px) {
  }
@media screen and (min-width: 768px) {
  #contact {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #contact {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) {
  #contact {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  #contact {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
#contact #contact-txt {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #contact #contact-txt {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #contact #contact-txt {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
#contact #contact-txt p {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
}
@media screen and (min-width: 768px) {
  #contact #contact-txt p {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #contact #contact-txt p {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
#contact #contact-txt strong {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  color: #edc10a;
}
#contact .flex p:first-child {
  margin-left: auto;
}
#contact .flex p:last-child {
  margin-left: calc((100vw - 0vw * 2) / 60 * 2);
  margin-right: auto;
}
#contact .flex p {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#contact .flex p:hover {
  -webkit-transform: translateY(12px);
          transform: translateY(12px);
}
#contact .flex p:hover .btn-contact:after {
  bottom: 0;
}
#contact .btn-contact {
  font-size: 28px;
  font-size: 2.8rem;
  border-radius: 78px 66px 100px 50px/50px 50px 50px 50px;
  background-color: #fff;
  position: relative;
  z-index: 2;
  color: #1a1400;
}
@media screen and (min-width: 768px) {
  #contact .btn-contact {
    padding: calc((100vw - 0vw * 2) / 120 * 2) calc((100vw - 0vw * 2) / 120 * 8) calc((100vw - 0vw * 2) / 120 * 2) calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #contact .btn-contact {
    padding: calc((100vw - 0vw * 2) / 120 * 2) calc((100vw - 0vw * 2) / 120 * 8) calc((100vw - 0vw * 2) / 120 * 2) calc((100vw - 0vw * 2) / 120 * 8);
  }
}
#contact .btn-contact:after {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -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;
  left: 0;
  position: absolute;
  bottom: -12px;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 78px 66px 100px 50px/50px 50px 50px 50px;
  background-color: #edc10a;
}
#contact .btn-contact:hover {
  color: #1a1400;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #contact {
    margin-top: calc((100vw - 0vw * 2) / 60 * 8);
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 4);
  }
  #contact #contact-txt {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 6);
  }
  #contact #contact-txt p {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 3);
  }
  #contact #contact-txt strong {
    font-size: 20px;
    font-size: 2rem;
  }
  #contact .flex p:last-child {
    margin-left: calc((100vw - 0vw * 2) / 60 * 2);
  }
  #contact .flex p:hover {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  #contact .btn-contact {
    font-size: 18px;
    font-size: 1.8rem;
    padding: calc((100vw - 0vw * 2) / 60 * 2) calc((100vw - 0vw * 2) / 60 * 4) calc((100vw - 0vw * 2) / 60 * 2) calc((100vw - 0vw * 2) / 60 * 4);
  }
  #contact .btn-contact:after {
    bottom: -6px;
  }
}
#footer p {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
}
@media screen and (min-width: 768px) {
  #footer p {
    padding-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  #footer p {
    padding-top: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 768px) {
  #footer p {
    padding-bottom: calc((100vw - 0vw * 2) / 120 * 4);
  }
}
@media screen and (min-width: 1601px) {
  #footer p {
    padding-bottom: calc((100vw - 0vw * 2) / 120 * 4);
  }
}

@media screen and (max-width: 767px) {
  #footer p {
    padding-top: calc((100vw - 0vw * 2) / 60 * 22);
    padding-bottom: calc((100vw - 0vw * 2) / 60 * 4);
    font-size: 10px;
    font-size: 1rem;
    text-align: center;
    font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  }
}
#mochi {
  background: url(https://assets.joinoko.com/client-sites/mochi-mochi/59830aab7912d8595a7b366d.gif) #1a1400;
  background-size: 160px;
}

#goziami {
  background: url(../img/goziami/bg.gif) #fff;
  background-size: 160px;
}

#mochi .btn-inner {
  color: #1a1400;
}
#mochi .btn-inner span {
  color: #1a1400;
}
#mochi .btn-inner:after {
  background-color: #edc10a;
}

#goziami .btn-inner {
  color: #500000;
}
#goziami .btn-inner span {
  color: #500000;
}
#goziami .btn-inner:after {
  background-color: #cc003a;
}

#mochi .ttl strong:first-letter {
  color: #edc10a;
}

#goziami .ttl strong:first-letter {
  color: #cc003a;
}

#mochi #side-copy {
  width: 90px;
  height: 100vh;
}
#mochi #side-copy #side-copy-inner {
  width: 90px;
  height: 300vh;
  background-image: url(../../common/img/mochi/side_copy.svg);
  background-size: 90px 1116px;
  -webkit-animation: scrollCopyMochi 30s linear infinite;
          animation: scrollCopyMochi 30s linear infinite;
}
@-webkit-keyframes scrollCopyMochi {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-1116px);
            transform: translateY(-1116px);
  }
}
@keyframes scrollCopyMochi {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-1116px);
            transform: translateY(-1116px);
  }
}

#goziami #side-copy {
  width: 90px;
  height: 100vh;
}
#goziami #side-copy #side-copy-inner {
  width: 90px;
  height: 300vh;
  background-image: url(../img/goziami/side_copy.webp);
  background-size: 90px 1249px;
  -webkit-animation: scrollCopyGoziami 30s linear infinite;
          animation: scrollCopyGoziami 30s linear infinite;
}
@-webkit-keyframes scrollCopyGoziami {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-1249px);
            transform: translateY(-1249px);
  }
}
@keyframes scrollCopyGoziami {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-1249px);
            transform: translateY(-1249px);
  }
}

@media screen and (max-width: 767px) {
  #mochi #side-copy {
    width: 100%;
    height: 60px;
    background: #1a1400;
  }
  #mochi #side-copy #side-copy-inner {
    width: 1548px;
    height: 60px;
    background-image: url(../../common/img/mochi/side_copy_sp.svg);
    background-size: 774px 60px;
    -webkit-animation: scrollCopyMochiSp 15s linear infinite;
            animation: scrollCopyMochiSp 15s linear infinite;
  }
  @-webkit-keyframes scrollCopyMochiSp {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-774px);
              transform: translateX(-774px);
    }
  }
  @keyframes scrollCopyMochiSp {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-774px);
              transform: translateX(-774px);
    }
  }
}
@media screen and (max-width: 767px) {
  #goziami #side-copy {
    width: 100%;
    height: 60px;
    background: #fff;
  }
  #goziami #side-copy #side-copy-inner {
    width: 1654px;
    height: 60px;
    background-image: url(../img/goziami/side_copy_sp.webp);
    background-size: 827px 60px;
    -webkit-animation: scrollCopyGoziamiSp 15s linear infinite;
            animation: scrollCopyGoziamiSp 15s linear infinite;
  }
  @-webkit-keyframes scrollCopyGoziamiSp {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-827px);
              transform: translateX(-827px);
    }
  }
  @keyframes scrollCopyGoziamiSp {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-827px);
              transform: translateX(-827px);
    }
  }
}
@media screen and (min-width: 768px) {
  #goziami #main-slider {
    margin-top: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #goziami #main-slider {
    margin-top: calc((100vw - 0vw * 2) / 120 * 3);
  }
}

#goziami #main-slider-number:after {
  background-color: #500000;
}
#goziami #main-slider-number #slide-now {
  color: #500000 !important;
}
#goziami #main-slider-number #slide-total {
  color: #500000 !important;
}

@media screen and (max-width: 767px) {
  #goziami #main-slider {
    margin: calc((100vw - 0vw * 2) / 60 * 3) calc((100vw - 0vw * 2) / 60 * -10) calc((100vw - 0vw * 2) / 60 * 10) calc((100vw - 0vw * 2) / 60 * -10);
  }
}
#goziami #info h2:after {
  background: #500000;
}
#goziami #info .btn span:before {
  color: #cc003a;
}

#goziami #news .news-list p.date {
  color: #cc003a;
}

#goziami #news .sns-box:before {
  background: url(../img/goziami/sns.webp) no-repeat;
  background-size: cover;
  width: 130px;
  height: 140px;
}

@media screen and (max-width: 767px) {
  #goziami #news .sns-box:before {
    width: 90px;
    height: 97px;
  }
}
#goziami .concept-1 .concept-text h3 {
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #goziami .concept-1 .concept-text h3 {
    margin-top: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
@media screen and (min-width: 1601px) {
  #goziami .concept-1 .concept-text h3 {
    margin-top: calc((100vw - 0vw * 2) / 120 * -1);
  }
}
#goziami .concept-1 .concept-text h3 strong {
  display: block;
  color: #cc003a;
}
@media screen and (min-width: 768px) {
  #goziami .concept-1 .concept-text h3 strong {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * -4.5);
  }
}
@media screen and (min-width: 1601px) {
  #goziami .concept-1 .concept-text h3 strong {
    margin-bottom: calc((100vw - 0vw * 2) / 120 * -4.5);
  }
}
#goziami .concept-1 .concept-text h3 small {
  font-size: 24px;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  #goziami .concept-1 .concept-text h3 strong {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * -3.5);
  }
}
@media screen and (min-width: 768px) {
  #goziami .concept-2 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #goziami .concept-2 {
    margin-top: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
#goziami .concept-2 .concept-text h3 {
  letter-spacing: 0.1em;
  margin-top: 0;
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
}
#goziami .concept-2 .concept-text h3 [data-ruby] {
  position: relative;
}
#goziami .concept-2 .concept-text h3 [data-ruby]::before {
  content: attr(data-ruby);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 10px;
}
#goziami .concept-2 .concept-text h3 strong {
  color: #cc003a;
}
#goziami .concept-2 .concept-text h3 strong#c-g {
  color: #f9c700;
}
#goziami .concept-2 .concept-text h3 small {
  font-size: 32px;
  font-size: 3.2rem;
}

@media screen and (max-width: 767px) {
  #goziami .concept-2 {
    margin-bottom: calc((100vw - 0vw * 2) / 60 * 8);
  }
  #goziami .concept-2 .concept-text h3 {
    margin-top: calc((100vw - 0vw * 2) / 60 * 4);
    font-size: 34px;
    font-size: 3.4rem;
  }
  #goziami .concept-2 .concept-text h3 [data-ruby]::before {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 2px;
  }
  #goziami .concept-2 .concept-text h3 small {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  #goziami .star {
    margin-top: calc((100vw - 0vw * 2) / 120 * -88);
  }
}
@media screen and (min-width: 1601px) {
  #goziami .star {
    margin-top: calc((100vw - 0vw * 2) / 120 * -88);
  }
}
#goziami .star .st0 {
  fill: #cc003a;
}

#goziami #menu #menu-more a {
  color: #500000;
  border: 2px solid #500000;
}
#goziami #menu #menu-slider ul li span {
  color: #fff;
}
#goziami #menu #menu-slider ul li span:after {
  background: #500000;
  background: -webkit-gradient(linear, left bottom, left top, from(#270000), to(rgba(39, 0, 0, 0)));
  background: linear-gradient(0deg, #270000 0%, rgba(39, 0, 0, 0) 100%);
}
@media screen and (min-width: 768px) {
  #goziami #menu #menu-slider ul li span:after {
    height: calc((100vw - 0vw * 2) / 120 * 10);
  }
}
@media screen and (min-width: 1601px) {
  #goziami #menu #menu-slider ul li span:after {
    height: calc((100vw - 0vw * 2) / 120 * 10);
  }
}

#goziami #buy .ttl {
  color: #500000;
}
#goziami #buy .ttl span {
  color: #500000;
}

#goziami #buy .buy-1 h3, #goziami #buy .buy-2 h3 {
  color: #500000;
}
#goziami #buy .buy-1 p, #goziami #buy .buy-2 p {
  color: #500000;
}
#goziami #buy .buy-1 .btn .btn-inner:before, #goziami #buy .buy-2 .btn .btn-inner:before {
  background-color: #cc003a;
}
#goziami #buy .buy-1 .btn .btn-inner:after, #goziami #buy .buy-2 .btn .btn-inner:after {
  background-color: #e6e6e6;
}

#goziami .message:after {
  background: url(../img/goziami/buy_ittera.webp) no-repeat;
  background-size: contain;
  width: 85px;
  height: 170px;
}

@media screen and (max-width: 767px) {
  #goziami .message:after {
    bottom: calc((100vw - 0vw * 2) / 60 * 44);
    right: calc((100vw - 0vw * 2) / 60 * 2);
    width: 56px;
    height: 104px;
  }
}
#goziami #photo #photo1, #goziami #photo #photo2, #goziami #photo #photo3, #goziami #photo #photo4 {
  color: #cc003a;
}
#goziami #photo #photo1 p:before {
  background: url(../img/goziami/p1.webp) no-repeat;
}
#goziami #photo #photo2 p:before {
  background: url(../img/goziami/p2.webp) no-repeat;
}
#goziami #photo #photo3 p:before {
  background: url(../img/goziami/p3.webp) no-repeat;
}
#goziami #photo #photo4 p:before {
  background: url(../img/goziami/p4.webp) no-repeat;
}

#goziami #recruit #recruit-inner {
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

#goziami #contact #contact-txt strong {
  color: #cc003a;
}
#goziami #contact .btn-contact {
  color: #500000;
}
#goziami #contact .btn-contact:after {
  background-color: #cc003a;
}
#goziami #contact .btn-contact:hover {
  color: #500000;
}

@media screen and (min-width: 768px) {
  #goziami #nav-yakan li a {
    text-shadow: 0 0 8px rgba(80, 0, 0, 0.2);
  }
}

@media screen and (max-width: 767px) {
  #goziami #nav-yakan.hover:after {
    background: rgba(255, 255, 255, 0.5);
  }
}
#top {
  background-color: #000;
}

#top-wrap {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 300;
  background-image: url(../img/top/top.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#top-wrap > a {
  text-decoration: none;
  display: block;
  width: 50%;
  height: 100vh;
}
#top-wrap > a:hover {
  opacity: 1;
}
#top-wrap > a:hover .top-logo-act {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
#top-wrap #mochi-l {
  position: relative;
  height: 100vh;
}
#top-wrap #mochi-l h1 {
  background-image: url(../../common/img/mochi/logo.svg);
}
@media screen and (min-width: 768px) {
  #top-wrap #mochi-l h1 {
    height: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 1601px) {
  #top-wrap #mochi-l h1 {
    height: calc((100vw - 0vw * 2) / 120 * 8);
  }
}
@media screen and (min-width: 768px) {
  #top-wrap #mochi-l h1 {
    width: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 1601px) {
  #top-wrap #mochi-l h1 {
    width: calc((100vw - 0vw * 2) / 120 * 24);
  }
}
@media screen and (min-width: 768px) {
  #top-wrap #mochi-l address {
    left: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #top-wrap #mochi-l address {
    left: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
#top-wrap #goziami-r {
  position: relative;
  height: 100vh;
}
#top-wrap #goziami-r h1 {
  background-image: url(../img/goziami/logo_white.svg);
}
@media screen and (min-width: 768px) {
  #top-wrap #goziami-r h1 {
    height: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 1601px) {
  #top-wrap #goziami-r h1 {
    height: calc((100vw - 0vw * 2) / 120 * 19);
  }
}
@media screen and (min-width: 768px) {
  #top-wrap #goziami-r h1 {
    width: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 1601px) {
  #top-wrap #goziami-r h1 {
    width: calc((100vw - 0vw * 2) / 120 * 16);
  }
}
@media screen and (min-width: 768px) {
  #top-wrap #goziami-r address {
    right: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #top-wrap #goziami-r address {
    right: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
#top-wrap .top-logo-act {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#top-wrap .top-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  color: #fff;
  text-align: center;
}
#top-wrap .top-logo p {
  font-size: 14px;
  font-size: 1.4rem;
}
#top-wrap .top-logo h1 {
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#top-wrap address {
  font-family: "Baloo 2", "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", sans-serif;
  font-style: normal;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  #top-wrap address {
    bottom: calc((100vw - 0vw * 2) / 120 * 3);
  }
}
@media screen and (min-width: 1601px) {
  #top-wrap address {
    bottom: calc((100vw - 0vw * 2) / 120 * 3);
  }
}

@media screen and (max-width: 767px) {
  body#top {
    overflow: hidden;
  }
  #top-wrap {
    background-image: url(../img/top/top_sp.svg);
  }
  #top-wrap > a {
    width: 100%;
    height: 50vh;
  }
  #top-wrap > a:hover .top-logo-act {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  #top-wrap #mochi-l {
    height: 50vh;
  }
  #top-wrap #mochi-l h1 {
    height: calc((100vw - 0vw * 2) / 60 * 10);
    width: calc((100vw - 0vw * 2) / 60 * 29);
  }
  #top-wrap #goziami-r {
    height: 50vh;
  }
  #top-wrap #goziami-r h1 {
    height: calc((100vw - 0vw * 2) / 60 * 25);
    width: calc((100vw - 0vw * 2) / 60 * 20);
  }
  #top-wrap .top-logo {
    top: 43%;
  }
  #top-wrap .top-logo p {
    font-size: 10px;
    font-size: 1rem;
  }
  #top-wrap address {
    display: none;
  }
}
#top-bg {
  overflow: hidden;
}
#top-bg:before {
  z-index: 200;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  background-size: 160px;
  opacity: 0.6;
}

#top-slider1,
#top-slider2 {
  width: calc(50% - 4px);
  height: 100vh;
}
#top-slider1 ul li,
#top-slider2 ul li {
  margin: 3px 3px 0 0;
}
#top-slider1 ul li img,
#top-slider2 ul li img {
  width: 36vh;
  height: 36vh;
  margin-bottom: 3px;
  overflow: hidden;
}

#top-slider2 {
  margin-left: 8px;
}

@media screen and (max-width: 767px) {
  #top-bg:before {
    opacity: 0.7;
  }
  #top-slider1,
  #top-slider2 {
    overflow: hidden;
    width: 100%;
    height: calc(50vh - 4px);
  }
  #top-slider1 ul li,
  #top-slider2 ul li {
    margin: 3px 3px 0 0;
  }
  #top-slider1 ul li img,
  #top-slider2 ul li img {
    width: 23vh;
    height: 23vh;
    margin-bottom: 3px;
  }
  #top-slider2 {
    margin-left: 0;
    margin-top: 8px;
  }
}

/* ===== Mochi Sushi 附加（2026-07-16） ===== */
html { overflow-x: clip; }
#map-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; min-height:420px; background:#e9e1d1; border-radius:24px; text-align:center; padding:32px; box-sizing:border-box; }
#map-placeholder p { color:#2a2216; font-size:20px; line-height:1.8; margin:10px 0; }
#map-placeholder a { color:#cc003a; text-decoration:underline; font-weight:bold; }

#mochi-logo-wrap p strong { font-size: 6.4rem; letter-spacing: -0.04em; line-height: .8; }
#mochi-logo-wrap p strong span { font-size: 2.6rem; }
@media screen and (max-width: 767px) {
  #mochi-logo-wrap p strong { font-size: 3.4rem; }
  #mochi-logo-wrap p strong span { font-size: 1.6rem; }
}

.message p, .message h3 small { font-family: "Baloo 2", "Arial Rounded MT Bold", sans-serif; }

/* Baloo 2 替代 earlyman 后，恢复大字重冲击力 */
.nav a, h2, .ttl strong, #topic-onlineshop a, #mochi-logo-wrap p strong,
.btn-inner span, .btn-contact, #recruit-text, .message h3, .buy-text h3,
#menu-slider h3, .concept-text h3 { font-weight: 800; }
.nav a span, h2 span, .ttl span { font-weight: 700; }

.concept-1 .concept-text h3 { font-size: 4.4rem; letter-spacing: 0.02em; line-height: 1.2; }
@media screen and (max-width: 767px) {
  .concept-1 .concept-text h3 { font-size: 2.6rem; }
}

/* COMMANDER(9字母) 适配原 BUY(3字母) 的占位宽度 */
#buy .ttl strong { font-size: 6.2rem; line-height: 1.1; letter-spacing: -0.02em; }
@media screen and (max-width: 767px) {
  #buy .ttl strong { font-size: 3.2rem; }
}

/* RESERVER(8字母) 适配原 RECRUIT(7字母) 行宽，按钮回到同一行 */
@media screen and (min-width: 768px) {
  #recruit .ttl strong { font-size: 9.6rem; }
}

/* ===== 2.5 完善组件（公告/Cookie/地图/底栏/页脚/语言） ===== */
/* 公告横幅：默认隐藏，样式随本站（奶油纸+红色带） */
#notice-banner { display:none; align-items:center; gap:14px; justify-content:center; background:#cc003a; color:#fff; padding:10px 18px; font-weight:700; font-size:15px; }
#notice-banner.show { display:flex; }
#notice-banner .notice-text.has-body { text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
#notice-banner .notice-close { background:none; border:none; color:#fff; font-size:16px; cursor:pointer; padding:2px 8px; }
#notice-overlay { display:none; position:fixed; inset:0; background:rgba(26,20,0,.72); z-index:900; align-items:center; justify-content:center; padding:20px; }
#notice-overlay.show { display:flex; }
.notice-modal { position:relative; background:#f6f1e4; color:#2a2216; border-radius:24px; max-width:560px; width:100%; max-height:80vh; overflow:auto; padding:34px 36px; box-shadow:8px 10px 0 rgba(0,0,0,.4); }
.notice-modal-title { font-size:22px; font-weight:800; margin-bottom:12px; padding-right:30px; }
.notice-modal-title::first-letter { color:#cc003a; }
.notice-modal-body p { margin:8px 0; line-height:1.75; }
.notice-modal-close { position:absolute; top:14px; right:16px; background:none; border:none; font-size:20px; cursor:pointer; color:#2a2216; }

/* 语言切换器：右上角固定小胶囊 */
.lang-switch { position:fixed; top:52px; right:14px; z-index:600; display:flex; gap:4px; background:rgba(26,20,0,.92); padding:5px 6px; border-radius:999px; box-shadow:0 4px 14px rgba(0,0,0,.45); }
.lang-switch button { background:none; border:none; color:#e9e1d1; font-family:inherit; font-weight:800; font-size:12.5px; padding:4px 10px; border-radius:999px; cursor:pointer; opacity:.75; }
.lang-switch button.on { background:#edc10a; color:#2a2216; opacity:1; }
@media screen and (max-width:767px){ .lang-switch{ top:auto; bottom:calc(76px + env(safe-area-inset-bottom)); right:10px; } }

/* Cookie 条：不透明底+高对比（CNIL） */
#cookie-bar { display:none; position:fixed; right:16px; bottom:16px; z-index:800; max-width:420px; background:#1a1400; color:#f6f1e4; border:2px solid rgba(233,225,209,.25); border-radius:18px; padding:18px 20px; box-shadow:6px 8px 0 rgba(0,0,0,.45); }
#cookie-bar.show { display:block; }
#cookie-bar p { font-size:14.5px; line-height:1.6; margin-bottom:12px; }
#cookie-bar .cookie-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#cookie-bar a { color:#edc10a; font-size:13.5px; text-decoration:underline; margin-right:auto; }
#cookie-bar button { font-family:inherit; font-weight:800; font-size:14px; border:none; border-radius:999px; padding:9px 22px; cursor:pointer; }
#cookie-accept { background:#edc10a; color:#2a2216; }
#cookie-refuse { background:none; color:#f6f1e4; border:2px solid rgba(246,241,228,.5); }
@media screen and (max-width:767px){ #cookie-bar{ left:10px; right:10px; max-width:none; bottom:calc(76px + env(safe-area-inset-bottom)); } }

/* 门控地图 */
#map-embed-slot { height:100%; min-height:420px; }
#map-show-btn { font-family:inherit; font-weight:800; font-size:16px; background:#cc003a; color:#fff; border:none; border-radius:999px; padding:12px 30px; cursor:pointer; margin:6px 0; }
#map-consent-hint { font-size:14px !important; color:#75634F !important; max-width:420px; }

/* 移动底栏：≤767px 显示 */
#mobile-bar { display:none; }
@media screen and (max-width:767px){
  #mobile-bar { position:fixed; left:0; right:0; bottom:0; z-index:700; display:flex; background:#1a1400; border-top:2px solid rgba(233,225,209,.2); padding:6px 4px calc(6px + env(safe-area-inset-bottom)); }
  #mobile-bar a { flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; color:#f6f1e4; text-decoration:none; font-size:11.5px; font-weight:700; padding:4px 2px; }
  #mobile-bar a .mb-ico { font-size:19px; line-height:1; }
  #mobile-bar a:nth-child(2){ color:#edc10a; }
  /* 底栏让位：页脚 + 水壶导航上移 */
  .wrap #footer { padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
  #nav-yakan { bottom: calc(64px + env(safe-area-inset-bottom)) !important; }
}

/* 新页脚 */
#footer { padding:60px 5% 30px; }
#footer .footer-cols { display:flex; flex-wrap:wrap; gap:34px 56px; justify-content:center; text-align:left; margin-bottom:34px; }
#footer .f-col { min-width:180px; max-width:260px; }
#footer .f-col img { margin-bottom:10px; height:auto; }
#footer .f-col h4 { color:#edc10a; font-size:16px; font-weight:800; margin-bottom:8px; }
#footer .f-col p, #footer .f-col li { font-size:14.5px; line-height:1.9; color:#e9e1d1; }
#footer .f-col ul { list-style:none; padding:0; margin:0; }
#footer .f-col a { color:#e9e1d1; text-decoration:none; border-bottom:1px dotted rgba(233,225,209,.4); }
#footer .f-col a:hover { color:#edc10a; }
#footer .footer-line { text-align:center; font-size:12.5px; color:rgba(233,225,209,.7); border-top:1px solid rgba(233,225,209,.15); padding-top:18px; }
#footer .footer-line a { color:#e9e1d1; }
@media screen and (max-width:767px){ #footer .footer-cols{ flex-direction:column; align-items:center; text-align:center; } }

/* i18n span 包裹修复：导航主词恢复 2.4rem 大字（kicker 小字是第一个 span） */
.nav li a span:nth-of-type(2) { font-size: inherit; line-height: inherit; display: inline; font-weight: 800; letter-spacing: inherit; }

/* ===== 中文排版（html[lang=zh] 专属·风格不变只调字艺） ===== */
html[lang="zh"] body { font-family: "ZCOOL KuaiLe", "Baloo 2", "PingFang SC", "Hiragino Sans GB", sans-serif; letter-spacing: .02em; }
html[lang="zh"] p { line-height: 2; }
html[lang="zh"] .nav li a { letter-spacing: .14em; }
html[lang="zh"] .nav li a span:nth-of-type(1) { letter-spacing: .08em; font-size: 1.1rem; }
html[lang="zh"] h2, html[lang="zh"] .ttl strong { letter-spacing: .08em; }
html[lang="zh"] .concept-text h3, html[lang="zh"] .message h3 { letter-spacing: .1em; line-height: 1.5; }
html[lang="zh"] #topic-onlineshop a { letter-spacing: .1em; }
html[lang="zh"] .buy-text h3 { letter-spacing: .12em; }
html[lang="zh"] #menu-slider h3 { letter-spacing: .06em; }
html[lang="zh"] #menu-slider .menu-card-copy h3 { line-height: 1.35; }
html[lang="zh"] #menu-slider .menu-card-copy p > span { line-height: 1.65; letter-spacing: .03em; }
html[lang="fr"] #menu-slider .menu-card-copy p > span,
html[lang="en"] #menu-slider .menu-card-copy p > span { line-height: 1.45; letter-spacing: .01em; }
html[lang="zh"] .news-list .text { line-height: 1.95; }
html[lang="zh"] #recruit-text { letter-spacing: .12em; }

/* INFO 并入 ACCES */
#access .access-info { text-align:center; margin: 20px auto 30px; }
#access .access-info img { width:190px; height:auto; margin-bottom:10px; }
#access .access-info p { font-size:17px; line-height:2; }
#access .access-info a { color:inherit; text-decoration:none; font-weight:800; }
/* 语言安全：文本列不得撑爆 flex */
.concept-1 .concept-text, .concept-2 .concept-text { min-width:0; }
html[lang="en"] .concept-2 .concept-text h3 { font-size: 4.4rem; }
html[lang="en"] .concept-1 .concept-text h3 { font-size: 4rem; }

/* zh：#buy 引言块右移回白云内（中文行宽短，右对齐块会滑出云朵落在深底上） */
html[lang="zh"] #buy .ttl { left: calc((100vw - 0vw * 2) / 120 * 10); }
html[lang="zh"] #buy .ttl span { letter-spacing: .08em; }

/* 页脚布局修正：时间不折行、列宽自适应、间距收紧 */
#footer .footer-cols { align-items:flex-start; gap:28px 48px; text-align:left; }
#footer .f-col { max-width:none; min-width:0; }
#footer .f-col p { margin:0 0 8px; padding:0; text-align:left; line-height:1.9; }
#footer .f-col h4 { margin:0 0 10px; }
#footer .f-col img { display:block; margin:0 0 12px; }
#footer .f-col .hours-line { white-space:nowrap; display:block; }
@media screen and (max-width:767px){
  #footer .footer-cols { text-align:center; }
  #footer .f-col p, #footer .f-col h4 { text-align:center; }
  #footer .f-col img { margin:0 auto 12px; }
  #footer .f-col .hours-line { white-space:normal; }
}

/* 水壶弹出菜单放大 + 重新散布（用户指令：太小看不清） */
#nav-yakan li a { font-size: 3.6rem; }
#nav-yakan li a span:nth-of-type(1) { font-size: 1.4rem; margin-bottom: 3px; }
@media screen and (min-width: 768px) {
  /* 纵向用 vh：矮视口（笔记本带 Dock）也全部装进屏内 */
  /* 蒸汽弧线：紧贴壶口向右上小步阶梯（弹窗与水壶零距离感） */
  #nav-yakan li#g1 { top: -368px; left: 300px; }
  #nav-yakan li#g2 { top: -296px; left: 286px; }
  #nav-yakan li#g3 { top: -224px; left: 268px; }
  #nav-yakan li#g4 { top: -152px; left: 244px; }
  #nav-yakan li#g5 { top: -80px;  left: 212px; }
}
@media screen and (max-width: 767px) {
  #nav-yakan li a { font-size: 2.8rem; }
  #nav-yakan li a span:nth-of-type(1) { font-size: 1.2rem; }
}


/* hero 店名放大（用户指令） */
#mochi-logo-wrap #logo img { width: 25em; max-width: 28vw; height: auto; }
#mochi-logo-wrap #logo { margin-right: 2.5em; }
@media screen and (max-width: 767px) {
  #mochi-logo-wrap #logo img { width: 78vw; max-width: 78vw; }
}

/* 水壶弹出主词：ID 级覆盖（#nav-yakan li a span 的 1rem 会压过 class 级修复） */
#nav-yakan li a span:nth-of-type(2) { font-size: inherit; line-height: 1.05; font-weight: 800; letter-spacing: inherit; }

/* ===== ACCES 区重排（用户授权新布局：左信息卡 + 右地图） ===== */
#access { padding-bottom: 40px; }
#access .ttl { position: static; pointer-events: auto; }
#access .access-text { position: static !important; right: auto !important; top: auto !important; text-align: center; margin: 8px auto 30px; pointer-events: auto; }
#access .access-grid { display: flex; gap: 30px; max-width: 1180px; margin: 0 auto; align-items: stretch; padding: 0 4%; }
#access .access-info { flex: 0 0 350px; background: #f6f1e4; color: #2a2216; border-radius: 24px; padding: 32px 30px; box-shadow: 6px 8px 0 rgba(0,0,0,.35); text-align: left; margin: 0; display: flex; flex-direction: column; justify-content: center; }
#access .access-info img { width: 150px; height: auto; margin: 0 0 12px; }
#access .access-info p { font-size: 16.5px; line-height: 1.95; margin: 0 0 12px; text-align: left; }
#access .access-info .hours-title { color: #cc003a; font-weight: 800; }
#access .access-info .tel-big { color: #2a2216; font-weight: 800; font-size: 22px; text-decoration: none; }
#access .access-info .route-btn { display: inline-block; background: #cc003a; color: #fff; border-radius: 999px; padding: 11px 26px; font-weight: 800; text-decoration: none; margin-top: 4px; }
#access #map { flex: 1; background: none; min-width: 0; }
#access #gmap { mix-blend-mode: normal !important; margin-top: 0 !important; height: 100% !important; min-height: 480px; border-radius: 24px; overflow: hidden; box-shadow: 6px 8px 0 rgba(0,0,0,.35); }
#map-embed-slot { min-height: 480px; }
#map-placeholder { min-height: 480px; border-radius: 24px; }
@media screen and (max-width: 860px) {
  #access .access-grid { flex-direction: column; }
  #access .access-info { flex: none; }
  #access #gmap { min-height: 380px; }
  #map-embed-slot, #map-placeholder { min-height: 380px; }
}

#access .access-info span[data-i18n^="info.hours"] { display: block; font-size: 14.5px; line-height: 1.8; }
#access #gmap { background: #e9e1d1; } /* iframe 加载前的底色 */
#access #map-embed-slot,
#access #map-embed-slot > iframe {
  display: block;
  width: 100%;
  height: 480px;
}
@media screen and (max-width: 860px) {
  #access #map-embed-slot,
  #access #map-embed-slot > iframe {
    height: 380px;
  }
}

/* ===== 评委 v1 修复批 ===== */
/* ② 水壶弹开白字：贴纸式深色描边（多层 shadow 轮廓），压浅色也可读 */
#nav-yakan .nav li a, #nav-yakan .nav li a span {
  text-shadow: -2px -2px 0 #2a2216, 2px -2px 0 #2a2216, -2px 2px 0 #2a2216, 2px 2px 0 #2a2216,
               0 -2.5px 0 #2a2216, 0 2.5px 0 #2a2216, -2.5px 0 0 #2a2216, 2.5px 0 0 #2a2216,
               3px 4px 0 rgba(26,20,0,.45);
}
/* ③ message 区 CTA 升级果冻按钮 */
.message .msg-cta-wrap { margin-top: 18px; }
.message a.msg-cta { display:inline-block; background:#edc10a; color:#2a2216 !important; font-weight:800; padding:15px 38px; border-radius:999px; text-decoration:none !important; box-shadow: 0 6px 0 rgba(26,20,0,.35); }
.message a.msg-cta:hover { transform: translateY(-2px); }
/* ⑤ RESERVER 信息条 */
.resa-perks { list-style:none; display:flex; gap:10px; flex-wrap:wrap; margin:6px 0 0; padding:0; }
.resa-perks li { background:#f6f1e4; color:#2a2216; font-weight:700; font-size:13.5px; border-radius:999px; padding:7px 16px; box-shadow:3px 4px 0 rgba(0,0,0,.3); }
/* ④ 正文层级：段落用常规字重呼吸 */
.wrap p:not(.date):not(.text) { font-weight: 500; }
/* ① 手机端遮挡链 */
@media screen and (max-width: 767px) {
  /* 语言胶囊移到顶部右侧（避开页脚/正文） */
  .lang-switch { top: 50px; bottom: auto; right: 8px; padding: 4px 5px; }
  .lang-switch button { font-size: 11px; padding: 3px 8px; }
  /* logo 收窄避开贴纸 */
  #mochi-logo-wrap #logo img { width: 62vw; max-width: 62vw; }
  #men1 { display: none; } /* 手机上寿司贴纸与 logo 相撞，隐藏 */
  /* 水壶缩小 + 页脚再让位 */
  #nav-yakan { transform: scale(.82); transform-origin: bottom left; }
  .wrap #footer { padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important; }
  /* 订位按钮不许出血 */
  #recruit .btn { margin-right: 12px; }
  #recruit .flex { padding-right: 8px; }
}

/* ===== 评委 v2 修复批：移动端碰撞链系统性根治 ===== */
/* ① 桌面语言胶囊左移避开右缘竖排字带 */
.lang-switch { right: 64px; }
/* ① 移动端语言胶囊：静态融入顶部（跟随滚动离场，永不盖内容） */
@media screen and (max-width: 767px) {
  .lang-switch { position: absolute; top: 44px; right: 8px; bottom: auto; background: rgba(26,20,0,.72); }
}
/* ② 移动端水壶做成 FAB 徽章（奶油圆底+投影）：滚动经过内容时不再互相穿透 */
@media screen and (max-width: 767px) {
  #nav-yakan a { display:block; background: #f6f1e4; border-radius: 999px; padding: 10px; box-shadow: 4px 6px 0 rgba(0,0,0,.4); }
  #nav-yakan a img { display:block; }
}
/* ③ 手机 GO! 按钮不许出血 */
@media screen and (max-width: 767px) {
  #buy .buy-1 .btn, #buy .buy-2 .btn { margin-right: 14px; }
  #buy .buy-1, #buy .buy-2 { padding-right: 10px; }
}
/* ④ 手机正文安全边距（m1 出血） */
@media screen and (max-width: 767px) {
  .concept-text, .concept-text p, .message p, #menu > p, #photo > p { padding-left: 18px; padding-right: 18px; box-sizing: border-box; }
}
/* ⑤ RESERVER 节视觉锚：虚线奶油框收拢四组元素 */
#recruit #recruit-inner { border: 3px dashed rgba(246,241,228,.45); border-radius: 30px; padding: 34px 30px; max-width: 1200px; margin-left: auto; margin-right: auto; }
/* ⑥ d08 两卡色阶统一 */
#map-placeholder { background: #f6f1e4; }
/* ⑦ 星星群：再缩 + 手绘描边统一笔触 */

p.star svg path { stroke: #2a2216; stroke-width: 14px; paint-order: stroke; }
/* ⑧ 手机计数器云与贴纸避让：计数器右移 */
@media screen and (max-width: 767px) {
  #main-slider-number { transform: translateX(10px) scale(.9); }
  #women1 { display: none; } /* 红瓶贴纸手机上与计数器相撞 */
}

/* 评委 v2 补遗：手机端三处 */
@media screen and (max-width: 767px) {
  #recruit .ttl strong { font-size: min(3.4rem, 11vw); }
  #recruit .btn { margin-right: 18px; }
  #recruit #recruit-inner { padding: 24px 16px; }
  .wrap #footer { padding-bottom: calc(240px + env(safe-area-inset-bottom)) !important; }
}

/* ===== 手机端大修（用户实机截图反馈） ===== */
@media screen and (max-width: 767px) {
  /* ① 水壶弹导航整个移除（底栏已覆盖导航需求） */
  #nav-yakan { display: none !important; }
  /* ② 语言胶囊移到左上（右上是 2026 徽章） */
  .lang-switch { top: 50px; left: 8px; right: auto; }
  /* ④ COMMANDER 区：弃云朵背景，改奶油卡片 */
  #buy { background-image: none !important; }
  #buy #buy-inner { background: #f6f1e4; border-radius: 24px; margin: 0 14px; padding: 26px 18px 30px; box-shadow: 5px 6px 0 rgba(0,0,0,.35); }
  #buy .buy-1, #buy .buy-2 { display: flex; flex-direction: column; align-items: center; width: auto; margin: 18px 0 0; }
  #buy .buy-1 img, #buy .buy-2 img { width: 72vw; max-width: 340px; height: auto; }
  #buy .buy-text { padding: 6px 4px 0; text-align: center; }
  #buy .buy-text h3 { margin-bottom: 6px; }
  #buy .btn { position: static !important; margin: 12px auto 0; display: inline-block; }
  #buy .btn .btn-inner { position: static; }
  /* message 段维持深底白字，间距收紧 */
  #buy .message { margin-top: 30px; }
}

/* ===== 手机端第二批修复（用户实机截图） ===== */
@media screen and (max-width: 767px) {
  /* 星星：恢复特效，收紧为角落点缀（原规则宽 133vw 出血+大空档） */
  #concept p
  #concept 
  /* CONTACT 两按钮：纵向堆叠居中，禁互相重叠 */
  #contact .flex { display: flex; flex-direction: column; align-items: center; gap: 16px; }
  #contact .flex p { margin: 0 !important; }
  #contact .btn-contact { font-size: 2rem; padding: 14px 34px; display: inline-block; }
  /* 页脚：单列整洁 */
  #footer { padding-left: 8%; padding-right: 8%; }
  #footer .footer-cols { gap: 26px; }
  #footer .f-col { width: 100%; max-width: 320px; margin: 0 auto; }
  #footer .f-col h4 { text-align: center; font-size: 17px; margin-bottom: 8px; }
  #footer .f-col p, #footer .f-col li { text-align: center; font-size: 15px; line-height: 2; }
  #footer .f-col a { border-bottom: none; }
  #footer .f-col ul li { padding: 2px 0; border-bottom: none; }
  #footer .footer-line { font-size: 12px; line-height: 1.9; }
}

@media screen and (max-width: 767px) {
  /* buy-2 原站 order:1 把图排到文字后：手机卡片统一 图上文下 */
  #buy .buy-2 img { order: 0 !important; }
  #buy .buy-2 .buy-text { order: 1; }
  /* CONTACT 按钮黄色底层回到默认下沉位（不盖脸） */
  #contact .btn-contact:after { bottom: -10px !important; }
}

/* Reservation visual balance: keep the layout, strengthen the photo focal point. */
@media screen and (min-width: 768px) {
  #recruit img.reservation-visual {
    width: clamp(230px, 16vw, 340px);
    margin-left: clamp(28px, 3.2vw, 64px);
    margin-right: clamp(12px, 1.2vw, 24px);
    border-width: 9px;
  }

  #recruit #recruit-text {
    margin-right: clamp(46px, 4vw, 82px);
  }

  html[lang="zh"] #recruit img.reservation-visual {
    margin-left: clamp(18px, 2.2vw, 44px);
  }

  html[lang="zh"] #recruit #recruit-text {
    margin-right: clamp(56px, 5vw, 96px);
  }
}

/* Mobile opening badge: separate the translated copy from the 2026 mark. */
@media screen and (max-width: 767px) {
  #mochi-logo-wrap p {
    top: 3vw;
    right: 4vw;
    width: min(50vw, 210px);
    margin: 0;
    display: grid;
    grid-template-columns: minmax(64px, 1fr) auto;
    align-items: end;
    column-gap: 9px;
    font-size: 1rem;
    line-height: 1.45;
  }

  #mochi-logo-wrap p > span:first-child {
    display: block;
    min-width: 0;
  }

  #mochi-logo-wrap p strong {
    position: static;
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
    font-size: clamp(2.8rem, 8vw, 3.2rem);
    line-height: .82;
    letter-spacing: -.04em;
  }

  #mochi-logo-wrap p strong span {
    margin-left: 7px;
    font-size: clamp(1.35rem, 4vw, 1.6rem);
  }

  html[lang="zh"] #mochi-logo-wrap p {
    grid-template-columns: minmax(70px, 1fr) auto;
    column-gap: 10px;
  }
}

/* Mochi fix: hero 徽章与文案分离（评委 R1 首屏碰撞）——桌面端徽章移到文案右侧空旷区并缩号 */
@media screen and (min-width: 768px) {
  #mochi-logo-wrap p strong { font-size: 8rem; right: -210px; bottom: 10px; }
  #mochi-logo-wrap p strong span { font-size: 4.2rem; }
}