/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Roboto+Condensed:wght@300;400;700&display=swap");
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;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

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

* {
  box-sizing: border-box;
  outline: 0;
}

:root {
  --vw: 1vw;
}

body {
  position: relative;
  z-index: 1;
  color: #333333;
  background-color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  body {
    width: 100%;
    min-width: inherit;
  }
}

sup {
  font-size: 0.7em;
  vertical-align: top;
}

a {
  text-decoration: none;
  color: #333;
}

img {
  width: 100%;
}

.reg {
  font-weight: 400 !important;
}

.medium {
  font-weight: 500 !important;
}

.big {
  font-size: 1.5em;
}

.small {
  font-size: 0.8em;
}

.color_base {
  color: "Noto Sans JP", sans-serif !important;
}

.preload {
  transition: 0s !important;
}

a.fade,
div.fade,
input.fade {
  transition: 0.4s;
  opacity: 1;
}
a.fade:hover,
div.fade:hover,
input.fade:hover {
  opacity: 0.7;
}

.tdeco_under {
  text-decoration: underline;
}

.none {
  display: none !important;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.floatNone {
  float: none;
}

@media screen and (max-width: 768px) {
  .spfloatNone {
    float: none !important;
  }
}

.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.right {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.left {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.align_center {
  text-align: center !important;
}

.align_right {
  text-align: right !important;
}

.align_left {
  text-align: left !important;
  text-align: justify !important;
}

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

@media screen and (max-width: 768px) {
  .sp_align_center {
    text-align: center !important;
  }
}

@media screen and (max-width: 768px) {
  .sp_align_right {
    text-align: right !important;
  }
}

@media screen and (max-width: 768px) {
  .sp_align_left {
    text-align: left !important;
    text-align: justify !important;
  }
}

.dblock {
  display: block !important;
}

.dib {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .spblock {
    display: block;
    min-width: 0 !important;
    width: auto !important;
  }
}

@media screen and (max-width: 768px) {
  .sptable {
    display: table !important;
  }
}

.relative {
  position: relative;
}

.medium {
  font-weight: 500 !important;
}

.bold {
  font-weight: 700 !important;
}

ul.disc, ol.disc {
  list-style: disc;
  padding-left: 1.3em;
}
ul.disc > li, ol.disc > li {
  margin-top: 0.5em;
}
ul.disc > li:first-child, ol.disc > li:first-child {
  margin-top: 0;
}

.num_list {
  counter-reset: num;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
}
.num_list > li {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 2.8em;
  margin-top: 0.8em;
}
.num_list > li:first-child {
  margin-top: 0;
}
.num_list > li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display: inline-block;
  background: #ebebeb;
  color: #000;
  font-weight: 700;
  border-radius: 50%;
  left: 0;
  width: calc(var(--vw) * 2.22);
  height: calc(var(--vw) * 2.22);
  line-height: calc(var(--vw) * 2.22);
  text-align: center;
  top: 0.4em;
}
@media screen and (max-width: 768px) {
  .num_list > li:before {
    width: calc(var(--vw) * 8);
    height: calc(var(--vw) * 8);
    line-height: calc(var(--vw) * 8);
  }
}

.decimal {
  list-style: decimal;
  padding-left: 1.3em;
}
.decimal > li {
  margin-top: 0.5em;
}
.decimal > li:first-child {
  margin-top: 0;
}

.flex {
  display: -ms-flex;
  display: flex;
  align-items: center;
}

.jc_center {
  justify-content: center;
}

.jc_sb {
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .sp_column {
    flex-direction: column;
  }
}

.mt1em {
  margin-top: 1em !important;
}

.mt1_5em {
  margin-top: 1.5em !important;
}

.mt2em {
  margin-top: 2em !important;
}

.padding_1em {
  padding: 1em;
}

.padding_2em {
  padding: 2em;
}

.padding_3em {
  padding: 3em;
}

.bg_black {
  background: #000 !important;
}

.bg_white {
  background: #fff !important;
}

.bg_gray {
  background: #ebebeb !important;
}

.c_black {
  color: #000 !important;
}

.c_white {
  color: #fff !important;
}

.lh1 {
  line-height: 1 !important;
}

.lh15 {
  line-height: 1.5 !important;
}

.lh18 {
  line-height: 1.8 !important;
}

.lh2 {
  line-height: 2 !important;
}

@media screen and (max-width: 768px) {
  .splh1 {
    line-height: 1 !important;
  }
  .splh15 {
    line-height: 1.5 !important;
  }
  .splh18 {
    line-height: 1.8 !important;
  }
  .splh2 {
    line-height: 2 !important;
  }
}
.w5 {
  width: 5% !important;
}

.w10 {
  width: 10% !important;
}

.w19 {
  width: 19% !important;
}

.w20 {
  width: 20% !important;
}

.w30 {
  width: 30% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .spwauto {
    width: auto !important;
  }
  .spw5 {
    width: 5% !important;
  }
  .spw10 {
    width: 10% !important;
  }
  .spw20 {
    width: 20% !important;
  }
  .spw30 {
    width: 30% !important;
  }
  .spw40 {
    width: 40% !important;
  }
  .spw50 {
    width: 50% !important;
  }
  .spw60 {
    width: 60% !important;
  }
  .spw70 {
    width: 70% !important;
  }
  .spw80 {
    width: 80% !important;
  }
  .spw90 {
    width: 90% !important;
  }
  .spw100 {
    width: 100% !important;
  }
}
body .fz11 {
  font-size: calc(var(--vw) * (11 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz11 {
    font-size: 11px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz11 {
    font-size: calc(var(--vw) * (11 / 780 * 100)) !important;
  }
}
body .fz12 {
  font-size: calc(var(--vw) * (12 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz12 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz12 {
    font-size: calc(var(--vw) * (12 / 780 * 100)) !important;
  }
}
body .fz13 {
  font-size: calc(var(--vw) * (13 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz13 {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz13 {
    font-size: calc(var(--vw) * (13 / 780 * 100)) !important;
  }
}
body .fz14 {
  font-size: calc(var(--vw) * (14 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz14 {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz14 {
    font-size: calc(var(--vw) * (14 / 780 * 100)) !important;
  }
}
body .fz15 {
  font-size: calc(var(--vw) * (15 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz15 {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz15 {
    font-size: calc(var(--vw) * (15 / 780 * 100)) !important;
  }
}
body .fz16 {
  font-size: calc(var(--vw) * (16 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz16 {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz16 {
    font-size: calc(var(--vw) * (16 / 780 * 100)) !important;
  }
}
body .fz17 {
  font-size: calc(var(--vw) * (17 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz17 {
    font-size: 17px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz17 {
    font-size: calc(var(--vw) * (17 / 780 * 100)) !important;
  }
}
body .fz18 {
  font-size: calc(var(--vw) * (18 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz18 {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz18 {
    font-size: calc(var(--vw) * (18 / 780 * 100)) !important;
  }
}
body .fz19 {
  font-size: calc(var(--vw) * (19 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz19 {
    font-size: 19px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz19 {
    font-size: calc(var(--vw) * (19 / 780 * 100)) !important;
  }
}
body .fz20 {
  font-size: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz20 {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz20 {
    font-size: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .fz21 {
  font-size: calc(var(--vw) * (21 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz21 {
    font-size: 21px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz21 {
    font-size: calc(var(--vw) * (21 / 780 * 100)) !important;
  }
}
body .fz22 {
  font-size: calc(var(--vw) * (22 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz22 {
    font-size: 22px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz22 {
    font-size: calc(var(--vw) * (22 / 780 * 100)) !important;
  }
}
body .fz23 {
  font-size: calc(var(--vw) * (23 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz23 {
    font-size: 23px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz23 {
    font-size: calc(var(--vw) * (23 / 780 * 100)) !important;
  }
}
body .fz24 {
  font-size: calc(var(--vw) * (24 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz24 {
    font-size: 24px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz24 {
    font-size: calc(var(--vw) * (24 / 780 * 100)) !important;
  }
}
body .fz25 {
  font-size: calc(var(--vw) * (25 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz25 {
    font-size: 25px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz25 {
    font-size: calc(var(--vw) * (25 / 780 * 100)) !important;
  }
}
body .fz26 {
  font-size: calc(var(--vw) * (26 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz26 {
    font-size: 26px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz26 {
    font-size: calc(var(--vw) * (26 / 780 * 100)) !important;
  }
}
body .fz27 {
  font-size: calc(var(--vw) * (27 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz27 {
    font-size: 27px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz27 {
    font-size: calc(var(--vw) * (27 / 780 * 100)) !important;
  }
}
body .fz28 {
  font-size: calc(var(--vw) * (28 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz28 {
    font-size: 28px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz28 {
    font-size: calc(var(--vw) * (28 / 780 * 100)) !important;
  }
}
body .fz29 {
  font-size: calc(var(--vw) * (29 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz29 {
    font-size: 29px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz29 {
    font-size: calc(var(--vw) * (29 / 780 * 100)) !important;
  }
}
body .fz30 {
  font-size: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz30 {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz30 {
    font-size: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .fz31 {
  font-size: calc(var(--vw) * (31 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz31 {
    font-size: 31px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz31 {
    font-size: calc(var(--vw) * (31 / 780 * 100)) !important;
  }
}
body .fz32 {
  font-size: calc(var(--vw) * (32 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz32 {
    font-size: 32px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz32 {
    font-size: calc(var(--vw) * (32 / 780 * 100)) !important;
  }
}
body .fz33 {
  font-size: calc(var(--vw) * (33 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz33 {
    font-size: 33px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz33 {
    font-size: calc(var(--vw) * (33 / 780 * 100)) !important;
  }
}
body .fz34 {
  font-size: calc(var(--vw) * (34 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz34 {
    font-size: 34px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz34 {
    font-size: calc(var(--vw) * (34 / 780 * 100)) !important;
  }
}
body .fz35 {
  font-size: calc(var(--vw) * (35 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz35 {
    font-size: 35px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz35 {
    font-size: calc(var(--vw) * (35 / 780 * 100)) !important;
  }
}
body .fz36 {
  font-size: calc(var(--vw) * (36 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz36 {
    font-size: 36px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz36 {
    font-size: calc(var(--vw) * (36 / 780 * 100)) !important;
  }
}
body .fz37 {
  font-size: calc(var(--vw) * (37 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz37 {
    font-size: 37px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz37 {
    font-size: calc(var(--vw) * (37 / 780 * 100)) !important;
  }
}
body .fz38 {
  font-size: calc(var(--vw) * (38 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz38 {
    font-size: 38px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz38 {
    font-size: calc(var(--vw) * (38 / 780 * 100)) !important;
  }
}
body .fz39 {
  font-size: calc(var(--vw) * (39 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz39 {
    font-size: 39px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz39 {
    font-size: calc(var(--vw) * (39 / 780 * 100)) !important;
  }
}
body .fz40 {
  font-size: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz40 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz40 {
    font-size: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .fz41 {
  font-size: calc(var(--vw) * (41 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz41 {
    font-size: 41px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz41 {
    font-size: calc(var(--vw) * (41 / 780 * 100)) !important;
  }
}
body .fz42 {
  font-size: calc(var(--vw) * (42 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz42 {
    font-size: 42px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz42 {
    font-size: calc(var(--vw) * (42 / 780 * 100)) !important;
  }
}
body .fz43 {
  font-size: calc(var(--vw) * (43 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz43 {
    font-size: 43px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz43 {
    font-size: calc(var(--vw) * (43 / 780 * 100)) !important;
  }
}
body .fz44 {
  font-size: calc(var(--vw) * (44 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz44 {
    font-size: 44px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz44 {
    font-size: calc(var(--vw) * (44 / 780 * 100)) !important;
  }
}
body .fz45 {
  font-size: calc(var(--vw) * (45 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz45 {
    font-size: 45px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz45 {
    font-size: calc(var(--vw) * (45 / 780 * 100)) !important;
  }
}
body .fz46 {
  font-size: calc(var(--vw) * (46 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz46 {
    font-size: 46px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz46 {
    font-size: calc(var(--vw) * (46 / 780 * 100)) !important;
  }
}
body .fz47 {
  font-size: calc(var(--vw) * (47 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz47 {
    font-size: 47px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz47 {
    font-size: calc(var(--vw) * (47 / 780 * 100)) !important;
  }
}
body .fz48 {
  font-size: calc(var(--vw) * (48 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz48 {
    font-size: 48px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz48 {
    font-size: calc(var(--vw) * (48 / 780 * 100)) !important;
  }
}
body .fz49 {
  font-size: calc(var(--vw) * (49 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz49 {
    font-size: 49px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz49 {
    font-size: calc(var(--vw) * (49 / 780 * 100)) !important;
  }
}
body .fz50 {
  font-size: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .fz50 {
    font-size: 50px !important;
  }
}
@media screen and (max-width: 768px) {
  body .fz50 {
    font-size: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .spfz11 {
    font-size: calc(var(--vw) * (11 / 780 * 100)) !important;
  }
  body .spfz12 {
    font-size: calc(var(--vw) * (12 / 780 * 100)) !important;
  }
  body .spfz13 {
    font-size: calc(var(--vw) * (13 / 780 * 100)) !important;
  }
  body .spfz14 {
    font-size: calc(var(--vw) * (14 / 780 * 100)) !important;
  }
  body .spfz15 {
    font-size: calc(var(--vw) * (15 / 780 * 100)) !important;
  }
  body .spfz16 {
    font-size: calc(var(--vw) * (16 / 780 * 100)) !important;
  }
  body .spfz17 {
    font-size: calc(var(--vw) * (17 / 780 * 100)) !important;
  }
  body .spfz18 {
    font-size: calc(var(--vw) * (18 / 780 * 100)) !important;
  }
  body .spfz19 {
    font-size: calc(var(--vw) * (19 / 780 * 100)) !important;
  }
  body .spfz20 {
    font-size: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
  body .spfz21 {
    font-size: calc(var(--vw) * (21 / 780 * 100)) !important;
  }
  body .spfz22 {
    font-size: calc(var(--vw) * (22 / 780 * 100)) !important;
  }
  body .spfz23 {
    font-size: calc(var(--vw) * (23 / 780 * 100)) !important;
  }
  body .spfz24 {
    font-size: calc(var(--vw) * (24 / 780 * 100)) !important;
  }
  body .spfz25 {
    font-size: calc(var(--vw) * (25 / 780 * 100)) !important;
  }
  body .spfz26 {
    font-size: calc(var(--vw) * (26 / 780 * 100)) !important;
  }
  body .spfz27 {
    font-size: calc(var(--vw) * (27 / 780 * 100)) !important;
  }
  body .spfz28 {
    font-size: calc(var(--vw) * (28 / 780 * 100)) !important;
  }
  body .spfz29 {
    font-size: calc(var(--vw) * (29 / 780 * 100)) !important;
  }
  body .spfz30 {
    font-size: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
  body .spfz31 {
    font-size: calc(var(--vw) * (31 / 780 * 100)) !important;
  }
  body .spfz32 {
    font-size: calc(var(--vw) * (32 / 780 * 100)) !important;
  }
  body .spfz33 {
    font-size: calc(var(--vw) * (33 / 780 * 100)) !important;
  }
  body .spfz34 {
    font-size: calc(var(--vw) * (34 / 780 * 100)) !important;
  }
  body .spfz35 {
    font-size: calc(var(--vw) * (35 / 780 * 100)) !important;
  }
  body .spfz36 {
    font-size: calc(var(--vw) * (36 / 780 * 100)) !important;
  }
  body .spfz37 {
    font-size: calc(var(--vw) * (37 / 780 * 100)) !important;
  }
  body .spfz38 {
    font-size: calc(var(--vw) * (38 / 780 * 100)) !important;
  }
  body .spfz39 {
    font-size: calc(var(--vw) * (39 / 780 * 100)) !important;
  }
  body .spfz40 {
    font-size: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
  body .spfz41 {
    font-size: calc(var(--vw) * (41 / 780 * 100)) !important;
  }
  body .spfz42 {
    font-size: calc(var(--vw) * (42 / 780 * 100)) !important;
  }
  body .spfz43 {
    font-size: calc(var(--vw) * (43 / 780 * 100)) !important;
  }
  body .spfz44 {
    font-size: calc(var(--vw) * (44 / 780 * 100)) !important;
  }
  body .spfz45 {
    font-size: calc(var(--vw) * (45 / 780 * 100)) !important;
  }
  body .spfz46 {
    font-size: calc(var(--vw) * (46 / 780 * 100)) !important;
  }
  body .spfz47 {
    font-size: calc(var(--vw) * (47 / 780 * 100)) !important;
  }
  body .spfz48 {
    font-size: calc(var(--vw) * (48 / 780 * 100)) !important;
  }
  body .spfz49 {
    font-size: calc(var(--vw) * (49 / 780 * 100)) !important;
  }
  body .spfz50 {
    font-size: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
  body .spfz51 {
    font-size: calc(var(--vw) * (51 / 780 * 100)) !important;
  }
  body .spfz52 {
    font-size: calc(var(--vw) * (52 / 780 * 100)) !important;
  }
  body .spfz53 {
    font-size: calc(var(--vw) * (53 / 780 * 100)) !important;
  }
  body .spfz54 {
    font-size: calc(var(--vw) * (54 / 780 * 100)) !important;
  }
  body .spfz55 {
    font-size: calc(var(--vw) * (55 / 780 * 100)) !important;
  }
}

body .mt0 {
  margin-top: 0 !important;
}
body .mt10 {
  margin-top: calc(var(--vw) * (10 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt10 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  body .mt10 {
    margin-top: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
body .mt20 {
  margin-top: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt20 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  body .mt20 {
    margin-top: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .mt30 {
  margin-top: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt30 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  body .mt30 {
    margin-top: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .mt40 {
  margin-top: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt40 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  body .mt40 {
    margin-top: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .mt50 {
  margin-top: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt50 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  body .mt50 {
    margin-top: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
body .mt60 {
  margin-top: calc(var(--vw) * (60 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt60 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  body .mt60 {
    margin-top: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
body .mt70 {
  margin-top: calc(var(--vw) * (70 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt70 {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  body .mt70 {
    margin-top: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
body .mt80 {
  margin-top: calc(var(--vw) * (80 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt80 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  body .mt80 {
    margin-top: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
body .mt90 {
  margin-top: calc(var(--vw) * (90 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt90 {
    margin-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  body .mt90 {
    margin-top: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
body .mt100 {
  margin-top: calc(var(--vw) * (100 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt100 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  body .mt100 {
    margin-top: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
body .mt110 {
  margin-top: calc(var(--vw) * (110 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt110 {
    margin-top: 110px;
  }
}
@media screen and (max-width: 768px) {
  body .mt110 {
    margin-top: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
body .mt120 {
  margin-top: calc(var(--vw) * (120 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt120 {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  body .mt120 {
    margin-top: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
body .mt130 {
  margin-top: calc(var(--vw) * (130 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt130 {
    margin-top: 130px;
  }
}
@media screen and (max-width: 768px) {
  body .mt130 {
    margin-top: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
body .mt140 {
  margin-top: calc(var(--vw) * (140 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt140 {
    margin-top: 140px;
  }
}
@media screen and (max-width: 768px) {
  body .mt140 {
    margin-top: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
body .mt150 {
  margin-top: calc(var(--vw) * (150 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt150 {
    margin-top: 150px;
  }
}
@media screen and (max-width: 768px) {
  body .mt150 {
    margin-top: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
body .mt160 {
  margin-top: calc(var(--vw) * (160 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt160 {
    margin-top: 160px;
  }
}
@media screen and (max-width: 768px) {
  body .mt160 {
    margin-top: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
body .mt170 {
  margin-top: calc(var(--vw) * (170 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt170 {
    margin-top: 170px;
  }
}
@media screen and (max-width: 768px) {
  body .mt170 {
    margin-top: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
body .mt180 {
  margin-top: calc(var(--vw) * (180 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mt180 {
    margin-top: 180px;
  }
}
@media screen and (max-width: 768px) {
  body .mt180 {
    margin-top: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .spmt0 {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt10 {
    margin-top: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt20 {
    margin-top: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt30 {
    margin-top: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt40 {
    margin-top: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt50 {
    margin-top: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt60 {
    margin-top: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt70 {
    margin-top: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt80 {
    margin-top: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt90 {
    margin-top: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt100 {
    margin-top: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt110 {
    margin-top: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt120 {
    margin-top: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt130 {
    margin-top: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt140 {
    margin-top: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt150 {
    margin-top: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt160 {
    margin-top: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt170 {
    margin-top: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmt180 {
    margin-top: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

body .mb0 {
  margin-bottom: 0 !important;
}
body .mb10 {
  margin-bottom: calc(var(--vw) * (10 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb10 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  body .mb10 {
    margin-bottom: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
body .mb20 {
  margin-bottom: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb20 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  body .mb20 {
    margin-bottom: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .mb30 {
  margin-bottom: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb30 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  body .mb30 {
    margin-bottom: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .mb40 {
  margin-bottom: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb40 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  body .mb40 {
    margin-bottom: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .mb50 {
  margin-bottom: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb50 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  body .mb50 {
    margin-bottom: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
body .mb60 {
  margin-bottom: calc(var(--vw) * (60 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb60 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  body .mb60 {
    margin-bottom: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
body .mb70 {
  margin-bottom: calc(var(--vw) * (70 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb70 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  body .mb70 {
    margin-bottom: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
body .mb80 {
  margin-bottom: calc(var(--vw) * (80 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb80 {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  body .mb80 {
    margin-bottom: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
body .mb90 {
  margin-bottom: calc(var(--vw) * (90 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb90 {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 768px) {
  body .mb90 {
    margin-bottom: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
body .mb100 {
  margin-bottom: calc(var(--vw) * (100 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb100 {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  body .mb100 {
    margin-bottom: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
body .mb110 {
  margin-bottom: calc(var(--vw) * (110 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb110 {
    margin-bottom: 110px;
  }
}
@media screen and (max-width: 768px) {
  body .mb110 {
    margin-bottom: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
body .mb120 {
  margin-bottom: calc(var(--vw) * (120 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb120 {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  body .mb120 {
    margin-bottom: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
body .mb130 {
  margin-bottom: calc(var(--vw) * (130 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb130 {
    margin-bottom: 130px;
  }
}
@media screen and (max-width: 768px) {
  body .mb130 {
    margin-bottom: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
body .mb140 {
  margin-bottom: calc(var(--vw) * (140 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb140 {
    margin-bottom: 140px;
  }
}
@media screen and (max-width: 768px) {
  body .mb140 {
    margin-bottom: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
body .mb150 {
  margin-bottom: calc(var(--vw) * (150 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb150 {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 768px) {
  body .mb150 {
    margin-bottom: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
body .mb160 {
  margin-bottom: calc(var(--vw) * (160 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb160 {
    margin-bottom: 160px;
  }
}
@media screen and (max-width: 768px) {
  body .mb160 {
    margin-bottom: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
body .mb170 {
  margin-bottom: calc(var(--vw) * (170 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb170 {
    margin-bottom: 170px;
  }
}
@media screen and (max-width: 768px) {
  body .mb170 {
    margin-bottom: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
body .mb180 {
  margin-bottom: calc(var(--vw) * (180 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mb180 {
    margin-bottom: 180px;
  }
}
@media screen and (max-width: 768px) {
  body .mb180 {
    margin-bottom: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .spmb0 {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb10 {
    margin-bottom: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb20 {
    margin-bottom: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb30 {
    margin-bottom: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb40 {
    margin-bottom: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb50 {
    margin-bottom: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb60 {
    margin-bottom: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb70 {
    margin-bottom: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb80 {
    margin-bottom: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb90 {
    margin-bottom: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb100 {
    margin-bottom: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb110 {
    margin-bottom: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb120 {
    margin-bottom: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb130 {
    margin-bottom: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb140 {
    margin-bottom: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb150 {
    margin-bottom: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb160 {
    margin-bottom: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb170 {
    margin-bottom: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmb180 {
    margin-bottom: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

body .ml0 {
  margin-left: 0 !important;
}
body .ml10 {
  margin-left: calc(var(--vw) * (10 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml10 {
    margin-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  body .ml10 {
    margin-left: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
body .ml20 {
  margin-left: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml20 {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  body .ml20 {
    margin-left: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .ml30 {
  margin-left: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml30 {
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  body .ml30 {
    margin-left: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .ml40 {
  margin-left: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml40 {
    margin-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  body .ml40 {
    margin-left: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .ml50 {
  margin-left: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml50 {
    margin-left: 50px;
  }
}
@media screen and (max-width: 768px) {
  body .ml50 {
    margin-left: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
body .ml60 {
  margin-left: calc(var(--vw) * (60 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml60 {
    margin-left: 60px;
  }
}
@media screen and (max-width: 768px) {
  body .ml60 {
    margin-left: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
body .ml70 {
  margin-left: calc(var(--vw) * (70 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml70 {
    margin-left: 70px;
  }
}
@media screen and (max-width: 768px) {
  body .ml70 {
    margin-left: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
body .ml80 {
  margin-left: calc(var(--vw) * (80 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml80 {
    margin-left: 80px;
  }
}
@media screen and (max-width: 768px) {
  body .ml80 {
    margin-left: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
body .ml90 {
  margin-left: calc(var(--vw) * (90 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml90 {
    margin-left: 90px;
  }
}
@media screen and (max-width: 768px) {
  body .ml90 {
    margin-left: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
body .ml100 {
  margin-left: calc(var(--vw) * (100 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml100 {
    margin-left: 100px;
  }
}
@media screen and (max-width: 768px) {
  body .ml100 {
    margin-left: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
body .ml110 {
  margin-left: calc(var(--vw) * (110 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml110 {
    margin-left: 110px;
  }
}
@media screen and (max-width: 768px) {
  body .ml110 {
    margin-left: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
body .ml120 {
  margin-left: calc(var(--vw) * (120 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml120 {
    margin-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  body .ml120 {
    margin-left: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
body .ml130 {
  margin-left: calc(var(--vw) * (130 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml130 {
    margin-left: 130px;
  }
}
@media screen and (max-width: 768px) {
  body .ml130 {
    margin-left: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
body .ml140 {
  margin-left: calc(var(--vw) * (140 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml140 {
    margin-left: 140px;
  }
}
@media screen and (max-width: 768px) {
  body .ml140 {
    margin-left: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
body .ml150 {
  margin-left: calc(var(--vw) * (150 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml150 {
    margin-left: 150px;
  }
}
@media screen and (max-width: 768px) {
  body .ml150 {
    margin-left: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
body .ml160 {
  margin-left: calc(var(--vw) * (160 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml160 {
    margin-left: 160px;
  }
}
@media screen and (max-width: 768px) {
  body .ml160 {
    margin-left: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
body .ml170 {
  margin-left: calc(var(--vw) * (170 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml170 {
    margin-left: 170px;
  }
}
@media screen and (max-width: 768px) {
  body .ml170 {
    margin-left: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
body .ml180 {
  margin-left: calc(var(--vw) * (180 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .ml180 {
    margin-left: 180px;
  }
}
@media screen and (max-width: 768px) {
  body .ml180 {
    margin-left: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .spml0 {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml10 {
    margin-left: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml20 {
    margin-left: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml30 {
    margin-left: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml40 {
    margin-left: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml50 {
    margin-left: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml60 {
    margin-left: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml70 {
    margin-left: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml80 {
    margin-left: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml90 {
    margin-left: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml100 {
    margin-left: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml110 {
    margin-left: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml120 {
    margin-left: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml130 {
    margin-left: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml140 {
    margin-left: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml150 {
    margin-left: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml160 {
    margin-left: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml170 {
    margin-left: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spml180 {
    margin-left: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

body .mr0 {
  margin-right: 0 !important;
}
body .mr10 {
  margin-right: calc(var(--vw) * (10 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr10 {
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  body .mr10 {
    margin-right: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
body .mr20 {
  margin-right: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr20 {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  body .mr20 {
    margin-right: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .mr30 {
  margin-right: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr30 {
    margin-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  body .mr30 {
    margin-right: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .mr40 {
  margin-right: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr40 {
    margin-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  body .mr40 {
    margin-right: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .mr50 {
  margin-right: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr50 {
    margin-right: 50px;
  }
}
@media screen and (max-width: 768px) {
  body .mr50 {
    margin-right: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
body .mr60 {
  margin-right: calc(var(--vw) * (60 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr60 {
    margin-right: 60px;
  }
}
@media screen and (max-width: 768px) {
  body .mr60 {
    margin-right: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
body .mr70 {
  margin-right: calc(var(--vw) * (70 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr70 {
    margin-right: 70px;
  }
}
@media screen and (max-width: 768px) {
  body .mr70 {
    margin-right: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
body .mr80 {
  margin-right: calc(var(--vw) * (80 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr80 {
    margin-right: 80px;
  }
}
@media screen and (max-width: 768px) {
  body .mr80 {
    margin-right: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
body .mr90 {
  margin-right: calc(var(--vw) * (90 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr90 {
    margin-right: 90px;
  }
}
@media screen and (max-width: 768px) {
  body .mr90 {
    margin-right: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
body .mr100 {
  margin-right: calc(var(--vw) * (100 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr100 {
    margin-right: 100px;
  }
}
@media screen and (max-width: 768px) {
  body .mr100 {
    margin-right: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
body .mr110 {
  margin-right: calc(var(--vw) * (110 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr110 {
    margin-right: 110px;
  }
}
@media screen and (max-width: 768px) {
  body .mr110 {
    margin-right: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
body .mr120 {
  margin-right: calc(var(--vw) * (120 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr120 {
    margin-right: 120px;
  }
}
@media screen and (max-width: 768px) {
  body .mr120 {
    margin-right: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
body .mr130 {
  margin-right: calc(var(--vw) * (130 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr130 {
    margin-right: 130px;
  }
}
@media screen and (max-width: 768px) {
  body .mr130 {
    margin-right: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
body .mr140 {
  margin-right: calc(var(--vw) * (140 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr140 {
    margin-right: 140px;
  }
}
@media screen and (max-width: 768px) {
  body .mr140 {
    margin-right: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
body .mr150 {
  margin-right: calc(var(--vw) * (150 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr150 {
    margin-right: 150px;
  }
}
@media screen and (max-width: 768px) {
  body .mr150 {
    margin-right: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
body .mr160 {
  margin-right: calc(var(--vw) * (160 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr160 {
    margin-right: 160px;
  }
}
@media screen and (max-width: 768px) {
  body .mr160 {
    margin-right: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
body .mr170 {
  margin-right: calc(var(--vw) * (170 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr170 {
    margin-right: 170px;
  }
}
@media screen and (max-width: 768px) {
  body .mr170 {
    margin-right: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
body .mr180 {
  margin-right: calc(var(--vw) * (180 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .mr180 {
    margin-right: 180px;
  }
}
@media screen and (max-width: 768px) {
  body .mr180 {
    margin-right: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .spmr0 {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr10 {
    margin-right: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr20 {
    margin-right: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr30 {
    margin-right: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr40 {
    margin-right: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr50 {
    margin-right: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr60 {
    margin-right: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr70 {
    margin-right: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr80 {
    margin-right: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr90 {
    margin-right: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr100 {
    margin-right: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr110 {
    margin-right: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr120 {
    margin-right: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr130 {
    margin-right: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr140 {
    margin-right: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr150 {
    margin-right: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr160 {
    margin-right: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr170 {
    margin-right: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .spmr180 {
    margin-right: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

body .pt0 {
  padding-top: 0 !important;
}
body .pt10 {
  padding-top: calc(var(--vw) * (10 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt10 {
    padding-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  body .pt10 {
    padding-top: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
body .pt20 {
  padding-top: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt20 {
    padding-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  body .pt20 {
    padding-top: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .pt30 {
  padding-top: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt30 {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  body .pt30 {
    padding-top: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .pt40 {
  padding-top: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt40 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  body .pt40 {
    padding-top: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .pt50 {
  padding-top: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt50 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  body .pt50 {
    padding-top: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
body .pt60 {
  padding-top: calc(var(--vw) * (60 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt60 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  body .pt60 {
    padding-top: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
body .pt70 {
  padding-top: calc(var(--vw) * (70 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt70 {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  body .pt70 {
    padding-top: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
body .pt80 {
  padding-top: calc(var(--vw) * (80 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt80 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  body .pt80 {
    padding-top: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
body .pt90 {
  padding-top: calc(var(--vw) * (90 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt90 {
    padding-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  body .pt90 {
    padding-top: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
body .pt100 {
  padding-top: calc(var(--vw) * (100 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt100 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  body .pt100 {
    padding-top: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
body .pt110 {
  padding-top: calc(var(--vw) * (110 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt110 {
    padding-top: 110px;
  }
}
@media screen and (max-width: 768px) {
  body .pt110 {
    padding-top: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
body .pt120 {
  padding-top: calc(var(--vw) * (120 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt120 {
    padding-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  body .pt120 {
    padding-top: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
body .pt130 {
  padding-top: calc(var(--vw) * (130 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt130 {
    padding-top: 130px;
  }
}
@media screen and (max-width: 768px) {
  body .pt130 {
    padding-top: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
body .pt140 {
  padding-top: calc(var(--vw) * (140 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt140 {
    padding-top: 140px;
  }
}
@media screen and (max-width: 768px) {
  body .pt140 {
    padding-top: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
body .pt150 {
  padding-top: calc(var(--vw) * (150 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt150 {
    padding-top: 150px;
  }
}
@media screen and (max-width: 768px) {
  body .pt150 {
    padding-top: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
body .pt160 {
  padding-top: calc(var(--vw) * (160 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt160 {
    padding-top: 160px;
  }
}
@media screen and (max-width: 768px) {
  body .pt160 {
    padding-top: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
body .pt170 {
  padding-top: calc(var(--vw) * (170 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt170 {
    padding-top: 170px;
  }
}
@media screen and (max-width: 768px) {
  body .pt170 {
    padding-top: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
body .pt180 {
  padding-top: calc(var(--vw) * (180 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pt180 {
    padding-top: 180px;
  }
}
@media screen and (max-width: 768px) {
  body .pt180 {
    padding-top: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .sppt0 {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt10 {
    padding-top: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt20 {
    padding-top: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt30 {
    padding-top: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt40 {
    padding-top: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt50 {
    padding-top: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt60 {
    padding-top: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt70 {
    padding-top: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt80 {
    padding-top: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt90 {
    padding-top: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt100 {
    padding-top: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt110 {
    padding-top: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt120 {
    padding-top: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt130 {
    padding-top: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt140 {
    padding-top: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt150 {
    padding-top: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt160 {
    padding-top: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt170 {
    padding-top: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppt180 {
    padding-top: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

body .pb0 {
  padding-bottom: 0 !important;
}
body .pb10 {
  padding-bottom: calc(var(--vw) * (10 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb10 {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  body .pb10 {
    padding-bottom: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
body .pb20 {
  padding-bottom: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb20 {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  body .pb20 {
    padding-bottom: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .pb30 {
  padding-bottom: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb30 {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  body .pb30 {
    padding-bottom: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .pb40 {
  padding-bottom: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb40 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  body .pb40 {
    padding-bottom: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .pb50 {
  padding-bottom: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb50 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  body .pb50 {
    padding-bottom: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
body .pb60 {
  padding-bottom: calc(var(--vw) * (60 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb60 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  body .pb60 {
    padding-bottom: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
body .pb70 {
  padding-bottom: calc(var(--vw) * (70 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb70 {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  body .pb70 {
    padding-bottom: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
body .pb80 {
  padding-bottom: calc(var(--vw) * (80 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb80 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  body .pb80 {
    padding-bottom: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
body .pb90 {
  padding-bottom: calc(var(--vw) * (90 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb90 {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 768px) {
  body .pb90 {
    padding-bottom: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
body .pb100 {
  padding-bottom: calc(var(--vw) * (100 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb100 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  body .pb100 {
    padding-bottom: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
body .pb110 {
  padding-bottom: calc(var(--vw) * (110 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb110 {
    padding-bottom: 110px;
  }
}
@media screen and (max-width: 768px) {
  body .pb110 {
    padding-bottom: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
body .pb120 {
  padding-bottom: calc(var(--vw) * (120 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb120 {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  body .pb120 {
    padding-bottom: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
body .pb130 {
  padding-bottom: calc(var(--vw) * (130 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb130 {
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 768px) {
  body .pb130 {
    padding-bottom: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
body .pb140 {
  padding-bottom: calc(var(--vw) * (140 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb140 {
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 768px) {
  body .pb140 {
    padding-bottom: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
body .pb150 {
  padding-bottom: calc(var(--vw) * (150 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb150 {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 768px) {
  body .pb150 {
    padding-bottom: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
body .pb160 {
  padding-bottom: calc(var(--vw) * (160 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb160 {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 768px) {
  body .pb160 {
    padding-bottom: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
body .pb170 {
  padding-bottom: calc(var(--vw) * (170 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb170 {
    padding-bottom: 170px;
  }
}
@media screen and (max-width: 768px) {
  body .pb170 {
    padding-bottom: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
body .pb180 {
  padding-bottom: calc(var(--vw) * (180 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pb180 {
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 768px) {
  body .pb180 {
    padding-bottom: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .sppb0 {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb10 {
    padding-bottom: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb20 {
    padding-bottom: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb30 {
    padding-bottom: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb40 {
    padding-bottom: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb50 {
    padding-bottom: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb60 {
    padding-bottom: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb70 {
    padding-bottom: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb80 {
    padding-bottom: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb90 {
    padding-bottom: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb100 {
    padding-bottom: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb110 {
    padding-bottom: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb120 {
    padding-bottom: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb130 {
    padding-bottom: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb140 {
    padding-bottom: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb150 {
    padding-bottom: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb160 {
    padding-bottom: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb170 {
    padding-bottom: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppb180 {
    padding-bottom: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

body .pl0 {
  padding-left: 0 !important;
}
body .pl10 {
  padding-left: calc(var(--vw) * (10 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl10 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  body .pl10 {
    padding-left: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
body .pl20 {
  padding-left: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl20 {
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  body .pl20 {
    padding-left: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .pl30 {
  padding-left: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl30 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  body .pl30 {
    padding-left: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .pl40 {
  padding-left: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl40 {
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  body .pl40 {
    padding-left: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .pl50 {
  padding-left: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl50 {
    padding-left: 50px;
  }
}
@media screen and (max-width: 768px) {
  body .pl50 {
    padding-left: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
body .pl60 {
  padding-left: calc(var(--vw) * (60 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl60 {
    padding-left: 60px;
  }
}
@media screen and (max-width: 768px) {
  body .pl60 {
    padding-left: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
body .pl70 {
  padding-left: calc(var(--vw) * (70 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl70 {
    padding-left: 70px;
  }
}
@media screen and (max-width: 768px) {
  body .pl70 {
    padding-left: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
body .pl80 {
  padding-left: calc(var(--vw) * (80 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl80 {
    padding-left: 80px;
  }
}
@media screen and (max-width: 768px) {
  body .pl80 {
    padding-left: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
body .pl90 {
  padding-left: calc(var(--vw) * (90 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl90 {
    padding-left: 90px;
  }
}
@media screen and (max-width: 768px) {
  body .pl90 {
    padding-left: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
body .pl100 {
  padding-left: calc(var(--vw) * (100 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl100 {
    padding-left: 100px;
  }
}
@media screen and (max-width: 768px) {
  body .pl100 {
    padding-left: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
body .pl110 {
  padding-left: calc(var(--vw) * (110 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl110 {
    padding-left: 110px;
  }
}
@media screen and (max-width: 768px) {
  body .pl110 {
    padding-left: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
body .pl120 {
  padding-left: calc(var(--vw) * (120 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl120 {
    padding-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  body .pl120 {
    padding-left: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
body .pl130 {
  padding-left: calc(var(--vw) * (130 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl130 {
    padding-left: 130px;
  }
}
@media screen and (max-width: 768px) {
  body .pl130 {
    padding-left: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
body .pl140 {
  padding-left: calc(var(--vw) * (140 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl140 {
    padding-left: 140px;
  }
}
@media screen and (max-width: 768px) {
  body .pl140 {
    padding-left: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
body .pl150 {
  padding-left: calc(var(--vw) * (150 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl150 {
    padding-left: 150px;
  }
}
@media screen and (max-width: 768px) {
  body .pl150 {
    padding-left: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
body .pl160 {
  padding-left: calc(var(--vw) * (160 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl160 {
    padding-left: 160px;
  }
}
@media screen and (max-width: 768px) {
  body .pl160 {
    padding-left: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
body .pl170 {
  padding-left: calc(var(--vw) * (170 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl170 {
    padding-left: 170px;
  }
}
@media screen and (max-width: 768px) {
  body .pl170 {
    padding-left: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
body .pl180 {
  padding-left: calc(var(--vw) * (180 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pl180 {
    padding-left: 180px;
  }
}
@media screen and (max-width: 768px) {
  body .pl180 {
    padding-left: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .sppl0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl10 {
    padding-left: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl20 {
    padding-left: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl30 {
    padding-left: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl40 {
    padding-left: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl50 {
    padding-left: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl60 {
    padding-left: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl70 {
    padding-left: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl80 {
    padding-left: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl90 {
    padding-left: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl100 {
    padding-left: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl110 {
    padding-left: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl120 {
    padding-left: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl130 {
    padding-left: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl140 {
    padding-left: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl150 {
    padding-left: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl160 {
    padding-left: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl170 {
    padding-left: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppl180 {
    padding-left: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

body .pr0 {
  padding-right: 0 !important;
}
body .pr10 {
  padding-right: calc(var(--vw) * (10 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr10 {
    padding-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  body .pr10 {
    padding-right: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
body .pr20 {
  padding-right: calc(var(--vw) * (20 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr20 {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  body .pr20 {
    padding-right: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
body .pr30 {
  padding-right: calc(var(--vw) * (30 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr30 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  body .pr30 {
    padding-right: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
body .pr40 {
  padding-right: calc(var(--vw) * (40 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr40 {
    padding-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  body .pr40 {
    padding-right: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
body .pr50 {
  padding-right: calc(var(--vw) * (50 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr50 {
    padding-right: 50px;
  }
}
@media screen and (max-width: 768px) {
  body .pr50 {
    padding-right: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
body .pr60 {
  padding-right: calc(var(--vw) * (60 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr60 {
    padding-right: 60px;
  }
}
@media screen and (max-width: 768px) {
  body .pr60 {
    padding-right: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
body .pr70 {
  padding-right: calc(var(--vw) * (70 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr70 {
    padding-right: 70px;
  }
}
@media screen and (max-width: 768px) {
  body .pr70 {
    padding-right: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
body .pr80 {
  padding-right: calc(var(--vw) * (80 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr80 {
    padding-right: 80px;
  }
}
@media screen and (max-width: 768px) {
  body .pr80 {
    padding-right: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
body .pr90 {
  padding-right: calc(var(--vw) * (90 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr90 {
    padding-right: 90px;
  }
}
@media screen and (max-width: 768px) {
  body .pr90 {
    padding-right: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
body .pr100 {
  padding-right: calc(var(--vw) * (100 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr100 {
    padding-right: 100px;
  }
}
@media screen and (max-width: 768px) {
  body .pr100 {
    padding-right: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
body .pr110 {
  padding-right: calc(var(--vw) * (110 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr110 {
    padding-right: 110px;
  }
}
@media screen and (max-width: 768px) {
  body .pr110 {
    padding-right: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
body .pr120 {
  padding-right: calc(var(--vw) * (120 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr120 {
    padding-right: 120px;
  }
}
@media screen and (max-width: 768px) {
  body .pr120 {
    padding-right: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
body .pr130 {
  padding-right: calc(var(--vw) * (130 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr130 {
    padding-right: 130px;
  }
}
@media screen and (max-width: 768px) {
  body .pr130 {
    padding-right: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
body .pr140 {
  padding-right: calc(var(--vw) * (140 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr140 {
    padding-right: 140px;
  }
}
@media screen and (max-width: 768px) {
  body .pr140 {
    padding-right: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
body .pr150 {
  padding-right: calc(var(--vw) * (150 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr150 {
    padding-right: 150px;
  }
}
@media screen and (max-width: 768px) {
  body .pr150 {
    padding-right: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
body .pr160 {
  padding-right: calc(var(--vw) * (160 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr160 {
    padding-right: 160px;
  }
}
@media screen and (max-width: 768px) {
  body .pr160 {
    padding-right: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
body .pr170 {
  padding-right: calc(var(--vw) * (170 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr170 {
    padding-right: 170px;
  }
}
@media screen and (max-width: 768px) {
  body .pr170 {
    padding-right: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
body .pr180 {
  padding-right: calc(var(--vw) * (180 / 1280 * 100)) !important;
}
@media screen and (min-width: 1201px) {
  body .pr180 {
    padding-right: 180px;
  }
}
@media screen and (max-width: 768px) {
  body .pr180 {
    padding-right: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

@media screen and (max-width: 768px) {
  body .sppr0 {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr10 {
    padding-right: calc(var(--vw) * (10 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr20 {
    padding-right: calc(var(--vw) * (20 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr30 {
    padding-right: calc(var(--vw) * (30 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr40 {
    padding-right: calc(var(--vw) * (40 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr50 {
    padding-right: calc(var(--vw) * (50 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr60 {
    padding-right: calc(var(--vw) * (60 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr70 {
    padding-right: calc(var(--vw) * (70 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr80 {
    padding-right: calc(var(--vw) * (80 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr90 {
    padding-right: calc(var(--vw) * (90 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr100 {
    padding-right: calc(var(--vw) * (100 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr110 {
    padding-right: calc(var(--vw) * (110 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr120 {
    padding-right: calc(var(--vw) * (120 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr130 {
    padding-right: calc(var(--vw) * (130 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr140 {
    padding-right: calc(var(--vw) * (140 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr150 {
    padding-right: calc(var(--vw) * (150 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr160 {
    padding-right: calc(var(--vw) * (160 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr170 {
    padding-right: calc(var(--vw) * (170 / 780 * 100)) !important;
  }
}
@media screen and (max-width: 768px) {
  body .sppr180 {
    padding-right: calc(var(--vw) * (180 / 780 * 100)) !important;
  }
}

header {
  z-index: 10;
  position: absolute;
  width: 100%;
  max-width: 1300px;
  top: calc(var(--vw) * (20 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  header {
    top: 20px;
  }
}
@media screen and (max-width: 768px) {
  header {
    top: calc(var(--vw) * (20 / 780 * 100));
  }
}
header .logo {
  width: calc(var(--vw) * (176 / 1280 * 100));
  max-width: 176px;
  margin-left: calc(var(--vw) * (45 / 1280 * 100));
}
@media screen and (max-width: 768px) {
  header .logo {
    width: calc(var(--vw) * (176 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  header .logo {
    width: calc(var(--vw) * (150 / 780 * 100));
    max-width: 100%;
  }
}
@media screen and (min-width: 1201px) {
  header .logo {
    margin-left: 45px;
  }
}
@media screen and (max-width: 768px) {
  header .logo {
    margin-left: calc(var(--vw) * (45 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  header .logo {
    margin-left: calc(var(--vw) * (0 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  header .logo {
    margin: 0 auto;
  }
}

.inner {
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner {
    padding-left: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .inner {
    padding-right: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .inner {
    width: auto;
  }
}

#header {
  margin: 0 auto;
  padding: calc(var(--vw) * (20 / 1280 * 100)) calc(var(--vw) * (40 / 1280 * 100)) calc(var(--vw) * (0 / 1280 * 100)) calc(var(--vw) * (40 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  #header {
    padding: 20px 40px 0px 40px;
  }
}
@media screen and (max-width: 768px) {
  #header {
    padding: calc(var(--vw) * (20 / 780 * 100)) calc(var(--vw) * (40 / 780 * 100)) calc(var(--vw) * (0 / 780 * 100)) calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #header {
    padding: calc(var(--vw) * (25 / 780 * 100)) calc(var(--vw) * (30 / 780 * 100)) calc(var(--vw) * (0 / 780 * 100)) calc(var(--vw) * (30 / 780 * 100));
  }
}
#header .logo {
  display: -ms-flex;
  display: flex;
  align-items: center;
}
#header .logo img {
  width: calc(var(--vw) * (143 / 1280 * 100));
  max-width: 143px;
}
@media screen and (max-width: 768px) {
  #header .logo img {
    width: calc(var(--vw) * (143 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #header .logo img {
    width: calc(var(--vw) * (96 / 780 * 100));
    max-width: 100%;
  }
}
#header .logo span {
  font-family: "Roboto Condensed", "Noto Sans JP", sans-serif;
  font-size: calc(var(--vw) * (24 / 1280 * 100));
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-left: calc(var(--vw) * (20 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  #header .logo span {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #header .logo span {
    font-size: calc(var(--vw) * (24 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #header .logo span {
    font-size: calc(var(--vw) * (18 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #header .logo span {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  #header .logo span {
    margin-left: calc(var(--vw) * (20 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #header .logo span {
    margin-top: calc(var(--vw) * (13 / 780 * 100));
  }
}

#kv {
  position: relative;
  height: calc(var(--vw) * (946 / 1280 * 100));
  max-height: 946px;
  background: url(../img/kv_img.jpg) 0 center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #kv {
    height: calc(var(--vw) * (946 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kv {
    height: calc(var(--vw) * (844 / 780 * 100));
    max-height: 100%;
  }
}
@media screen and (max-width: 768px) {
  #kv {
    background-image: url(../img/kv_img_sp.jpg);
  }
}
#kv .head_lead {
  position: absolute;
  top: calc(var(--vw) * (26 / 1280 * 100));
  right: 0;
  text-align: right;
  width: calc(var(--vw) * (854 / 1280 * 100));
  max-width: 854px;
}
@media screen and (min-width: 1201px) {
  #kv .head_lead {
    top: 26px;
  }
}
@media screen and (max-width: 768px) {
  #kv .head_lead {
    top: calc(var(--vw) * (26 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kv .head_lead {
    top: calc(var(--vw) * (22 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kv .head_lead {
    width: calc(var(--vw) * (854 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kv .head_lead {
    width: calc(var(--vw) * (494 / 780 * 100));
    max-width: 100%;
  }
}
#kv .head_lead .t01 {
  font-size: calc(var(--vw) * (13 / 1280 * 100));
  margin-top: 2em;
  color: #333;
  margin-right: 1em;
}
@media screen and (min-width: 1201px) {
  #kv .head_lead .t01 {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #kv .head_lead .t01 {
    font-size: calc(var(--vw) * (13 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kv .head_lead .t01 {
    font-size: calc(var(--vw) * (12 / 780 * 100));
  }
}

.grad {
  position: relative;
}
.grad:after {
  z-index: -2;
  content: "";
  width: 100%;
  height: calc(var(--vw) * (293 / 1280 * 100));
  max-height: 293px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgb(198, 233, 255);
  background: linear-gradient(90deg, rgb(198, 233, 255) 0%, rgb(255, 213, 206) 100%);
}
@media screen and (max-width: 768px) {
  .grad:after {
    height: calc(var(--vw) * (293 / 780 * 100));
  }
}
.grad:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: calc(var(--vw) * (293 / 1280 * 100));
  max-height: 293px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #fff 100%);
}
@media screen and (max-width: 768px) {
  .grad:before {
    height: calc(var(--vw) * (293 / 780 * 100));
  }
}

.lead_block {
  position: relative;
  padding: calc(var(--vw) * (40 / 1280 * 100)) calc(var(--vw) * (0 / 1280 * 100)) calc(var(--vw) * (80 / 1280 * 100)) calc(var(--vw) * (0 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .lead_block {
    padding: 40px 0px 80px 0px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block {
    padding: calc(var(--vw) * (40 / 780 * 100)) calc(var(--vw) * (0 / 780 * 100)) calc(var(--vw) * (80 / 780 * 100)) calc(var(--vw) * (0 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block {
    padding: calc(var(--vw) * (40 / 780 * 100)) calc(var(--vw) * (0 / 780 * 100)) calc(var(--vw) * (120 / 780 * 100)) calc(var(--vw) * (0 / 780 * 100));
  }
}
.lead_block .txt {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .lead_block .txt {
    flex-direction: column;
  }
}
.lead_block .txt .t1 {
  position: relative;
  display: inline-block;
  background: #ff9c8b;
  color: #fff;
  font-weight: 500;
  font-size: calc(var(--vw) * (22 / 1280 * 100));
  letter-spacing: 0.1em;
  padding: 0.35em 1em 0.45em 0.7em;
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
}
@media screen and (min-width: 1201px) {
  .lead_block .txt .t1 {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block .txt .t1 {
    font-size: calc(var(--vw) * (22 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .txt .t1 {
    font-size: calc(var(--vw) * (26 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .txt .t1 {
    display: block;
    -webkit-clip-path: none;
    clip-path: none;
  }
}
.lead_block .txt .t2 {
  color: #555555;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-left: 0.3em;
  font-size: calc(var(--vw) * (31 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .lead_block .txt .t2 {
    font-size: 31px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block .txt .t2 {
    font-size: calc(var(--vw) * (31 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .txt .t2 {
    margin-top: calc(var(--vw) * (26 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .txt .t2 {
    letter-spacing: 0.075em;
  }
}
.lead_block .txt .t2 span {
  font-weight: 700;
  font-family: "Roboto Condensed", "Noto Sans JP", sans-serif;
  font-size: calc(var(--vw) * (46 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .lead_block .txt .t2 span {
    font-size: 46px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block .txt .t2 span {
    font-size: calc(var(--vw) * (46 / 780 * 100));
  }
}
.lead_block .t3 {
  margin: 0 auto;
  display: table;
  background: #fff;
  font-weight: 700;
  font-size: calc(var(--vw) * (15 / 1280 * 100));
  letter-spacing: 0.05em;
  border: 1px solid #000;
  padding: 0.4em 1em 0.5em;
  margin-top: calc(var(--vw) * (30 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .lead_block .t3 {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 {
    font-size: calc(var(--vw) * (15 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 {
    font-size: calc(var(--vw) * (18 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 {
    padding: 0.4em 0.5em 0.5em;
  }
}
@media screen and (min-width: 1201px) {
  .lead_block .t3 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 {
    margin-top: calc(var(--vw) * (30 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 {
    margin-top: calc(var(--vw) * (20 / 780 * 100));
  }
}
.lead_block .t3 .s1 {
  font-size: calc(var(--vw) * (17.4 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .lead_block .t3 .s1 {
    font-size: 17.4px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 .s1 {
    font-size: calc(var(--vw) * (17.4 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 .s1 {
    font-size: calc(var(--vw) * (21 / 780 * 100));
  }
}
.lead_block .t3 .s2 {
  font-size: calc(var(--vw) * (20 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .lead_block .t3 .s2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 .s2 {
    font-size: calc(var(--vw) * (20 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .t3 .s2 {
    font-size: calc(var(--vw) * (24 / 780 * 100));
  }
}
.lead_block .btn {
  margin: 0 auto;
  margin-top: calc(var(--vw) * (70 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .lead_block .btn {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .lead_block .btn {
    margin-top: calc(var(--vw) * (70 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .lead_block .btn {
    margin-top: calc(var(--vw) * (60 / 780 * 100));
  }
}

.c01 {
  padding-top: calc(var(--vw) * (70 / 1280 * 100));
  padding-bottom: calc(var(--vw) * (110 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c01 {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .c01 {
    padding-top: calc(var(--vw) * (70 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c01 {
    padding-bottom: 110px;
  }
}
@media screen and (max-width: 768px) {
  .c01 {
    padding-bottom: calc(var(--vw) * (110 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 {
    padding-top: calc(var(--vw) * (60 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 {
    padding-bottom: calc(var(--vw) * (120 / 780 * 100));
  }
}
.c01 .c01_txt01 {
  width: calc(var(--vw) * (608 / 1280 * 100));
  max-width: 608px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c01 .c01_txt01 {
    width: calc(var(--vw) * (608 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_txt01 {
    width: calc(var(--vw) * (677 / 780 * 100));
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_txt01 {
    max-width: none;
  }
}
.c01 .yt_wrap {
  padding-bottom: calc(var(--vw) * (58 / 1280 * 100));
  margin-bottom: calc(var(--vw) * (70 / 1280 * 100));
  position: relative;
}
@media screen and (min-width: 1201px) {
  .c01 .yt_wrap {
    padding-bottom: 58px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap {
    padding-bottom: calc(var(--vw) * (58 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c01 .yt_wrap {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap {
    margin-bottom: calc(var(--vw) * (70 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap {
    padding-bottom: calc(var(--vw) * (55 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap {
    margin-bottom: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap {
    padding-left: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap {
    padding-right: calc(var(--vw) * (40 / 780 * 100));
  }
}
.c01 .yt_wrap:after {
  z-index: -2;
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(var(--vw) * (26 / 1280 * 100));
  background: rgb(198, 233, 255);
  background: linear-gradient(90deg, rgb(198, 233, 255) 0%, rgb(255, 213, 206) 40%);
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap:after {
    height: calc(var(--vw) * (338 / 780 * 100));
    max-height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .c01 .yt_wrap:after {
    top: 26px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap:after {
    top: calc(var(--vw) * (26 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap:after {
    top: calc(var(--vw) * (130 / 780 * 100));
  }
}
.c01 .yt_wrap:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: calc(var(--vw) * (26 / 1280 * 100));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 60%);
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap:before {
    height: calc(var(--vw) * (338 / 780 * 100));
    max-height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .c01 .yt_wrap:before {
    top: 26px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap:before {
    top: calc(var(--vw) * (26 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt_wrap:before {
    top: calc(var(--vw) * (130 / 780 * 100));
  }
}
.c01 .yt {
  width: calc(var(--vw) * (869 / 1280 * 100));
  max-width: 869px;
  aspect-ratio: 16/9;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c01 .yt {
    width: calc(var(--vw) * (869 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .yt {
    width: 100%;
  }
}
.c01 .yt iframe {
  width: 100%;
  height: 100%;
}
.c01 .c01_ttl {
  width: calc(var(--vw) * (493 / 1280 * 100));
  max-width: 493px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c01 .c01_ttl {
    width: calc(var(--vw) * (493 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_ttl {
    width: calc(var(--vw) * (493 / 780 * 100));
    max-width: 100%;
  }
}
.c01 .c01_t01 {
  text-align: center;
  color: #fea39c;
  font-weight: 700;
  line-height: 1.71;
  font-size: calc(var(--vw) * (28 / 1280 * 100));
  margin-top: calc(var(--vw) * (30 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c01 .c01_t01 {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_t01 {
    font-size: calc(var(--vw) * (28 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_t01 {
    font-size: calc(var(--vw) * (28 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c01 .c01_t01 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_t01 {
    margin-top: calc(var(--vw) * (30 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_t01 {
    margin-top: calc(var(--vw) * (50 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_t01 {
    text-align: left;
  }
}
.c01 .c01_wrap01 {
  text-align: center;
  margin-top: calc(var(--vw) * (40 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c01 .c01_wrap01 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 {
    margin-top: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 {
    margin-top: calc(var(--vw) * (30 / 780 * 100));
  }
}
.c01 .c01_wrap01 .t01 {
  display: inline;
  margin: 0 auto;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 2;
  font-size: calc(var(--vw) * (30 / 1280 * 100));
  background: linear-gradient(transparent 0%, #fea39c 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.1em 0.5em 0.2em 0.5em;
}
@media screen and (min-width: 1201px) {
  .c01 .c01_wrap01 .t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 .t01 {
    font-size: calc(var(--vw) * (30 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 .t01 {
    font-size: calc(var(--vw) * (30 / 780 * 100));
  }
}
.c01 .c01_wrap01 .t02 {
  text-align: left;
  line-height: 1.7;
  width: calc(var(--vw) * (760 / 1280 * 100));
  max-width: 760px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * (24 / 1280 * 100));
  font-size: calc(var(--vw) * (13 / 1280 * 100));
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 .t02 {
    width: calc(var(--vw) * (760 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 .t02 {
    width: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .c01 .c01_wrap01 .t02 {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 .t02 {
    margin-top: calc(var(--vw) * (24 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 .t02 {
    margin-top: calc(var(--vw) * (20 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c01 .c01_wrap01 .t02 {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 .t02 {
    font-size: calc(var(--vw) * (13 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_wrap01 .t02 {
    font-size: calc(var(--vw) * (18 / 780 * 100));
  }
}
.c01 .c01_img01 {
  width: calc(var(--vw) * (1060 / 1280 * 100));
  max-width: 1060px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * (20 / 1280 * 100));
}
@media screen and (max-width: 768px) {
  .c01 .c01_img01 {
    width: calc(var(--vw) * (1060 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_img01 {
    width: 94%;
    max-width: none;
  }
}
@media screen and (min-width: 1201px) {
  .c01 .c01_img01 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_img01 {
    margin-top: calc(var(--vw) * (20 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .c01_img01 {
    margin-top: calc(var(--vw) * (20 / 780 * 100));
  }
}
.c01 .btn {
  margin: 0 auto;
  margin-top: calc(var(--vw) * (70 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c01 .btn {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .c01 .btn {
    margin-top: calc(var(--vw) * (70 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c01 .btn {
    margin-top: calc(var(--vw) * (50 / 780 * 100));
  }
}

.c02 {
  padding-top: calc(var(--vw) * (70 / 1280 * 100));
  padding-bottom: calc(var(--vw) * (110 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c02 {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .c02 {
    padding-top: calc(var(--vw) * (70 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c02 {
    padding-bottom: 110px;
  }
}
@media screen and (max-width: 768px) {
  .c02 {
    padding-bottom: calc(var(--vw) * (110 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 {
    padding-top: calc(var(--vw) * (60 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 {
    padding-bottom: calc(var(--vw) * (120 / 780 * 100));
  }
}
.c02 .c02_ttl {
  width: calc(var(--vw) * (427 / 1280 * 100));
  max-width: 427px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c02 .c02_ttl {
    width: calc(var(--vw) * (427 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_ttl {
    width: calc(var(--vw) * (427 / 780 * 100));
    max-width: 100%;
  }
}
.c02 .c02_wrap01 {
  margin-top: calc(var(--vw) * (40 / 1280 * 100));
  text-align: center;
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap01 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap01 {
    margin-top: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap01 {
    margin-top: calc(var(--vw) * (30 / 780 * 100));
  }
}
.c02 .c02_wrap01 .t01 {
  display: inline;
  margin: 0 auto;
  color: #fff;
  letter-spacing: 0.075em;
  line-height: 2;
  font-size: calc(var(--vw) * (30 / 1280 * 100));
  background: linear-gradient(transparent 0%, #fea39c 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.1em 0.5em 0.2em 0.5em;
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap01 .t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap01 .t01 {
    font-size: calc(var(--vw) * (30 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap01 .t01 {
    font-size: calc(var(--vw) * (30 / 780 * 100));
  }
}
.c02 .c02_wrap01 .t02 {
  line-height: 1.6;
  margin-top: calc(var(--vw) * (10 / 1280 * 100));
  font-size: calc(var(--vw) * (13 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap01 .t02 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap01 .t02 {
    margin-top: calc(var(--vw) * (10 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap01 .t02 {
    margin-top: calc(var(--vw) * (20 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap01 .t02 {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap01 .t02 {
    font-size: calc(var(--vw) * (13 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap01 .t02 {
    font-size: calc(var(--vw) * (18 / 780 * 100));
  }
}
.c02 .c02_wrap02 {
  display: -ms-flex;
  display: flex;
  background: #e1f1fc;
  color: #000;
  margin: 0 auto;
  margin-top: calc(var(--vw) * (45 / 1280 * 100));
  padding: calc(var(--vw) * (40 / 1280 * 100)) calc(var(--vw) * (50 / 1280 * 100)) calc(var(--vw) * (40 / 1280 * 100)) calc(var(--vw) * (50 / 1280 * 100));
  width: calc(var(--vw) * (756 / 1280 * 100));
  max-width: 756px;
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap02 {
    margin-top: 45px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 {
    margin-top: calc(var(--vw) * (45 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap02 {
    padding: 40px 50px 40px 50px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 {
    padding: calc(var(--vw) * (40 / 780 * 100)) calc(var(--vw) * (50 / 780 * 100)) calc(var(--vw) * (40 / 780 * 100)) calc(var(--vw) * (50 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 {
    padding: calc(var(--vw) * (34 / 780 * 100)) calc(var(--vw) * (40 / 780 * 100)) calc(var(--vw) * (34 / 780 * 100)) calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 {
    width: calc(var(--vw) * (756 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 {
    width: 100%;
  }
}
.c02 .c02_wrap02 .img {
  width: calc(var(--vw) * (270 / 1280 * 100));
  max-width: 270px;
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .img {
    width: calc(var(--vw) * (270 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .img {
    width: calc(var(--vw) * (280 / 780 * 100));
    max-width: 100%;
  }
}
.c02 .c02_wrap02 .txt {
  letter-spacing: 0.1em;
  width: 100%;
  font-weight: 700;
}
.c02 .c02_wrap02 .txt .ttl01 {
  font-size: calc(var(--vw) * (24 / 1280 * 100));
  margin-bottom: calc(var(--vw) * (40 / 1280 * 100));
  position: relative;
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap02 .txt .ttl01 {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt .ttl01 {
    font-size: calc(var(--vw) * (24 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt .ttl01 {
    font-size: calc(var(--vw) * (24 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap02 .txt .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt .ttl01 {
    margin-bottom: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt .ttl01 {
    margin-bottom: calc(var(--vw) * (25 / 780 * 100));
  }
}
.c02 .c02_wrap02 .txt .ttl01 span {
  background: #e1f1fc;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: 1em;
}
.c02 .c02_wrap02 .txt .ttl01:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #000;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c02 .c02_wrap02 .txt table {
  line-height: 1.6;
  font-size: calc(var(--vw) * (20 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap02 .txt table {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt table {
    font-size: calc(var(--vw) * (20 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt table {
    font-size: calc(var(--vw) * (20 / 780 * 100));
  }
}
.c02 .c02_wrap02 .txt table th, .c02 .c02_wrap02 .txt table td {
  padding: 0.3em 0;
}
.c02 .c02_wrap02 .txt table td {
  padding-left: 0.2em;
}
.c02 .c02_wrap02 .txt .t01 {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
  font-size: calc(var(--vw) * (16 / 1280 * 100));
  margin-top: calc(var(--vw) * (40 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap02 .txt .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt .t01 {
    font-size: calc(var(--vw) * (16 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt .t01 {
    font-size: calc(var(--vw) * (16 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .c02 .c02_wrap02 .txt .t01 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt .t01 {
    margin-top: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .c02_wrap02 .txt .t01 {
    margin-top: calc(var(--vw) * (25 / 780 * 100));
  }
}
.c02 .btn {
  margin: 0 auto;
  margin-top: calc(var(--vw) * (70 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .c02 .btn {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .c02 .btn {
    margin-top: calc(var(--vw) * (70 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .c02 .btn {
    margin-top: calc(var(--vw) * (60 / 780 * 100));
  }
}

.btn_tw {
  display: table;
  padding: calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100));
  width: calc(var(--vw) * (504 / 1280 * 100));
  max-width: 504px;
  border-radius: calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100));
  padding: calc(var(--vw) * (6 / 1280 * 100)) calc(var(--vw) * (6 / 1280 * 100)) calc(var(--vw) * (6 / 1280 * 100)) calc(var(--vw) * (6 / 1280 * 100));
  background: #000;
  width: calc(var(--vw) * (461 / 1280 * 100));
  max-width: 461px;
}
@media screen and (min-width: 1201px) {
  .btn_tw {
    padding: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw {
    padding: calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw {
    width: calc(var(--vw) * (504 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_tw {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw {
    border-radius: calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100));
  }
}
.btn_tw:hover .in {
  background: rgba(255, 255, 255, 0.7);
  transition: 0.4s;
}
.btn_tw .in {
  transition: 0.4s;
  position: relative;
  height: calc(var(--vw) * (94 / 1280 * 100));
  max-height: 94px;
  border-radius: calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100));
  background: #fff;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  padding-left: calc(var(--vw) * (107 / 1280 * 100));
}
@media screen and (max-width: 768px) {
  .btn_tw .in {
    height: calc(var(--vw) * (94 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in {
    height: calc(var(--vw) * (93 / 780 * 100));
    max-height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .btn_tw .in {
    border-radius: 54px 54px 54px 54px;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in {
    border-radius: calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_tw .in {
    padding-left: 107px;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in {
    padding-left: calc(var(--vw) * (107 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in {
    padding-left: calc(var(--vw) * (120 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_tw {
    padding: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw {
    padding: calc(var(--vw) * (6 / 780 * 100)) calc(var(--vw) * (6 / 780 * 100)) calc(var(--vw) * (6 / 780 * 100)) calc(var(--vw) * (6 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw {
    width: calc(var(--vw) * (461 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw {
    width: calc(var(--vw) * (461 / 780 * 100));
    max-width: 100%;
  }
}
.btn_tw .in {
  padding-left: calc(var(--vw) * (95 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .btn_tw .in {
    padding-left: 95px;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in {
    padding-left: calc(var(--vw) * (95 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in {
    padding-left: calc(var(--vw) * (95 / 780 * 100));
  }
}
.btn_tw .in .s1 {
  display: inline-block;
  color: #000;
  letter-spacing: 0.05em;
  font-size: calc(var(--vw) * (20 / 1280 * 100));
  font-weight: 700;
}
@media screen and (min-width: 1201px) {
  .btn_tw .in .s1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in .s1 {
    font-size: calc(var(--vw) * (20 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in .s1 {
    font-size: calc(var(--vw) * (20 / 780 * 100));
  }
}
.btn_tw .in .s1 i {
  font-size: 76%;
  font-style: normal;
}
.btn_tw .in:before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * (51 / 1280 * 100));
  max-width: 51px;
  height: calc(var(--vw) * (51 / 1280 * 100));
  max-height: 51px;
  background: url(../img/icon_x.png) 0 0/cover no-repeat;
  position: absolute;
  top: 50%;
  left: calc(var(--vw) * (32 / 1280 * 100));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .btn_tw .in:before {
    width: calc(var(--vw) * (51 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in:before {
    height: calc(var(--vw) * (51 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in:before {
    width: calc(var(--vw) * (51 / 780 * 100));
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in:before {
    height: calc(var(--vw) * (51 / 780 * 100));
    max-height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .btn_tw .in:before {
    left: 32px;
  }
}
@media screen and (max-width: 768px) {
  .btn_tw .in:before {
    left: calc(var(--vw) * (32 / 780 * 100));
  }
}

.btn_insta {
  display: table;
  padding: calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100));
  width: calc(var(--vw) * (504 / 1280 * 100));
  max-width: 504px;
  border-radius: calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100));
  background: rgb(181, 7, 239);
  background: linear-gradient(90deg, rgb(181, 7, 239) 0%, rgb(254, 188, 15) 100%);
}
@media screen and (min-width: 1201px) {
  .btn_insta {
    padding: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 768px) {
  .btn_insta {
    padding: calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_insta {
    width: calc(var(--vw) * (504 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_insta {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 768px) {
  .btn_insta {
    border-radius: calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100));
  }
}
.btn_insta:hover .in {
  background: rgba(255, 255, 255, 0.7);
  transition: 0.4s;
}
.btn_insta .in {
  transition: 0.4s;
  position: relative;
  height: calc(var(--vw) * (94 / 1280 * 100));
  max-height: 94px;
  border-radius: calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100));
  background: #fff;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  padding-left: calc(var(--vw) * (107 / 1280 * 100));
}
@media screen and (max-width: 768px) {
  .btn_insta .in {
    height: calc(var(--vw) * (94 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in {
    height: calc(var(--vw) * (93 / 780 * 100));
    max-height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .btn_insta .in {
    border-radius: 54px 54px 54px 54px;
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in {
    border-radius: calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_insta .in {
    padding-left: 107px;
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in {
    padding-left: calc(var(--vw) * (107 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in {
    padding-left: calc(var(--vw) * (120 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_insta {
    width: calc(var(--vw) * (557 / 780 * 100));
    max-width: 100%;
  }
}
.btn_insta .in .s1 {
  display: inline-block;
  color: #000;
  letter-spacing: 0.05em;
  font-size: calc(var(--vw) * (24 / 1280 * 100));
  font-weight: 700;
}
@media screen and (min-width: 1201px) {
  .btn_insta .in .s1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in .s1 {
    font-size: calc(var(--vw) * (24 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in .s1 {
    font-size: calc(var(--vw) * (26 / 780 * 100));
  }
}
.btn_insta .in .s2 {
  display: inline-block;
  margin-top: 0.6em;
  font-family: "Roboto Condensed", "Noto Sans JP", sans-serif;
  color: #555;
  letter-spacing: 0.1em;
  font-size: calc(var(--vw) * (18 / 1280 * 100));
  font-weight: 700;
}
@media screen and (min-width: 1201px) {
  .btn_insta .in .s2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in .s2 {
    font-size: calc(var(--vw) * (18 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in .s2 {
    font-size: calc(var(--vw) * (20 / 780 * 100));
  }
}
.btn_insta .in:before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * (57 / 1280 * 100));
  max-width: 57px;
  height: calc(var(--vw) * (57 / 1280 * 100));
  max-height: 57px;
  background: url(../img/icon_insta.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: calc(var(--vw) * (33 / 1280 * 100));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .btn_insta .in:before {
    width: calc(var(--vw) * (57 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in:before {
    height: calc(var(--vw) * (57 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in:before {
    width: calc(var(--vw) * (64 / 780 * 100));
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in:before {
    height: calc(var(--vw) * (64 / 780 * 100));
    max-height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .btn_insta .in:before {
    left: 33px;
  }
}
@media screen and (max-width: 768px) {
  .btn_insta .in:before {
    left: calc(var(--vw) * (33 / 780 * 100));
  }
}

.btn_card {
  display: table;
  padding: calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100)) calc(var(--vw) * (8 / 1280 * 100));
  width: calc(var(--vw) * (504 / 1280 * 100));
  max-width: 504px;
  border-radius: calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100)) calc(var(--vw) * (60 / 1280 * 100));
  background: rgb(198, 233, 255);
  background: linear-gradient(90deg, rgb(254, 177, 164) 0%, rgb(171, 219, 252) 100%);
  width: calc(var(--vw) * (666 / 1280 * 100));
  max-width: 666px;
}
@media screen and (min-width: 1201px) {
  .btn_card {
    padding: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card {
    padding: calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100)) calc(var(--vw) * (8 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_card {
    width: calc(var(--vw) * (504 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_card {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card {
    border-radius: calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100)) calc(var(--vw) * (60 / 780 * 100));
  }
}
.btn_card:hover .in {
  background: rgba(255, 255, 255, 0.7);
  transition: 0.4s;
}
.btn_card .in {
  transition: 0.4s;
  position: relative;
  height: calc(var(--vw) * (94 / 1280 * 100));
  max-height: 94px;
  border-radius: calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100)) calc(var(--vw) * (54 / 1280 * 100));
  background: #fff;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  padding-left: calc(var(--vw) * (107 / 1280 * 100));
}
@media screen and (max-width: 768px) {
  .btn_card .in {
    height: calc(var(--vw) * (94 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in {
    height: calc(var(--vw) * (93 / 780 * 100));
    max-height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .btn_card .in {
    border-radius: 54px 54px 54px 54px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in {
    border-radius: calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100)) calc(var(--vw) * (54 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_card .in {
    padding-left: 107px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in {
    padding-left: calc(var(--vw) * (107 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in {
    padding-left: calc(var(--vw) * (120 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_card {
    width: calc(var(--vw) * (666 / 780 * 100));
  }
}
.btn_card:hover .in .s1 {
  color: #000;
}
.btn_card:hover:after {
  transition: 0.4s;
  right: calc(var(--vw) * (40 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .btn_card:hover:after {
    right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card:hover:after {
    right: calc(var(--vw) * (40 / 780 * 100));
  }
}
.btn_card .in {
  padding-left: calc(var(--vw) * (158 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .btn_card .in {
    padding-left: 158px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in {
    padding-left: calc(var(--vw) * (158 / 780 * 100));
  }
}
.btn_card .in .s1 {
  display: inline-block;
  color: #464646;
  letter-spacing: 0.1em;
  font-size: calc(var(--vw) * (32 / 1280 * 100));
  font-weight: 700;
}
@media screen and (min-width: 1201px) {
  .btn_card .in .s1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in .s1 {
    font-size: calc(var(--vw) * (32 / 780 * 100));
  }
}
.btn_card .in:before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * (89 / 1280 * 100));
  max-width: 89px;
  height: calc(var(--vw) * (56 / 1280 * 100));
  max-height: 56px;
  background: url(../img/icon_card.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: calc(var(--vw) * (45 / 1280 * 100));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .btn_card .in:before {
    width: calc(var(--vw) * (89 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in:before {
    height: calc(var(--vw) * (56 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_card .in:before {
    left: 45px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in:before {
    left: calc(var(--vw) * (45 / 780 * 100));
  }
}
.btn_card .in:after {
  transition: 0.4s;
  content: "";
  display: inline-block;
  width: calc(var(--vw) * (46 / 1280 * 100));
  max-width: 46px;
  height: calc(var(--vw) * (34 / 1280 * 100));
  max-height: 34px;
  background: url(../img/arrow.svg) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: calc(var(--vw) * (50 / 1280 * 100));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .btn_card .in:after {
    width: calc(var(--vw) * (46 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in:after {
    height: calc(var(--vw) * (34 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  .btn_card .in:after {
    right: 50px;
  }
}
@media screen and (max-width: 768px) {
  .btn_card .in:after {
    right: calc(var(--vw) * (50 / 780 * 100));
  }
}

.footer_wrap {
  padding-top: calc(var(--vw) * (100 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  .footer_wrap {
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .footer_wrap {
    padding-top: calc(var(--vw) * (100 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  .footer_wrap {
    padding-top: calc(var(--vw) * (90 / 780 * 100));
  }
}

#kiyaku {
  padding-bottom: calc(var(--vw) * (80 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  #kiyaku {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku {
    padding-bottom: calc(var(--vw) * (80 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku {
    padding-bottom: calc(var(--vw) * (50 / 780 * 100));
  }
}
#kiyaku .kTtl {
  text-align: center;
  font-size: calc(var(--vw) * (36 / 1280 * 100));
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kTtl {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kTtl {
    font-size: calc(var(--vw) * (36 / 780 * 100));
  }
}
#kiyaku .kBox {
  margin: 0 auto;
  margin-top: calc(var(--vw) * (60 / 1280 * 100));
  width: calc(var(--vw) * (700 / 1280 * 100));
  max-width: 700px;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox {
    margin-top: calc(var(--vw) * (60 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox {
    width: calc(var(--vw) * (700 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox {
    width: 100%;
    max-width: none;
  }
}
#kiyaku .kBox .ttl {
  margin: 0 auto;
  display: table;
  text-align: center;
  margin-bottom: calc(var(--vw) * (22 / 1280 * 100));
  padding-bottom: calc(var(--vw) * (4 / 1280 * 100));
  font-size: calc(var(--vw) * (24 / 1280 * 100));
  font-weight: 700;
  letter-spacing: 0.1em;
  border-bottom: 3px solid #fcb2a7;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .ttl {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .ttl {
    margin-bottom: calc(var(--vw) * (22 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .ttl {
    padding-bottom: 4px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .ttl {
    padding-bottom: calc(var(--vw) * (4 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .ttl {
    font-size: calc(var(--vw) * (24 / 780 * 100));
  }
}
#kiyaku .kBox .bg {
  padding-top: calc(var(--vw) * (13 / 1280 * 100));
  padding-bottom: calc(var(--vw) * (13 / 1280 * 100));
  padding-left: calc(var(--vw) * (18 / 1280 * 100));
  padding-right: calc(var(--vw) * (18 / 1280 * 100));
  margin-top: calc(var(--vw) * (10 / 1280 * 100));
  margin-bottom: calc(var(--vw) * (10 / 1280 * 100));
  background: #f5f5f5;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .bg {
    padding-top: 13px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg {
    padding-top: calc(var(--vw) * (13 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .bg {
    padding-bottom: 13px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg {
    padding-bottom: calc(var(--vw) * (13 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .bg {
    padding-left: 18px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg {
    padding-left: calc(var(--vw) * (18 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .bg {
    padding-right: 18px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg {
    padding-right: calc(var(--vw) * (18 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg {
    padding-left: calc(var(--vw) * (12 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg {
    padding-right: calc(var(--vw) * (12 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .bg {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg {
    margin-top: calc(var(--vw) * (10 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .bg {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg {
    margin-bottom: calc(var(--vw) * (10 / 780 * 100));
  }
}
#kiyaku .kBox .bg ul.list li {
  list-style-type: disc;
  font-weight: 500;
  font-size: calc(var(--vw) * (18 / 1280 * 100));
  letter-spacing: 0.02em;
  text-align: justify;
  line-height: 1.875;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .bg ul.list li {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg ul.list li {
    font-size: calc(var(--vw) * (18 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg ul.list li {
    font-size: calc(var(--vw) * (18 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .bg ul.list li {
    letter-spacing: 0.05em;
  }
}
#kiyaku .kBox .bg ul.list li span {
  font-weight: 700;
  color: #c30000;
}
#kiyaku .kBox .sch {
  text-align: center;
  font-weight: 700;
  font-size: calc(var(--vw) * (20 / 1280 * 100));
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .sch {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .sch {
    font-size: calc(var(--vw) * (20 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .sch {
    font-size: calc(var(--vw) * (25 / 780 * 100));
  }
}
#kiyaku .kBox .sch span {
  font-size: calc(var(--vw) * (30 / 1280 * 100));
  font-family: "Roboto Condensed", "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .sch span {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .sch span {
    font-size: calc(var(--vw) * (30 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .sch span {
    font-size: calc(var(--vw) * (37 / 780 * 100));
  }
}
#kiyaku .kBox .p1 {
  font-weight: 500;
  font-size: calc(var(--vw) * (16 / 1280 * 100));
  letter-spacing: 0.05em;
  text-align: justify;
  line-height: 1.875;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .p1 {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .p1 {
    font-size: calc(var(--vw) * (16 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .p1 {
    font-size: calc(var(--vw) * (19 / 780 * 100));
  }
}
#kiyaku .kBox .p2 {
  font-size: calc(var(--vw) * (12 / 1280 * 100));
  letter-spacing: 0.05em;
  text-align: justify;
  line-height: 1.875;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .p2 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .p2 {
    font-size: calc(var(--vw) * (12 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .p2 {
    font-size: calc(var(--vw) * (16 / 780 * 100));
  }
}
#kiyaku .kBox .attention_list {
  font-size: calc(var(--vw) * (16 / 1280 * 100));
  letter-spacing: 0.05em;
  text-align: justify;
  line-height: 1.875;
}
@media screen and (min-width: 1201px) {
  #kiyaku .kBox .attention_list {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .attention_list {
    font-size: calc(var(--vw) * (16 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .kBox .attention_list {
    font-size: calc(var(--vw) * (19 / 780 * 100));
  }
}
#kiyaku .kBox .attention_list li {
  text-indent: -1em;
  padding-left: 1em;
}
#kiyaku .btn {
  margin: 0 auto;
  margin-top: calc(var(--vw) * (80 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  #kiyaku .btn {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .btn {
    margin-top: calc(var(--vw) * (80 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .btn {
    margin-top: calc(var(--vw) * (100 / 780 * 100));
  }
}
#kiyaku .btn_p {
  font-size: calc(var(--vw) * (13 / 1280 * 100));
  text-align: center;
  letter-spacing: 0.05em;
  color: #444;
  line-height: 1.8;
  margin-top: calc(var(--vw) * (30 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  #kiyaku .btn_p {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .btn_p {
    font-size: calc(var(--vw) * (13 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  #kiyaku .btn_p {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .btn_p {
    margin-top: calc(var(--vw) * (30 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .btn_p {
    width: calc(var(--vw) * (666 / 780 * 100));
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #kiyaku .btn_p {
    margin: 0 auto;
    text-align: left;
    text-align: justify;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #kiyaku .btn_p {
    margin-top: calc(var(--vw) * (30 / 780 * 100));
  }
}

footer {
  padding-bottom: calc(var(--vw) * (40 / 1280 * 100));
}
@media screen and (max-width: 768px) {
  footer {
    padding: calc(var(--vw) * (0 / 780 * 100)) calc(var(--vw) * (40 / 780 * 100)) calc(var(--vw) * (0 / 780 * 100)) calc(var(--vw) * (40 / 780 * 100));
  }
}
footer .inner {
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  footer .inner {
    flex-direction: column;
  }
}
footer .btn_p {
  font-size: calc(var(--vw) * (13 / 1280 * 100));
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-bottom: calc(var(--vw) * (80 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  footer .btn_p {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  footer .btn_p {
    font-size: calc(var(--vw) * (13 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  footer .btn_p {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  footer .btn_p {
    margin-bottom: calc(var(--vw) * (80 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  footer .btn_p {
    margin-bottom: calc(var(--vw) * (70 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  footer .btn_p {
    text-align: left;
    text-align: justify;
  }
}
footer .copyright p {
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: calc(var(--vw) * (13 / 1280 * 100));
  font-weight: 300;
  color: #444;
  margin-left: calc(var(--vw) * (30 / 1280 * 100));
}
@media screen and (min-width: 1201px) {
  footer .copyright p {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  footer .copyright p {
    font-size: calc(var(--vw) * (13 / 780 * 100));
  }
}
@media screen and (min-width: 1201px) {
  footer .copyright p {
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  footer .copyright p {
    margin-left: calc(var(--vw) * (30 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  footer .copyright p {
    margin-left: calc(var(--vw) * (0 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  footer .copyright p {
    margin-top: calc(var(--vw) * (20 / 780 * 100));
  }
}
footer .copyright p:first-child {
  margin-left: 0;
}
@media screen and (min-width: 1201px) {
  footer {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: calc(var(--vw) * (40 / 780 * 100));
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: calc(var(--vw) * (50 / 780 * 100));
  }
}

@media screen and (max-width: 768px) {
  .tbpc-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 769px) {
  .sp-only {
    display: none !important;
  }
}