@charset "UTF-8";

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  margin: 0;
  min-height: 100vh;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  font-size: 62.5%;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}

a {
  color: inherit;
}

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

ol,
ul {
  list-style: none;
}

em {
  font-style: normal;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

img {
  vertical-align: middle;
}

input,
button,
textarea,
select {
  font: inherit;
}

button {
  all: unset;
  cursor: pointer;
}

:root {
  --bg-main: #2b2022;
  /*#212226;*/
  --bg-red: #b92519;
  --bg-blue: #352bc3;
  --bg-brown: #997c6a;
  --bg-green: #70ab63;
  --bg-pink: #ac7378;
  --bg-orange: #e08e72;
  --bg-img: url("../img/staff_bg.webp");
  --text-brown: #e0a885;
  --text-red: #ff3322;
  --text-blue: #5289ff;
  --text-pink: #de949b;
  --color-yellow: #fff100;
  --ribbon-cut: 5%;
  --fw-bold: 600;
  --fw-nomal: 400;
}

* {
  font-feature-settings: "palt";
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
}

@media (max-width: 768px) {
  html {
    font-size: 2.326vw;
  }
}

body {
  font-family: "Noto Sans JP", YakuHanJP, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
  font-weight: var(--fw-nomal);
  font-size: 1.6rem;
  line-height: 1.87;
  letter-spacing: 0.1em;
  background-image: var(--bg-img);
  background-color: var(--bg-main);
  color: #fff;
}

.header {
  background: url(../img/header_bg.webp) no-repeat center center/cover;
}

@media (max-width: 960px) {
  .header {
    background-image: url(../img/header_bg_sp.webp);
  }
}

.header__inner {
  position: relative;
  max-width: 1280px;
  aspect-ratio: 960/720;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 960px) {
  .header__inner {
    aspect-ratio: 430/654;
  }
}

.header__dodora {
  position: absolute;
  top: 15.5%;
  left: 3.1%;
  width: 12vw;
}

@media (max-width: 960px) {
  .header__dodora {
    top: 39vw;
    left: 5vw;
    width: 16vw;
  }
}

@media (min-width: 1280px) {
  .header__dodora {
    top: 14.9rem;
    left: 3.9rem;
    width: 16rem;
  }
}

@media (min-width: 1800px) {
  .header__dodora {
    top: 14.6%;
    left: 0;
    width: 9vw;
  }
}

.header__logo {
  filter: drop-shadow(0 0 24px #91d4ff);
}

.header__title {
  position: absolute;
  top: 26%;
  left: 3.1%;
  padding-right: 25.8vw;
}

@media (max-width: 960px) {
  .header__title {
    top: 49vw;
    padding-right: 3.8vw;
    padding-left: 2.5vw;
  }
}

@media (min-width: 1280px) {
  .header__title {
    top: 25rem;
    left: 4rem;
    padding-right: 0;
  }
}

@media (min-width: 1800px) {
  .header__title {
    top: 22.8%;
    left: 0;
    padding-right: 0;
  }
}

.header__logo {
  width: 100%;
}

@media (min-width: 1280px) {
  .header__logo {
    width: 91.4rem;
  }
}

@media (min-width: 1800px) {
  .header__logo {
    width: 50vw;
  }
}

.section__inner {
  max-width: 1180px;
  padding: 0 2rem;
  margin: 0 auto;
}

.section__inner--bg {
  padding-right: 5.5rem;
  padding-left: 5.5rem;
  padding-bottom: 5.5rem;
  background: linear-gradient(to bottom, transparent 76px, #fff 76px);
}

@media (max-width: 768px) {
  .section__inner--bg {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    padding-bottom: 3.2rem;
    background: linear-gradient(to bottom, transparent 34px, #fff 34px);
  }
}

.section__title {
  position: relative;
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.3;
  font-style: normal;
  letter-spacing: 0.3em;
  padding-top: 4em;
  padding-left: 3rem;
}

.section__title[data-en=Guest] {
  margin-top: 6rem;
}

.section__title::before {
  content: "";
  position: absolute;
  bottom: 0.6em;
  left: 0;
  height: 1px;
  width: 2rem;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
}

.section__title::after {
  content: attr(data-en);
  font-size: 2.8em;
  color: var(--bg-main);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.section__subtitle {
  position: relative;
  font-size: 2.8rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  letter-spacing: 0.2em;
  padding-top: 3.6em;
  text-shadow: 0 0 10px #000;
}

@media (max-width: 768px) {
  .section__subtitle {
    letter-spacing: 0.1em;
  }
}

.section__text {
  font-size: 1.8rem;
  line-height: 2.5;
  margin-top: 1.8em;
}

.section__text_b {
  font-weight: var(--fw-bold);
  font-size: 2rem;
  margin-top: 1.8em;
}

.lead {
  text-align: center;
  padding-bottom: 16rem;
  background-image: var(--bg-img);
  z-index: -2;
}

.lead__headline {
  font-size: 4rem;
  font-weight: var(--fw-bold);
  padding-top: 0.5em;
}

@media (max-width: 768px) {
  .lead__headline {
    font-size: 2.8rem;
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .lead__headline .fz-xl {
    font-size: 1.4em;
  }
}

.lead__body {
  padding-top: 12rem;
}

@media (max-width: 768px) {
  .lead__body {
    padding-top: 10rem;
  }
}

.lead__no {
  position: relative;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: var(--fw-bold);
  font-style: normal;
  z-index: 2;
  color: #fff;
  font-size: 3rem;
}

.lead__no::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%) skew(-15deg);
  width: 8em;
  height: 100%;
  background-color: var(--bg-brown);
}

.lead__title {
  font-size: 3rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  padding-top: 2em;
  color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
  .lead__title {
    font-size: 2.8rem;
    padding-top: 1.5em;
  }
}

.lead__text {
  font-size: 2.4rem;
  line-height: 2;
  margin-top: 6rem;
}

@media (max-width: 768px) {
  .lead__text {
    font-size: 2rem;
    margin-top: 4rem;
  }
}

.lead__img-wrapper {
  margin-top: 6rem;
}

.lead__img {
  margin: 2rem auto 0;
}

.lead__img-vertical {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 40rem;
}

@media (max-width: 768px) {
  .lead__img-vertical {
    width: 60vw;
    margin-top: -3rem;
  }
}

.lead__img-verticalsm {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 35rem;
}

@media (max-width: 768px) {
  .lead__img-verticalsm {
    width: 52vw;
    margin-top: -3rem;
  }
}

.intro {
  position: relative;
  padding-top: 16rem;
  padding-bottom: 16rem;
  background-image: url("../img/intro_bg.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #4f4144;
}

@media (max-width: 768px) {
  .intro {
    padding-bottom: 20rem;
  }
}

.intro .fz-xl {
  font-size: 1.6em;
}

.cast {
  padding-top: 11rem;
  padding-bottom: 10rem;
  background-image: var(--bg-img);
}

@media (max-width: 768px) {
  .cast {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}

.cast .castBox {
  padding-top: 6rem;
}

.cast .castBox::after {
  content: "";
  display: block;
  height: 1px;
  width: 30rem;
  background-color: #fff;
  margin: 5rem auto 0;
}

.cast .castBox__img {
  position: relative;
  z-index: 1;
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}

.cast .castBox__img.castBox-guest__img {
  aspect-ratio: 4/3;
}

.cast .castBox__img.castBox-guest__img:not(:first-child) {
  margin-top: 2rem;
}

.cast .castBox__img-wrapper {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .cast .castBox__img-wrapper {
    max-width: 70%;
    margin-top: 2.4rem;
  }
}

.cast .castBox__img-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transform: rotate(4deg);
}

@media (max-width: 768px) {
  .cast .castBox__img-wrapper.castBox-guest__img-wrapper {
    max-width: 85%;
  }
}

.cast .castBox__no {
  font-size: 1.8rem;
  font-weight: var(--fw-bold);
  background-color: #fff;
  color: #000;
  padding: 0 1em;
  width: 6em;
  text-align: center;
  margin-bottom: 1em;
}

@media (max-width: 768px) {
  .cast .castBox__no {
    margin-top: 1em;
  }
}

.cast .castBox__name {
  display: inline-flex;
  padding: 0;
  background: linear-gradient(transparent 50%, var(--bg-brown) 50%) !important;
  font-size: 3rem;
  font-weight: var(--fw-bold);
}

@media (max-width: 768px) {
  .cast .castBox__name {
    font-size: 3.2rem;
    margin-top: 3rem;
    align-items: center;
  }

  .cast .castBox__name.castBox__guestname {
    font-size: 2.2rem;
    margin-top: 0;
  }
}

.cast .castBox__name-codename::before {
  display: inline-block;
  margin: 0 1rem;
  font-weight: 300;
}

.cast .castBox__name-actor::before {
  content: "／";
  display: inline-block;
  margin: 0 1rem;
  font-weight: 300;
}

.cast .castBox__title {
  font-size: 2.2rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.2em;
  padding-top: 3em;
  padding-bottom: 0.72em;
  border-bottom: 1px solid #fff;
}

@media (max-width: 768px) {
  .cast .castBox__title {
    padding-top: 2em;
  }
}

.cast .castBox__text {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: var(--fw-nomal);
  letter-spacing: 0.2em;
}

.cast .comment {
  padding-right: 55px;
  padding-left: 55px;
}

@media (max-width: 768px) {
  .cast .comment {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.castBox01 .castBox__name {
  background: linear-gradient(transparent 50%, var(--bg-red) 50%) !important;
}

.castBox01 .castBox__img-wrapper::after {
  background-color: var(--bg-red);
}

.castBox02 .castBox__name {
  background: linear-gradient(transparent 50%, var(--bg-blue) 50%) !important;
}

.castBox02 .castBox__img-wrapper::after {
  background-color: var(--bg-blue);
}

.castBox03 .castBox__name {
  background: linear-gradient(transparent 50%, var(--bg-green) 50%) !important;
}

.castBox03 .castBox__img-wrapper::after {
  background-color: var(--bg-green);
}

.castBox04 .castBox__name {
  background: linear-gradient(transparent 50%, var(--bg-pink) 50%) !important;
}

.castBox04 .castBox__img-wrapper::after {
  background-color: var(--bg-pink);
}

.castBox05 .castBox__name {
  background: linear-gradient(transparent 50%, var(--bg-orange) 50%) !important;
}

.castBox05 .castBox__img-wrapper::after {
  background-color: var(--bg-orange);
}

.half-media--reverse .castBox__img-wrapper::after {
  transform: rotate(-4deg);
}

.half-media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}

@media (max-width: 768px) {
  .half-media {
    grid-template-columns: repeat(1, 1fr);
  }
}

.half-media--reverse > *:first-child {
  order: 2;
}

@media (max-width: 768px) {
  .half-media--reverse > *:first-child {
    order: 1;
  }
}

.half-media--reverse > *:last-child {
  order: 1;
}

@media (max-width: 768px) {
  .half-media--reverse > *:last-child {
    order: 2;
  }
}

.faq {
  margin-top: 8px;
}

.faq dt {
  font-size: 1.8rem;
  letter-spacing: 0.2em;
}

.faq dt::before {
  content: "Q:";
  font-weight: var(--fw-bold);
  color: var(--text-brown);
}

.faq dd {
  margin-top: 0.5em;
}

.faq dd + dt {
  margin-top: 2.7rem;
}

.castBox01 .faq dt::before {
  color: var(--text-red);
}

.castBox02 .faq dt::before {
  color: var(--text-blue);
}

.castBox03 .faq dt::before {
  color: var(--bg-green);
}

.castBox04 .faq dt::before {
  color: var(--bg-pink);
}

.story {
  position: relative;
  overflow: hidden;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.story::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-image: url("../img/story_bg2.webp");
}

.story .section__inner {
  position: relative;
  z-index: 5;
}

.story__title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 1.8;
  margin-top: 3.2rem;
}

@media (max-width: 768px) {
  .story__title {
    font-size: 2.55rem;
  }
}

.story__text {
  font-size: 2rem;
  line-height: 2.5;
  margin-top: 2em;
}

@media (max-width: 768px) {
  .story__text {
    font-size: 1.6rem;
    line-height: 2;
  }
}

.story__textArea {
  margin-top: 4.8rem;
}

.story__textArea::after {
  content: "";
  display: block;
  clear: both;
}

.story__footer {
  font-size: 2.2rem;
  line-height: 2.5;
  margin-top: 2em;
  text-align: center;
  font-weight: var(--fw-bold);
}

@media (max-width: 768px) {
  .story__footer {
    font-size: 2rem;
    line-height: 2;
  }
}

.story__img {
  width: 35%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.431372549);
}

@media (max-width: 768px) {
  .story__img {
    width: 80%;
  }
}

.story__img01,
.story__img03,
.story__img05 {
  float: right;
  transform: rotate(2deg);
  margin-left: 2.4rem;
  margin-bottom: 1.6rem;
}

@media (max-width: 768px) {

  .story__img01,
  .story__img03,
  .story__img05 {
    float: none;
    margin: 2rem auto 0;
  }
}

.story__img02,
.story__img04 {
  float: left;
  transform: rotate(-2deg);
  margin-right: 2.4rem;
  margin-bottom: 1.6rem;
}

@media (max-width: 768px) {

  .story__img02,
  .story__img04 {
    float: none;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .story__img05 {
    transform: rotate(0) translateX(0);
  }
}

.moreBtn {
  width: 360px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1em;
}

.moreBtn a {
  font-size: 1.8rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.2em;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
  z-index: 0;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  text-decoration: none;
  text-align: center;
  color: #000;
}

.moreBtn a::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100%;
  background-color: #fff;
  transition-property: transform opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transform: translateX(-50%) skew(-15deg);
}

.moreBtn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 12px;
  height: 10px;
  opacity: 1;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: translate(-50%, -50%) rotate(90deg);
  background-color: #000;
  transition: translate 0.3s ease;
}

.moreBtn a:hover::before {
  background-color: #fff;
  color: #000;
  transform: translateX(-50%) skew(0);
}

.moreBtn a:hover::before::after {
  background-color: #000;
}

@media (any-hover: hover) {
  .moreBtn a:hover {
    opacity: 0.8;
  }

  .moreBtn a:hover::after {
    translate: 0.5rem 0;
  }
}

.comment {
  padding-top: 12rem;
  padding-bottom: 12rem;
  background-image: var(--bg-img);
}

.staff {
  padding-top: 66px;
  padding-bottom: 66px;
  background-image: var(--bg-img);
}

@media (max-width: 768px) {
  .staff {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.staff .staffList {
  display: grid;
  grid-template-columns: 270px auto;
  row-gap: 24px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 40px auto 0;
  font-size: 1.8rem;
}

@media (max-width: 768px) {
  .staff .staffList {
    grid-template-columns: 1fr;
    row-gap: 12px;
    width: 100%;
    margin-top: 24px;
  }
}

.staff .staffList__part {
  text-align: right;
}

@media (max-width: 768px) {
  .staff .staffList__part {
    font-weight: var(--fw-bold);
    font-size: 1.1em;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
    text-align: left;
  }
}

.staff .staffList__part::after {
  content: "／";
  display: inline-block;
  padding: 0 1.5em;
  color: var(--text-brown);
}

@media (max-width: 768px) {
  .staff .staffList__part::after {
    display: none;
  }
}

.staff .staffList__name {
  font-size: 1.8rem;
}

.staff .staffList__name ul {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1em;
  column-gap: 1em;
}

.footer {
  padding: 16px 10px 30px;
  border-top: 1px solid #707070;
  color: #fff;
  background-color: #1564ae;
}

.footer .topBtn {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0;
  margin-left: auto;
  padding: 8px 16px;
  cursor: pointer;
}

.footer__inner {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.footer__policy {
  display: grid;
  grid-template-columns: 400px 400px;
  justify-content: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .footer__policy {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}

.footer__link {
  margin-top: 16px;
  text-align: center;
}

.footer details summary {
  text-decoration: underline;
  cursor: pointer;
}

.footer details p {
  font-size: 1.3rem;
  text-align: left;
}

.footer__bnr {
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.footer .copy {
  margin-top: 30px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.4;
}

/*----- common class -----*/
.img-cover {
  pointer-events: none;
}

@media print {
  .img-cover {
    opacity: 0 !important;
    visibility: hidden !important;
    background-image: none !important;
  }
}

.highlight {
  display: inline;
  padding: 0;
  color: #fff;
}

.highlight-main {
  background: linear-gradient(transparent 50%, var(--bg-brown) 50%) !important;
}

.highlight-red {
  background: linear-gradient(transparent 50%, var(--bg-red) 50%) !important;
}

.highlight-blue {
  background: linear-gradient(transparent 50%, var(--bg-blue) 50%) !important;
}

.highlight-green {
  background: linear-gradient(transparent 50%, var(--bg-green) 50%) !important;
}

.highlight-pink {
  background: linear-gradient(transparent 50%, var(--bg-pink) 50%) !important;
}

.bg-red {
  background-color: var(--bg-red);
}

.bg-blue {
  background-color: var(--bg-blue);
}

.fc-keycolor {
  color: var(--text-brown);
}

.fc-red,
.fl-red::first-letter {
  color: var(--text-red);
}

.fc-blue,
.fl-blue::first-letter {
  color: var(--text-blue);
}

.fc-green {
  color: var(--bg-green);
}

.fc-pink {
  color: var(--text-pink);
}

.fc-orange {
  color: var(--bg-orange);
}

.fw-b {
  font-weight: bold;
}

strong,
.strong {
  font-weight: var(--fw-bold);
}

.en {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.fz-xxl {
  font-size: 2.2em;
}

.fz-xl {
  font-size: 1.8em;
}

.fz-l,
.fz-lg {
  font-size: 1.2em;
}

.fz-s,
.fz-sm {
  font-size: 0.8em;
}

.fz-xs {
  font-size: 0.65em;
}

.ta-c,
.align-center {
  text-align: center;
}

.disabled {
  pointer-events: none;
  filter: grayscale(1) brightness(0.8) !important;
}

.movieWrap {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #fff;
}

.movieWrap iframe,
.movieWrap img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  -o-object-fit: cover;
  object-fit: cover;
}

.hover {
  display: block;
}

@media (any-hover: hover) {
  .hover {
    transition: all 0.3s ease-in;
  }
}

.db-sp {
  display: none;
}

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

  .db-sp {
    display: block !important;
  }
}

.mt0 {
  margin-top: 0 !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

@media screen and (max-width: 768px) {
  .mt10 {
    margin-top: 1.5% !important;
  }

  .mt15 {
    margin-top: 2.3% !important;
  }

  .mt20 {
    margin-top: 3.1% !important;
  }

  .mt25 {
    margin-top: 3.9% !important;
  }

  .mt30 {
    margin-top: 4.6% !important;
  }

  .mt35 {
    margin-top: 5.4% !important;
  }

  .mt40 {
    margin-top: 6.2% !important;
  }

  .mt45 {
    margin-top: 7% !important;
  }

  .mt50 {
    margin-top: 7.8% !important;
  }

  .mt60 {
    margin-top: 9.3% !important;
  }

  .mt64 {
    margin-top: 10% !important;
  }

  .mt70 {
    margin-top: 10.9% !important;
  }

  .mt80 {
    margin-top: 12.5% !important;
  }

  .mb10 {
    margin-bottom: 1.5% !important;
  }

  .mb15 {
    margin-bottom: 2.3% !important;
  }

  .mb20 {
    margin-bottom: 3.1% !important;
  }

  .mb25 {
    margin-bottom: 3.9% !important;
  }

  .mb30 {
    margin-bottom: 4.6% !important;
  }

  .mb35 {
    margin-bottom: 5.4% !important;
  }

  .mb40 {
    margin-bottom: 6.2% !important;
  }

  .mb45 {
    margin-bottom: 7% !important;
  }

  .mb50 {
    margin-bottom: 7.8% !important;
  }

  .mb60 {
    margin-bottom: 9.3% !important;
  }

  .mb64 {
    margin-bottom: 10% !important;
  }

  .mb70 {
    margin-bottom: 10.9% !important;
  }

  .mb80 {
    margin-bottom: 12.5% !important;
  }
}

/*# sourceMappingURL=style.css.map */